2021-03-29

课程规划小程序

安装依赖

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

1. 尺寸单位 rpx
2. 禁止内联样式
3. 选择器：统一使用，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();