抽奖小程序

依赖

• 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

常见问题（收集中）