微信小程序开发技术栈
uniapp
安装地址:
组件(UviewUI、ColorUI)
ColorUI具体配置:
ColorUI安装地址:
直接使用HBuilderX导入(注意HBuilderX版本,版本过低可能导致无法导入成功)
下载源码解压,复制根目录的 /ColorUI 文件夹到你的根目录
App.vue 引入关键Css main.css icon.css
<style> @import "colorui/main.css"; @import "colorui/icon.css"; </style>
UviewUI具体配置:
UviewUI安装地址:
main.js中引入关键代码进行全局注册
import uView from @/uni_modules/uview-ui Vue.use(uView)
App.vue 引入关键Css index.scss
<style lang="scss"> @import "@/uni_modules/uview-ui/index.scss"; </style>
uni.scss同样引入关键Css theme.scss
@import @/uni_modules/uview-ui/theme.scss;
项目构造
colorui、uni_modules分别是下载的组件包
pages是页面配置文件夹
static存放静态资源
unpackge是小程序发布与打包后生成的文件夹
pages.json配置tabbar与导航栏
manifest.json是基础配置文件