工匠智造文档

移动端前端开发规范

新增子应用

复制模板代码

  1. template 文件夹复制到对应的子应用类型文件夹
  2. 将文件夹重命名为子应用的 code
  3. 修改 app.js 文件的内容为子应用相关信息

配置应用开发

  1. app/ 文件夹下子应用类型对应的 js 文件中导入子应用的 main.js
  2. dev/config/ 文件夹下子应用类型对应的 js 文件中导入子应用的 app.js

添加构建命令

  1. package.jsonscripts 添加如下内容
"[code]": "vue-cli-service build --target lib --name [code] ./[type]/[code]/main.js"

规范

  • 定义类名应以应用code为前缀, 例如: demo__text
  • 由于更换主题, 禁止自定义颜色
  • 像素单位用rem

预定义文本颜色类名

类名 说明
color--primary primary 颜色
color--secondary secondary 颜色
color--tertiary tertiary 颜色
color--error error 颜色
color--hint hint颜色