9 Star 68 Fork 30

惊悚的毛毛虫 / uniapp-template

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

项目介绍

在线示例Demo

主架构 uniapp

介绍

  • 组件使用easycom模式,有暗坑详见示例组件内代码注释。
  • 目前已经更新至uview2.0,uview1.0版本可在码云里面找到

plugins

项目结构

├─apis					// 接口管理
│  ├─modules 			// api模块化目录
│  │  └─user.js 		// 模块化示例user
│  ├─http.api.js 		// 接口定义文件
│  └─http.interceptor 	// 拦截器
├─common				// 公共文件
│  ├─config 			// 环境配置 (设置baseurl等)
│  ├─extend 			// 扩展原型方法
│  ├─filters 			// 全局过滤器
│  ├─tools 				// 全局公共方法
│  └─router 			// 路由文件
├─components			// 项目组件库
│  ├─cl-test			// easycom测试组件 (示例使用可删除)
│  ├─cl-header			// 自定义导航栏
│  └─cl-icon			// iconfont图标组件
├─store					// vuex
│  ├─$u.mixin			// store全局混入方法
│  └─index				// vuex
├─uni_modules			// 插件市场插件目录
│  ├─uview-ui			// uview-ui	
│  └─z-paging			// z-paging		

自定义环境配置

官方文档示例,目前已配置了H5与微信小程序,其他自行配置即可。

avatar

avatar

Iconfont 注意事项

  1. 在阿里矢量图标库创建项目
  2. 添加你所需要使用的图标文件
  3. 下载文件到本地后替换components/cl-icon里面的文件

Iconfont示例

iconfont库中修改示例:

avatar

代码示例:

	<cl-icon type="test" size="30" color="#000000"></cl-icon>

依赖安装

  1. 安装之前请移除下载后自带的package.json 使用下面代码安装依赖即可运行
  2. uview2.0可在uni_modules下右键即可更新至最新
npm i uni-simple-router uni-read-pages

接口问题

  1. 因云函数收费所以目前接口无法正常跑通需在common/config.js中修改域名为您自己的服务器域名
  2. 接口定义在apis/http.api.js, apis/modules为接口模块化目录
  3. 使用接口示例如下,或在Demo中Request请求页签中查看

// 非模块化示例
this.$api.getSearch({ keyword: '111' }).then(res=>{
	// ...
})

// 模块化接口示例 (示例1)
this.$api.user.postGoodsInfo().then(res=>{
	// ...
})

// 模块化接口示例 (示例2,与示例1效果等同)
this.$huser.postGoodsInfo().then(res=>{
	// ...
})

如何移除所有示例代码?

  1. 移除pageA与pageB目录
  2. 移除pages目录所有文件
  3. 移除pages.json所有路由文件
  4. 移除components/cl-test测试组件
  5. 移除components/extend.js 下的Hello扩展方式

仓库

gitee

贡献者

风筝 陈木杉

空文件

简介

uniapp项目移动全端基础模板 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/ChenMuShan/uniapp-template.git
git@gitee.com:ChenMuShan/uniapp-template.git
ChenMuShan
uniapp-template
uniapp-template
master

搜索帮助