uniapp项⽬基础模板使⽤指南
uniapp项⽬基础模板使⽤指南
该⽅案通⽤与基于vue的web开发，不局限于app
内容描述：
1：项⽬⽬录说明
  2：页⾯组织⽅式
  3：全局api及vuex，及部分全局api说明
  4:  开发中如何使⽤theme及css组织⽅式说明
项⽬⽬录说明
common - ⽤于存放静态css，css theme⽂件，⾮全局js⽂件
components - ⽤于存放⾃定义/外部组件
global - ⽤于存放全局api，vuex，page配置等全局内容
pages - 页⾯
static - 所有静态⽂件，如图⽚，⾳频，⽂字等
页⾯组织⽅式
问题：uniapp默认pages.json⽆法模块化，和nvue页⾯刷新⽆法热加载
基本使⽤说明：
1. 在pages.js设置主页
2. 新建页⾯不需要勾选底部在pages.json注册，直接在global/pages/modules/index.js中进⾏注册即可
全局api及vuex
问题：使⽤common设置api⽆法⽅便进⾏全局调⽤，nvue不⽀持原型挂载
解决⽅案：⾃动挂载⾄vuex中进⾏全局调⽤
基本使⽤说明：
1.在global/common中定义api或者变量
2.页⾯中：this.$
3.vuex使⽤与官⽹⼀致
预设全局api说明
< - ⽤于跳转页⾯
如何使⽤theme及css组织⽅式说明
1.css说明
如果需要修改scss内容请转换为普通css内容再放⼊，以免影响提⽰功能，⽽除了main主题外其他主题已给出范例，不需要转css，因为不需要这部分提⽰free.scss - 基础库⼀般不允许修改，这次改进了free.scss内容，保证了多端⼀致性
common.scss - ⽤于存放⾮颜⾊的项⽬css class
theme/theme.scss - ⽤于引⼊主题
theme/main.scss - 默认主题
theme/xxxx.scss - 其他主题，如dark.scss
css常用模板2.theme使⽤
在main.scss中定义 .a {}
在dark.scss中定义 .a_dark {}
vue中使⽤getColor('a')获取class即可
感谢您的阅读，如果有误，或者其他问题，请回复
如使⽤本预设项⽬，请认真查看free.scss内容
如有其他好的想法请留⾔联系

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。