Skip to content

CTradeExchange/trade-h5

Folders and files

NameName
Last commit message
Last commit date

Latest commit

c081e34 · May 13, 2022
Apr 12, 2022
Apr 29, 2022
Nov 25, 2021
Dec 30, 2021
Jul 23, 2021
Apr 28, 2022
May 13, 2022
Apr 19, 2022
Jan 9, 2021
Jan 9, 2021
Nov 23, 2021
Nov 23, 2021
Jul 23, 2021
Jul 23, 2021
Apr 22, 2021
Aug 20, 2021
Oct 23, 2021
Dec 3, 2021
Apr 16, 2021
Jan 23, 2021
Dec 6, 2021
Jan 9, 2021
Aug 3, 2021
May 10, 2022
Apr 27, 2022

Repository files navigation

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 // 当前用户的自选产品列表