uniapp

最近又转战uni-app项目了，这次说一说uniapp中图表的使用。图表用的ucharts ，charts组件 1. canvas canvas-id是canvas 组件的唯一标识符 @touchs

本篇主要学习pages.json，其中globalStyle navigationStyle设置为custom，可以实现自定义导航栏，主要用于项目有多个角色展示不同的菜单，所以不能在pages直接用

介绍一下uni-app的全局文件，package.json 通过uni-app扩展节点，可以实现自定义条件编译平台，只能扩展web和小程序平台，不能扩展app打包。

小程序项目转为uniapp， 首先新建uni-app项目。 uniapp中html，js，css是放在一个vue文件中。vant weapp是一套功能很强大的微信小程序组件，是基于微信的自定义组件原理

uview的配置 1. 下载uview压缩包或者导入 uview地址 放在根目录下 2.在main.js注册vue，配置环境变量的3种方法，.env和pages.json以及vue.config.js

uniapp提供了公共tabbar，但是只适用于一种角色的菜单 index.vue 定义一个index页面，用来作为公共的页面存放不同的角色登录之后的中转页面，判断角色

开发项目肯定要进行一系列常用的js的封装。比如常用的工具类，vuex状态管理，后台接口工具类， 1. 常用的工具类封装-utils.js 用来存放我们常用的工具类，使用时候直接引入即可 时间戳转年月日

uni-app的目录结构 注意点： 编译的时候，static下的文件会被打包，不会编译，而非static下的文件只有被引用才会被打包编译，css等资源放在自己新建的common目录下