uniapp

(pc h5端)

介绍

uni-app

软件架构

软件架构说明

安装教程

1. npm install
2. 直接在HBuilderX 中 运行 运行到浏览器 Chrome

组件

1.uview-ui https://www.uviewui.com/components/collapse.html

使用说明

1.components (组件库) 2.css (样式) (less) 预编译(插件市场安装less) (自动编译为css文件 工具 - 外部命令插件配置 - compile-less - package.json - external -> commands -> onDidSaveExecution: true) 3.pages (页面) 4.static (静态资源) 5.main.less (公共样式)

components

vModel.vue 自定义组件 v-model 实现原理 verificationNum.vue 登录数字相加验证框组件 pagersPage.vue 分页器 none.vue 暂无记录组件 navigation.vue 侧边导航栏 model.vue 自定义弹出框 Mixin.js mixing组件公共代码 asyncComponent.vue 动态异步组件 echarts.vue k线图 head.vue 头部侧边栏组件 自适应 returnPage.vue 页面右上角返回 pickerTimer.vue 时间选择器 loading 自定义loading加载动画 和请提示

-----------index common.js 自定义公共方法 eventBus.js new一个vue实列 用于自定义事件监听 request.js 接口封装

uni-simple-router (vue-router)

router index.js 存放routes page 全局路由前置守卫 全局路由后置守卫

vuex

store index.js //存储

/**

 * 充值
 */
RECHARGE(1, PaymentTypeEnum.INCOME.getCode()),
/**
 * 提现申请
 */
WITHDRAWAL_APPLICATION(2, PaymentTypeEnum.OTHER.getCode()),
/**
 * 提现完成
 */
WITHDRAWAL_COMPLETE(3, PaymentTypeEnum.EXPENDITURE.getCode()),
/**
 * 保证金转购物宝
 */
AUCTION_TO_AGILE(4, PaymentTypeEnum.OTHER.getCode()),

/**
 * 购物宝转保证金
 */
AGILE_TO_AUCTION(5, PaymentTypeEnum.OTHER.getCode()),
/**
 * 转账转入
 */
TRANSFER_IN(6, PaymentTypeEnum.INCOME.getCode()),
/**
 * 转账转出
 */
TRANSFER_OUT(7, PaymentTypeEnum.EXPENDITURE.getCode()),
/**
 * 购物宝收益
 */
AGILE_INTEREST(8, PaymentTypeEnum.INCOME.getCode()),
/**
 * 代理收益
 */
PROXY_INTEREST(9, PaymentTypeEnum.INCOME.getCode()),
/**
 * 感恩收益
 */
GRATITUDE_INTEREST(10, PaymentTypeEnum.INCOME.getCode()),
/**
 * 微信支付手续费
 */
WECHAT_PAY_COMMISSION(11, PaymentTypeEnum.EXPENDITURE.getCode()),
/**
 * 充值转出
 */
RECHARGE_TRANSFER_OUT(12, PaymentTypeEnum.EXPENDITURE.getCode()),
/**
 * 购物宝转股权账户
 */
AGILE_TO_SHAREHOLDER(13, PaymentTypeEnum.OTHER.getCode()),
/**
 * 股权账户转购物宝
 */
SHAREHOLDER_TO_AGILE(14, PaymentTypeEnum.OTHER.getCode()),
/**
 * 股权收益
 */
SHAREHOLDER_INTEREST(15, PaymentTypeEnum.INCOME.getCode()),
/**
 * 充值转入
 */
RECHARGE_TRANSFER_IN(16, PaymentTypeEnum.INCOME.getCode()),
/**
 * 充值撤销
 */
RECHARGE_CANCEL(17, PaymentTypeEnum.EXPENDITURE.getCode()),
/**
 * 竞拍
 */
AUCTION_PRODUCTS(18, PaymentTypeEnum.OTHER.getCode()),
/**
 * 竞拍支出
 */
AUCTION_EXPENDITURE(19, PaymentTypeEnum.EXPENDITURE.getCode()),
/**
 * 竞拍收入
 */
AUCTION_INCOME(20, PaymentTypeEnum.INCOME.getCode()),
/**
 * 竞拍返还
 */
AUCTION_RETURN(21, PaymentTypeEnum.OTHER.getCode());