- Vue
- Babel
- Webpack
- Nodejs v7.9.0
- WePY
$ 配置API文件
$ cp config.js
执行如下命令：
$ npm install
$ wepy build --watch
- 整体目录结构如下：
├── dist 小程序运行代码目录（该目录由WePY的build指令自动编译生成，请不要直接修改该目录下的文件）
├── node_modules
├── src 代码编写的目录（该目录为使用WePY后的开发目录）
| ├── components WePY组件目录（组件不属于完整页面，仅供完整页面或其他组件引用）
| | ├── com_a.wpy 可复用的WePY组件a
| | └── com_b.wpy 可复用的WePY组件b
| ├── pages WePY页面目录（属于完整页面）
| | ├── index.wpy index页面（经build后，会在dist目录下的pages目录生成index.js、index.json、index.wxml和index.wxss文件）
| | └── other.wpy other页面（经build后，会在dist目录下的pages目录生成other.js、other.json、other.wxml和other.wxss文件）
| └── app.wpy 小程序配置项（全局数据、样式、声明钩子等；经build后，会在dist目录下生成app.js、app.json和app.wxss文件）
└── package.json 项目的package配置
- 组件：
├── LoadingX 抽奖加载条
├── LoadingZ 窗口加载条
├── Barrage 弹幕测试(未启用)
├── PrizesListModule 抽奖列表页
├── PreviewListModule 抽奖预告页
├── WelfareModule 福利分领取页&兑换商品页
├── Sidebar 侧边栏小功能条(未启用)
├── TitleBar 自定义头部
├── TransmissionGate 切换标签(首页&个人中心)
- 工具方法：
├── base 综合工具类
├── http 请求接口类
├── painter 绘制类
├── ShareMessage 分享类
- 页面
├── home 首页 奖品列表页
├── luckDraw 奖品详情页 抽奖页
├── personalCenter 个人中心 我参加的抽奖、中奖纪录、收货地址
├── past 我参与过的抽奖页 待开奖、已结束
├── prize 中/未中奖展示页、分享页、通过通知点进去展示页
├── record 中过奖的记录页
├── portraitList 头像列表
├── FLBRecord 福利分领取记录
├── exchangeDetails 兑换商品详情
├── exchangeRecord 兑换商品记录
├── rankingList 排行榜
├── strategy 赚币攻略
|—— getMoreFLC 福利分页面 获得更多福利分
|—— historyDraw 历史抽奖
|—— sponsor 成为赞助商
|—— feedBack 意见反馈
具体代码参照已实现的WePY