微信小程序开发技术栈

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是基础配置文件

经验分享 程序员 微信小程序 职场和发展