课程规划小程序
安装依赖
npm install
开发环境启动
npm run dev:mp-weixin
构建生产环境
npm run build:mp-weixin
项目规范
目录及命名规范
【Pages目录】页面级目录
planPages
-- moudle_loading
-- src
-- loading
-- report_loading
-- module_core
-- src
-- curriculum_planning
主包/子包目录下,为各页面级目录,文件夹名称为各模块名(moudle_ + 模块名),文件夹下一级文件为页面(小驼峰)!
【Components目录】页面级目录
components
-- no-data
-- question
components目录下,为公共组件,文件夹名称为组件名(横杠分隔),文件夹下一级文件为组件(横杠分隔)!
css规范
格式命名规范 参考:百度FEX前端团队 css 规范
用法规范 参考:WXSS
- 尺寸单位 rpx
- 禁止内联样式
- 选择器:统一使用,class和id 选择器,禁用标签选择器
globalData 规范
globalData是小程序中一种简单的全局变量机制,被uni-app重新实现,全端通用!具体内容请参考:uni-app globalData
全局变量机制,支持了极简版的跨页通讯,但是同样带来了一定的维护问题!基于此,这里定义了项目中globalData的使用规范,并在项目支持全局log globalData!
// main.js
app.prototype.log = () => {
console.log(getApp().globalData);
};
// xxx.vue
this.log();