cats2 H5

安装依赖包

npm install

本地运行开发模式

npm run dev

打包构建

npm run build

架构介绍

cats2 H5是一个轻量、高性能H5，运行环境可能在浏览器、原生APP，壳包APP，可以部署在WordPress内作为一个插件使用，也可以直接作为静态资源文件部署在服务器端(Nginx,Apache等)。

支持多主题模式开发、颜色换肤、页面模块化(根据WordPress后台拖拽模块配置页面)

开发注意事项

• 引入任何dependencies需要在前端群咨询其他同事意见，尤其是大体积插件；
• /src/themes子级是各主题的私有业务代码，/src/themes兄弟目录都是公共资源，公共资源不允许引入私有业务代码；
• 颜色换肤使用css变量实现，所以页面内所有元素都不能写死颜色值，须使用css颜色变量赋值；(如 color: var(--bdColor))
• 获取用户信息统一使用 FindCustomerInfo()方法，导入文件：import FindCustomerInfo from '@m/compositionApi/findCustomerInfo'
• 除了密码之外所有的呼输入框需做trim处理

关于时区

cats2 H5里面由于时区功能对dayjs做了一些封装；
直接import dayjs, from 'dayjs' 是封装后的dayjs，包含了时区处理
import { _dayjs } from 'dayjs' 导入的_dayjs是源dayjs，如果有特殊需求可以使用_dayjs

关于颜色

cats2 H5里面所有的颜色都必须使用颜色变量；
js里面需要用到的颜色可以使用store.state.style，也可以使用全局mixin的 $style计算器属性

store里面常用数据

• store.state._user.customerInfo // 当前登录的用户信息
• store.getters['_user/userAccountType'] // 账户类型，G游客, D模拟, R_1真实未入金, R_2真实已入金, R_3真实已激活
• store.getters.customerGroupId // 当前客户组(包括游客账户组)
• store.getters.productActived // 当前操作的产品信息
• store.getters.userSelfSymbolList // 当前用户的自选产品列表