抽奖小程序(滚动抽奖小程序)

网友投稿 1294 2022-10-08

抽奖小程序(滚动抽奖小程序)

抽奖小程序(滚动抽奖小程序)

抽奖小程序

依赖

VueBabelWebpackNodejs v7.9.0WePY

常用操作

如何运行?

$ 配置API文件$ cp config.js执行如下命令:$ npm install

开启实时编译

$ wepy build --watch

如何开发一个功能页面

整体目录结构如下:

组件:

├── 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

常见问题(收集中)

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:切勿习惯性加班
下一篇:如何开发一个项目脚手架
相关文章

 发表评论

暂时没有评论,来抢沙发吧~