xax-component

一、CSS 样式规范：

1. 不能使用 px 做为单位，需使用 rem 作为宽高等尺寸单位，此单位是基于body元素的字体大小的倍数： 除了 _axvar.scss 内的 $font_size_base 允许使用 px 作为单位之外，其它的尺寸都使用 rem 作为相对单位。

2. 如何导入样式：

1. view页面组件需要继承：ViewBase，即把原来的 Vue 改为 ViewBase。只需要导入模块首页的样式。
2. 在组件根元素内加上：v-show="cssImported" 属性；若组件重新显示时需要重置页面数据则使用 v-if，若不需要重置数据则使用 v-show。
3. 在组件内实现生命周期方法： /**
   • 组件创建前处理 */ private beforeCreate() { // 导入样式 this.importCss('global'); }

二、API 指令定义规范： 指令 = 模块目录文件夹名称+需要做的事情，中间使用横线分隔 例如：district-tree-list, district 标识模块文件夹，tree-list 表示需要做的操作。

三、npm 使用：

1. 清理缓存指令: npm cache clean -f