前端框架选型是企业提升开发效率与用户体验的关键因素
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小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~