Commit 5217f051 by 曾经

Merge branch 'dev' into test

* dev:
  小程序 音乐 退出关闭
  轮循查询次数
  助力 首页 请求顺序
  测试代码撤回
  埋点 gameID
  我的奖品 权限限制
  浏览埋点  助力服务号二维码提示
  no message
  no message
  游戏说明 换行问题
  分享 条件判断
  游戏规则
  no message
  游戏标题
  游戏名称
parents b074ba40 916e2121
.box[data-v-f62a856a]{position:relative}.page-bg[data-v-f62a856a]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-f62a856a]{width:100%}.content[data-v-f62a856a]{position:relative;z-index:1}.content-cell[data-v-f62a856a]{border-radius:8px;border:1px solid #21252b;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box}.cell-top[data-v-f62a856a]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#e8fccf,rgba(238,247,225,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-f62a856a]{color:#27292b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-f62a856a]{color:#21252b;font-size:15px}.infinite-list[data-v-f62a856a]{overflow:auto;padding:10px 13px;margin-bottom:1px}.reward-item-box[data-v-f62a856a]{padding:5px 0}.reward-item[data-v-f62a856a]{display:flex;padding:12px;background:#f6f6f6;border-radius:4px}.reward-item .reward-img-box[data-v-f62a856a]{width:80px;height:80px;background:#fff;border-radius:2px;position:relative;display:flex;align-items:center;justify-content:center}.reward-item .reward-img-box .reward-img[data-v-f62a856a]{width:66px;height:66px}.reward-item .reward-info[data-v-f62a856a]{padding-left:10px}.reward-info .reward-name[data-v-f62a856a]{color:#21252b;font-size:14px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reward-info .reward-condition[data-v-f62a856a]{padding:3px 0 5px;color:#21252b;font-weight:300;font-size:12px;height:33px}.reward-info .reward-time[data-v-f62a856a]{color:#21252b;font-weight:300;font-size:13px}.empty-box[data-v-f62a856a]{text-align:center;background:#fff}.empty-box .empty-img[data-v-f62a856a]{margin:0 auto;padding:80px 0 20px;width:180px;height:167px}.empty-box .title[data-v-f62a856a]{color:#21252b;font-size:16px;font-weight:600;padding:0 9px}.empty-box .subtitle[data-v-f62a856a]{color:#63666b;font-size:14px;max-width:229px;margin:0 auto}.empty-box .play-btn[data-v-f62a856a]{margin:25px auto 0;width:180px;height:38px;line-height:36px;box-sizing:border-box;border-radius:19px;text-align:center;background:#000;color:#fff;font-size:14px;font-weight:600}
\ No newline at end of file
.box[data-v-aef41728]{position:relative}.page-bg[data-v-aef41728]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-aef41728]{width:100%}.content[data-v-aef41728]{position:relative;z-index:1}.content-cell[data-v-aef41728]{border-radius:8px;border:1px solid #21252b;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box}.cell-top[data-v-aef41728]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#d9fcf5,rgba(238,247,225,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-aef41728]{color:#27292b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-aef41728]{color:#21252b;font-size:15px}.infinite-list[data-v-aef41728]{overflow:auto;padding:10px 13px;margin-bottom:1px}.reward-item-box[data-v-aef41728]{padding:5px 0}.reward-item[data-v-aef41728]{display:flex;padding:12px;background:#f6f6f6;border-radius:4px}.reward-item .reward-img-box[data-v-aef41728]{width:80px;height:80px;background:#fff;border-radius:2px;position:relative;display:flex;align-items:center;justify-content:center}.reward-item .reward-img-box .reward-img[data-v-aef41728]{width:66px;height:66px}.reward-item .reward-info[data-v-aef41728]{padding-left:10px}.reward-info .reward-name[data-v-aef41728]{color:#21252b;font-size:14px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reward-info .reward-condition[data-v-aef41728]{padding:3px 0 5px;color:#21252b;font-weight:300;font-size:12px;height:33px}.reward-info .reward-time[data-v-aef41728]{color:#21252b;font-weight:300;font-size:13px}.empty-box[data-v-aef41728]{text-align:center;background:#fff}.empty-box .empty-img[data-v-aef41728]{margin:0 auto;padding:80px 0 20px;width:180px;height:167px}.empty-box .title[data-v-aef41728]{color:#21252b;font-size:16px;font-weight:600;padding:0 9px}.empty-box .subtitle[data-v-aef41728]{color:#63666b;font-size:14px;max-width:229px;margin:0 auto}.empty-box .play-btn[data-v-aef41728]{margin:25px auto 0;width:180px;height:38px;line-height:36px;box-sizing:border-box;border-radius:19px;border:1px solid #12b4bb;text-align:center;color:#12b4bb;font-size:14px;font-weight:600}
\ No newline at end of file
.box[data-v-68f836ba]{position:relative}.page-bg[data-v-68f836ba]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-68f836ba]{width:100%}.content[data-v-68f836ba]{position:relative;z-index:1}.content-cell[data-v-68f836ba]{border-radius:8px;border:1px solid #06b0b2;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box}.cell-top[data-v-68f836ba]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#dff7f4,rgba(223,247,244,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-68f836ba]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-68f836ba]{color:#38bdcd;font-size:15px}.infinite-list[data-v-68f836ba]{overflow:auto;padding:10px 13px;margin-bottom:1px}.reward-item-box[data-v-68f836ba]{padding:5px 0}.reward-item[data-v-68f836ba]{display:flex;padding:12px;background:#f6f6f6;border-radius:4px}.reward-item .reward-img-box[data-v-68f836ba]{width:80px;height:80px;background:#fff;border-radius:2px;position:relative;display:flex;align-items:center;justify-content:center}.reward-item .reward-img-box .reward-img[data-v-68f836ba]{width:66px;height:66px}.reward-item .reward-info[data-v-68f836ba]{padding-left:10px}.reward-info .reward-name[data-v-68f836ba]{color:#21252b;font-size:14px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reward-info .reward-condition[data-v-68f836ba]{padding:3px 0 5px;color:#21252b;font-weight:300;font-size:12px;height:33px}.reward-info .reward-time[data-v-68f836ba]{color:#21252b;font-weight:300;font-size:13px}.empty-box[data-v-68f836ba]{text-align:center;background:#fff}.empty-box .empty-img[data-v-68f836ba]{margin:0 auto;padding:80px 0 20px;width:180px;height:167px}.empty-box .title[data-v-68f836ba]{color:#21252b;font-size:16px;font-weight:600;padding:0 9px}.empty-box .subtitle[data-v-68f836ba]{color:#63666b;font-size:14px;max-width:229px;margin:0 auto}.empty-box .play-btn[data-v-68f836ba]{margin:25px auto 0;width:180px;height:38px;line-height:36px;box-sizing:border-box;border-radius:19px;border:1px solid #12b4bb;text-align:center;color:#12b4bb;font-size:14px;font-weight:600}
\ No newline at end of file
.dialog-bg[data-v-680eeb59]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.85)}.dialog-bg .content[data-v-680eeb59]{position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;width:75%}.dialog-bg .content .content-detail-bg[data-v-680eeb59]{background:#fdfcee;box-sizing:border-box;border-radius:10px;box-shadow:0 1px 2px 0 rgba(0,0,0,.5);padding:8px 10px}.dialog-bg .content .content-detail-bg .content-detail[data-v-680eeb59]{border:2px solid #c9c6ad;border-radius:10px;text-align:center;padding:10px 13px}.dialog-bg .content .content-detail-bg .content-detail .title[data-v-680eeb59]{color:#21252b;font-weight:600;font-size:20px;padding-top:15px}.dialog-bg .content .content-detail-bg .content-detail .subtitle[data-v-680eeb59]{color:#21252b;font-size:15px;padding:20px 0 30px;white-space:pre-wrap}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box[data-v-680eeb59]{display:flex;padding-bottom:15px;justify-content:center}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box .handle-btn[data-v-680eeb59]{box-sizing:border-box;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;font-weight:600;border-radius:20px;background:#000;box-shadow:inset 0 3px 3px 0 hsla(0,0%,100%,.8);flex:1;max-width:165px;margin-right:15px}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box .handle-btn[data-v-680eeb59]:last-child{margin-right:0}.dialog-bg .content .icon-guanbi[data-v-680eeb59]{margin:40px auto 0;color:hsla(0,0%,100%,.8);opacity:.8;padding:15px;font-size:28px;height:28px;width:28px}.dialog-bg[data-v-7fc41c3a]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.85)}.dialog-bg .content[data-v-7fc41c3a]{position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;width:75%}.dialog-bg .content .content-detail-bg[data-v-7fc41c3a]{background:#fdfcee;box-sizing:border-box;border-radius:10px;border:1px solid #54fefe;box-shadow:0 1px 2px 0 rgba(0,0,0,.5);padding:8px 10px}.dialog-bg .content .content-detail-bg .content-detail[data-v-7fc41c3a]{border:2px solid #c9c6ad;border-radius:10px;text-align:center;padding:10px 13px}.dialog-bg .content .content-detail-bg .content-detail .title[data-v-7fc41c3a]{color:#21252b;font-weight:600;font-size:20px;padding-top:15px}.dialog-bg .content .content-detail-bg .content-detail .subtitle[data-v-7fc41c3a]{color:#21252b;font-size:15px;padding:20px 0 18px;white-space:pre-wrap}.dialog-bg .content .content-detail-bg .content-detail .qrcode-box[data-v-7fc41c3a]{margin:0 auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dialog-bg .content .content-detail-bg .content-detail .qrcode-box .image-box[data-v-7fc41c3a]{padding:5px;border-radius:4px;border:2px solid #c9c6ad;background:#fff}.dialog-bg .content .content-detail-bg .content-detail .qrcode-box .image-box .qrcode-img[data-v-7fc41c3a]{width:110px;height:110px}.dialog-bg .content .content-detail-bg .content-detail .qrcode-box .tips[data-v-7fc41c3a]{color:#21252b;text-align:center;font-size:12px;padding:8px 0 24px}.dialog-bg .content .icon-guanbi[data-v-7fc41c3a]{margin:40px auto 0;color:#fff;opacity:.8;padding:15px;font-size:28px;height:28px;width:28px}.box[data-v-4bb7dcd4]{position:relative}.page-bg[data-v-4bb7dcd4]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-4bb7dcd4]{width:100%}.content[data-v-4bb7dcd4]{position:relative;z-index:1}.content-top[data-v-4bb7dcd4]{text-align:center}.content-top .top-img[data-v-4bb7dcd4]{width:78%;margin:0 auto;padding:19px 0 10px}.content-top .top-tip-box[data-v-4bb7dcd4]{display:flex;margin:0 auto;width:206px;height:33px;box-sizing:border-box;border:1px solid #fff;color:hsla(0,0%,100%,.3);align-items:center;border-radius:12px}.content-top .top-tip-box .line[data-v-4bb7dcd4]{width:11px;height:2px;border-radius:1px;margin:0 7px}.content-top .top-tip-box .line.left[data-v-4bb7dcd4]{background:linear-gradient(270deg,#38bdcd,rgba(56,189,205,0));margin-right:9px}.content-top .top-tip-box .line.right[data-v-4bb7dcd4]{background:linear-gradient(270deg,rgba(56,189,205,0),#38bdcd);margin-left:9px}.content-top .top-tip-box .title[data-v-4bb7dcd4]{color:#21252b;font-size:15px}.content-cell[data-v-4bb7dcd4]{border-radius:8px;border:1px solid #06b0b2;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box;text-align:center}.header-img-box[data-v-4bb7dcd4]{padding:40px 0 14px}.header-img[data-v-4bb7dcd4]{width:60px;height:60px;border-radius:50%;margin:0 auto;overflow:hidden}.friend-name[data-v-4bb7dcd4]{color:#21252b;font-size:16px;font-weight:600}.tip-text[data-v-4bb7dcd4]{color:#21252b;font-size:16px;padding-bottom:22px}.handle-btn[data-v-4bb7dcd4]{width:75%;height:48px;line-height:48px;border-radius:24px;text-align:center;box-shadow:inset 0 3px 3px 0 hsla(0,0%,100%,.8);color:#fff;font-size:16px;font-weight:600;margin:0 auto 19px}.handle-btn[data-v-4bb7dcd4]:last-child{margin-bottom:23px}.handle-btn.disable[data-v-4bb7dcd4]{background:#c7c7c7}.handle-btn.red[data-v-4bb7dcd4]{background:#fd452d}.handle-btn.blue[data-v-4bb7dcd4]{background:#12b4bb}.cell-top[data-v-4bb7dcd4]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#dff7f4,rgba(223,247,244,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-4bb7dcd4]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-4bb7dcd4]{color:#38bdcd;font-size:15px}.reward-box[data-v-4bb7dcd4]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-4bb7dcd4]{width:calc(50% - 19px);padding:0 6px 12px;text-align:left}.reward-item-box[data-v-4bb7dcd4]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-4bb7dcd4]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-4bb7dcd4]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-4bb7dcd4]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-4bb7dcd4]{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px)}.reward-item-detail .reward-name[data-v-4bb7dcd4]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-4bb7dcd4]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}
\ No newline at end of file
.box[data-v-d87b26b2]{position:relative}.page-bg[data-v-d87b26b2]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-d87b26b2]{width:100%}.content[data-v-d87b26b2]{position:relative;z-index:1}.content-cell[data-v-d87b26b2]{border-radius:8px;border:1px solid #21252b;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box}.cell-top[data-v-d87b26b2]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#e8fccf,rgba(238,247,225,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-d87b26b2]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-d87b26b2]{color:#21252b;font-size:15px}.reward-box[data-v-d87b26b2]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-d87b26b2]{width:calc(50% - 19px);padding:0 6px 12px}.reward-item-box[data-v-d87b26b2]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-d87b26b2]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-d87b26b2]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-d87b26b2]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-d87b26b2]{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px)}.reward-item-detail .reward-name[data-v-d87b26b2]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-d87b26b2]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}.rule-item[data-v-d87b26b2]{padding:15px 13px 0}.rule-item[data-v-d87b26b2]:last-child{padding-bottom:16px}.rule-item .title[data-v-d87b26b2]{color:#21252b;font-size:14px;font-weight:600}.rule-item .value[data-v-d87b26b2]{color:#21252b;font-size:13px;margin-top:8px;white-space:pre-wrap}
\ No newline at end of file
.dialog-bg[data-v-c3a8763e]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.85)}.dialog-bg .content[data-v-c3a8763e]{position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;width:75%}.dialog-bg .content .content-detail-bg[data-v-c3a8763e]{background:#d9fcf5;box-sizing:border-box;border-radius:10px;box-shadow:0 1px 2px 0 rgba(0,0,0,.5);padding:8px 10px}.dialog-bg .content .content-detail-bg .content-detail[data-v-c3a8763e]{border-radius:10px;text-align:center;padding:10px 13px;border:2px solid #adc9c5}.dialog-bg .content .content-detail-bg .content-detail .title[data-v-c3a8763e]{color:#21252b;font-weight:600;font-size:20px;padding-top:15px}.dialog-bg .content .content-detail-bg .content-detail .subtitle[data-v-c3a8763e]{color:#21252b;font-size:15px;padding:20px 0 30px}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box[data-v-c3a8763e]{display:flex;padding-bottom:15px;justify-content:center}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box .handle-btn[data-v-c3a8763e]{box-sizing:border-box;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;font-weight:600;border-radius:20px;background:#000;box-shadow:inset 0 1px 1px 0 hsla(0,0%,100%,.8);flex:1;max-width:165px;margin-right:15px}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box .handle-btn[data-v-c3a8763e]:last-child{margin-right:0}.dialog-bg .content .icon-guanbi[data-v-c3a8763e]{margin:40px auto 0;color:#fff;opacity:.8;padding:15px;font-size:28px;height:28px;width:28px}.img-canvas[data-v-dc8e74e8]{position:fixed;left:100%;top:0;width:560px;height:996px}.dialog-bg[data-v-dc8e74e8]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.85)}.dialog-bg .content[data-v-dc8e74e8]{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:60%}.dialog-bg .content .tips[data-v-dc8e74e8]{color:#fff;font-size:14px;margin-top:20px}.dialog-bg .content .box-img[data-v-dc8e74e8]{width:100%}.dialog-bg .content .icon-guanbi[data-v-dc8e74e8]{margin:20px auto 0;color:#fff;opacity:.8;padding:15px;font-size:28px;height:28px;width:28px}.box[data-v-d8ef36e8]{position:relative}.page-bg[data-v-d8ef36e8]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-d8ef36e8]{width:100%}.content[data-v-d8ef36e8]{position:relative;z-index:1}.content-top[data-v-d8ef36e8]{text-align:center}.content-top .top-img[data-v-d8ef36e8]{width:78%;margin:0 auto;padding:19px 0 10px}.content-top .top-tip-box[data-v-d8ef36e8]{display:flex;margin:0 auto;width:206px;height:33px;box-sizing:border-box;border:1px solid #fff;color:hsla(0,0%,100%,.3);align-items:center;border-radius:12px}.content-top .top-tip-box .line[data-v-d8ef36e8]{width:11px;height:2px;border-radius:1px;margin:0 7px}.content-top .top-tip-box .line.left[data-v-d8ef36e8]{background:linear-gradient(270deg,#38bdcd,rgba(56,189,205,0));margin-right:9px}.content-top .top-tip-box .line.right[data-v-d8ef36e8]{background:linear-gradient(270deg,rgba(56,189,205,0),#38bdcd);margin-left:9px}.content-top .top-tip-box .title[data-v-d8ef36e8]{color:#21252b;font-size:15px}.content-cell[data-v-d8ef36e8]{border-radius:8px;border:1px solid #06b0b2;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box;text-align:center}.header-img-box[data-v-d8ef36e8]{padding:40px 0 14px}.header-img[data-v-d8ef36e8]{width:60px;height:60px;border-radius:50%;margin:0 auto;overflow:hidden}.friend-name[data-v-d8ef36e8]{color:#21252b;font-size:16px;font-weight:600}.tip-text[data-v-d8ef36e8]{color:#21252b;font-size:16px;padding-bottom:22px}.handle-btn[data-v-d8ef36e8]{width:75%;height:48px;line-height:48px;border-radius:24px;text-align:center;box-shadow:inset 0 3px 3px 0 hsla(0,0%,100%,.8);color:#fff;font-size:16px;font-weight:600;margin:0 auto 19px}.handle-btn[data-v-d8ef36e8]:last-child{margin-bottom:23px}.handle-btn.disable[data-v-d8ef36e8]{background:#c7c7c7}.handle-btn.red[data-v-d8ef36e8]{background:#fd452d}.handle-btn.blue[data-v-d8ef36e8]{background:#12b4bb}.cell-top[data-v-d8ef36e8]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#dff7f4,rgba(223,247,244,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-d8ef36e8]{color:#27292b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-d8ef36e8]{color:#38bdcd;font-size:15px}.reward-box[data-v-d8ef36e8]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-d8ef36e8]{width:calc(50% - 19px);padding:0 6px 12px;text-align:left}.reward-item-box[data-v-d8ef36e8]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-d8ef36e8]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-d8ef36e8]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-d8ef36e8]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-d8ef36e8]{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px)}.reward-item-detail .reward-name[data-v-d8ef36e8]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-d8ef36e8]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}
\ No newline at end of file
.box[data-v-5cf39c86]{position:relative}.page-bg[data-v-5cf39c86]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-5cf39c86]{width:100%}.content[data-v-5cf39c86]{position:relative;z-index:1}.content-cell[data-v-5cf39c86]{border-radius:8px;border:1px solid #21252b;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box}.cell-top[data-v-5cf39c86]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#e8fccf,rgba(238,247,225,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-5cf39c86]{color:#27292b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-5cf39c86]{color:#21252b;font-size:15px}.reward-box[data-v-5cf39c86]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-5cf39c86]{width:calc(50% - 19px);padding:0 6px 12px}.reward-item-box[data-v-5cf39c86]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-5cf39c86]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-5cf39c86]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-5cf39c86]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-5cf39c86]{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px)}.reward-item-detail .reward-name[data-v-5cf39c86]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-5cf39c86]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}.rule-item[data-v-5cf39c86]{padding:15px 13px 0}.rule-item[data-v-5cf39c86]:last-child{padding-bottom:16px}.rule-item .title[data-v-5cf39c86]{color:#21252b;font-size:14px;font-weight:600}.rule-item .value[data-v-5cf39c86]{color:#21252b;font-size:13px;margin-top:8px}.rule-item .value.point[data-v-5cf39c86]{padding-left:10px;position:relative}.rule-item .value.point[data-v-5cf39c86]:before{content:" ";position:absolute;width:4px;height:4px;border-radius:50%;background:#38bdcd;top:7px;left:0;z-index:1}
\ No newline at end of file
.dialog-bg[data-v-15884982]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.85)}.dialog-bg .content[data-v-15884982]{position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;width:75%}.dialog-bg .content .content-detail-bg[data-v-15884982]{background:#d9fcf5;box-sizing:border-box;border-radius:10px;box-shadow:0 1px 2px 0 rgba(0,0,0,.5);padding:8px 10px}.dialog-bg .content .content-detail-bg .content-detail[data-v-15884982]{border-radius:10px;text-align:center;padding:10px 13px;border:2px solid #adc9c5}.dialog-bg .content .content-detail-bg .content-detail .title[data-v-15884982]{color:#21252b;font-weight:600;font-size:20px;padding-top:15px}.dialog-bg .content .content-detail-bg .content-detail .subtitle[data-v-15884982]{color:#21252b;font-size:15px;padding:20px 0 30px;white-space:pre-wrap}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box[data-v-15884982]{display:flex;padding-bottom:15px;justify-content:center}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box .handle-btn[data-v-15884982]{box-sizing:border-box;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;font-weight:600;border-radius:20px;background:#000;box-shadow:inset 0 1px 1px 0 hsla(0,0%,100%,.8);flex:1;max-width:165px;margin-right:15px}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box .handle-btn[data-v-15884982]:last-child{margin-right:0}.dialog-bg .content .icon-guanbi[data-v-15884982]{margin:40px auto 0;color:#fff;opacity:.8;padding:15px;font-size:28px;height:28px;width:28px}.dialog-bg[data-v-18be0c2c]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.85)}.dialog-bg .content[data-v-18be0c2c]{position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;width:75%}.dialog-bg .content .content-detail-bg[data-v-18be0c2c]{background:#d9fcf5;box-sizing:border-box;border-radius:10px;border:1px solid #54fefe;box-shadow:0 1px 2px 0 rgba(0,0,0,.5);padding:8px 10px}.dialog-bg .content .content-detail-bg .content-detail[data-v-18be0c2c]{border-radius:10px;border:2px solid #adc9c5;text-align:center;padding:10px 13px}.dialog-bg .content .content-detail-bg .content-detail .title[data-v-18be0c2c]{color:#21252b;font-weight:600;font-size:20px;padding-top:15px}.dialog-bg .content .content-detail-bg .content-detail .subtitle[data-v-18be0c2c]{color:#21252b;font-size:15px;padding:20px 0 18px;white-space:pre-wrap}.dialog-bg .content .content-detail-bg .content-detail .qrcode-box[data-v-18be0c2c]{margin:0 auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dialog-bg .content .content-detail-bg .content-detail .qrcode-box .image-box[data-v-18be0c2c]{background:#fff;padding:5px;border-radius:4px;border:2px solid #adc9c5}.dialog-bg .content .content-detail-bg .content-detail .qrcode-box .image-box .qrcode-img[data-v-18be0c2c]{width:110px;height:110px}.dialog-bg .content .content-detail-bg .content-detail .qrcode-box .tips[data-v-18be0c2c]{color:#21252b;text-align:center;font-size:12px;padding:8px 0 24px}.dialog-bg .content .icon-guanbi[data-v-18be0c2c]{margin:40px auto 0;color:#fff;opacity:.8;padding:15px;font-size:28px;height:28px;width:28px}.box[data-v-6742fc76]{position:relative}.page-bg[data-v-6742fc76]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-6742fc76]{width:100%}.content[data-v-6742fc76]{position:relative;z-index:1}.content-top[data-v-6742fc76]{text-align:center}.content-top .top-img[data-v-6742fc76]{width:78%;margin:0 auto;padding:19px 0 10px}.content-top .top-tip-box[data-v-6742fc76]{display:flex;margin:0 auto;width:206px;height:33px;box-sizing:border-box;border:1px solid #fff;color:hsla(0,0%,100%,.3);align-items:center;border-radius:12px}.content-top .top-tip-box .line[data-v-6742fc76]{width:11px;height:2px;border-radius:1px;margin:0 7px}.content-top .top-tip-box .line.left[data-v-6742fc76]{background:linear-gradient(270deg,#38bdcd,rgba(56,189,205,0));margin-right:9px}.content-top .top-tip-box .line.right[data-v-6742fc76]{background:linear-gradient(270deg,rgba(56,189,205,0),#38bdcd);margin-left:9px}.content-top .top-tip-box .title[data-v-6742fc76]{color:#21252b;font-size:15px}.content-cell[data-v-6742fc76]{border-radius:8px;border:1px solid #06b0b2;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box;text-align:center}.header-img-box[data-v-6742fc76]{padding:40px 0 14px}.header-img[data-v-6742fc76]{width:60px;height:60px;border-radius:50%;margin:0 auto;overflow:hidden}.friend-name[data-v-6742fc76]{color:#21252b;font-size:16px;font-weight:600}.tip-text[data-v-6742fc76]{color:#21252b;font-size:16px;padding-bottom:22px}.handle-btn[data-v-6742fc76]{width:75%;height:48px;line-height:48px;border-radius:24px;text-align:center;box-shadow:inset 0 3px 3px 0 hsla(0,0%,100%,.8);color:#fff;font-size:16px;font-weight:600;margin:0 auto 19px}.handle-btn[data-v-6742fc76]:last-child{margin-bottom:23px}.handle-btn.disable[data-v-6742fc76]{background:#c7c7c7}.handle-btn.red[data-v-6742fc76]{background:#fd452d}.handle-btn.blue[data-v-6742fc76]{background:#12b4bb}.cell-top[data-v-6742fc76]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#dff7f4,rgba(223,247,244,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-6742fc76]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-6742fc76]{color:#38bdcd;font-size:15px}.reward-box[data-v-6742fc76]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-6742fc76]{width:calc(50% - 19px);padding:0 6px 12px;text-align:left}.reward-item-box[data-v-6742fc76]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-6742fc76]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-6742fc76]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-6742fc76]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-6742fc76]{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px)}.reward-item-detail .reward-name[data-v-6742fc76]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-6742fc76]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}
\ No newline at end of file
.dialog-bg[data-v-f3b7e6b8]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.85)}.dialog-bg .content[data-v-f3b7e6b8]{position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;width:75%}.dialog-bg .content .content-detail-bg[data-v-f3b7e6b8]{background:#12b4bb;box-sizing:border-box;border-radius:10px;border:1px solid #54fefe;box-shadow:0 1px 2px 0 rgba(0,0,0,.5);padding:8px 10px}.dialog-bg .content .content-detail-bg .content-detail[data-v-f3b7e6b8]{background:#fff;border-radius:10px;text-align:center;padding:10px 13px}.dialog-bg .content .content-detail-bg .content-detail .title[data-v-f3b7e6b8]{color:#21252b;font-weight:600;font-size:20px;padding-top:15px}.dialog-bg .content .content-detail-bg .content-detail .subtitle[data-v-f3b7e6b8]{color:#21252b;font-size:15px;padding:20px 0 30px;white-space:pre-wrap}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box[data-v-f3b7e6b8]{display:flex;padding-bottom:15px;justify-content:center}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box .handle-btn[data-v-f3b7e6b8]{box-sizing:border-box;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;font-weight:600;border-radius:20px;background:#12b4bb;box-shadow:inset 0 3px 3px 0 hsla(0,0%,100%,.8);flex:1;max-width:165px;margin-right:15px}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box .handle-btn[data-v-f3b7e6b8]:last-child{margin-right:0}.dialog-bg .content .icon-guanbi[data-v-f3b7e6b8]{margin:40px auto 0;color:#fff;opacity:.8;padding:15px;font-size:28px;height:28px;width:28px}.dialog-bg[data-v-086a68ac]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.85)}.dialog-bg .content[data-v-086a68ac]{position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;width:75%}.dialog-bg .content .content-detail-bg[data-v-086a68ac]{background:#12b4bb;box-sizing:border-box;border-radius:10px;border:1px solid #54fefe;box-shadow:0 1px 2px 0 rgba(0,0,0,.5);padding:8px 10px}.dialog-bg .content .content-detail-bg .content-detail[data-v-086a68ac]{background:#fff;border-radius:10px;text-align:center;padding:10px 13px}.dialog-bg .content .content-detail-bg .content-detail .title[data-v-086a68ac]{color:#21252b;font-weight:600;font-size:20px;padding-top:15px}.dialog-bg .content .content-detail-bg .content-detail .subtitle[data-v-086a68ac]{color:#21252b;font-size:15px;padding:20px 0 18px;white-space:pre-wrap}.dialog-bg .content .content-detail-bg .content-detail .qrcode-box[data-v-086a68ac]{margin:0 auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dialog-bg .content .content-detail-bg .content-detail .qrcode-box .image-box[data-v-086a68ac]{padding:5px;border-radius:4px;border:2px solid #12b4bb}.dialog-bg .content .content-detail-bg .content-detail .qrcode-box .image-box .qrcode-img[data-v-086a68ac]{width:110px;height:110px}.dialog-bg .content .content-detail-bg .content-detail .qrcode-box .tips[data-v-086a68ac]{color:#21252b;text-align:center;font-size:12px;padding:8px 0 24px}.dialog-bg .content .icon-guanbi[data-v-086a68ac]{margin:40px auto 0;color:#fff;opacity:.8;padding:15px;font-size:28px;height:28px;width:28px}.box[data-v-50c72c44]{position:relative}.page-bg[data-v-50c72c44]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-50c72c44]{width:100%}.content[data-v-50c72c44]{position:relative;z-index:1}.content-top[data-v-50c72c44]{text-align:center}.content-top .top-img[data-v-50c72c44]{width:78%;margin:0 auto;padding:19px 0 10px}.content-top .top-tip-box[data-v-50c72c44]{display:flex;margin:0 auto;width:206px;height:33px;box-sizing:border-box;border:1px solid #fff;color:hsla(0,0%,100%,.3);align-items:center;border-radius:12px}.content-top .top-tip-box .line[data-v-50c72c44]{width:11px;height:2px;border-radius:1px;margin:0 7px}.content-top .top-tip-box .line.left[data-v-50c72c44]{background:linear-gradient(270deg,#38bdcd,rgba(56,189,205,0));margin-right:9px}.content-top .top-tip-box .line.right[data-v-50c72c44]{background:linear-gradient(270deg,rgba(56,189,205,0),#38bdcd);margin-left:9px}.content-top .top-tip-box .title[data-v-50c72c44]{color:#21252b;font-size:15px}.content-cell[data-v-50c72c44]{border-radius:8px;border:1px solid #06b0b2;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box;text-align:center}.header-img-box[data-v-50c72c44]{padding:40px 0 14px}.header-img[data-v-50c72c44]{width:60px;height:60px;border-radius:50%;margin:0 auto;overflow:hidden}.friend-name[data-v-50c72c44]{color:#21252b;font-size:16px;font-weight:600}.tip-text[data-v-50c72c44]{color:#21252b;font-size:16px;padding-bottom:22px}.handle-btn[data-v-50c72c44]{width:75%;height:48px;line-height:48px;border-radius:24px;text-align:center;box-shadow:inset 0 3px 3px 0 hsla(0,0%,100%,.8);color:#fff;font-size:16px;font-weight:600;margin:0 auto 19px}.handle-btn[data-v-50c72c44]:last-child{margin-bottom:23px}.handle-btn.disable[data-v-50c72c44]{background:#c7c7c7}.handle-btn.red[data-v-50c72c44]{background:#fd452d}.handle-btn.blue[data-v-50c72c44]{background:#12b4bb}.cell-top[data-v-50c72c44]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#dff7f4,rgba(223,247,244,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-50c72c44]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-50c72c44]{color:#38bdcd;font-size:15px}.reward-box[data-v-50c72c44]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-50c72c44]{width:calc(50% - 19px);padding:0 6px 12px;text-align:left}.reward-item-box[data-v-50c72c44]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-50c72c44]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-50c72c44]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-50c72c44]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-50c72c44]{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px)}.reward-item-detail .reward-name[data-v-50c72c44]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-50c72c44]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}
\ No newline at end of file
.box[data-v-91ac0f16]{position:relative}.page-bg[data-v-91ac0f16]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-91ac0f16]{width:100%}.content[data-v-91ac0f16]{position:relative;z-index:1}.content-cell[data-v-91ac0f16]{border-radius:8px;border:1px solid #21252b;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box}.cell-top[data-v-91ac0f16]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#d9fcf5,rgba(238,247,225,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-91ac0f16]{color:#27292b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-91ac0f16]{color:#21252b;font-size:15px}.reward-box[data-v-91ac0f16]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-91ac0f16]{width:calc(50% - 19px);padding:0 6px 12px}.reward-item-box[data-v-91ac0f16]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-91ac0f16]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-91ac0f16]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-91ac0f16]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-91ac0f16]{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px)}.reward-item-detail .reward-name[data-v-91ac0f16]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-91ac0f16]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}.rule-item[data-v-91ac0f16]{padding:15px 13px 0}.rule-item[data-v-91ac0f16]:last-child{padding-bottom:16px}.rule-item .title[data-v-91ac0f16]{color:#21252b;font-size:14px;font-weight:600}.rule-item .value[data-v-91ac0f16]{color:#21252b;font-size:13px;margin-top:8px}.rule-item .value.point[data-v-91ac0f16]{padding-left:10px;position:relative}.rule-item .value.point[data-v-91ac0f16]:before{content:" ";position:absolute;width:4px;height:4px;border-radius:50%;background:#38bdcd;top:7px;left:0;z-index:1}
\ No newline at end of file
.box[data-v-461fb0d6]{position:relative}.page-bg[data-v-461fb0d6]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-461fb0d6]{width:100%}.content[data-v-461fb0d6]{position:relative;z-index:1}.content-cell[data-v-461fb0d6]{border-radius:8px;border:1px solid #21252b;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box}.cell-top[data-v-461fb0d6]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#d9fcf5,rgba(238,247,225,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-461fb0d6]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-461fb0d6]{color:#21252b;font-size:15px}.reward-box[data-v-461fb0d6]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-461fb0d6]{width:calc(50% - 19px);padding:0 6px 12px}.reward-item-box[data-v-461fb0d6]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-461fb0d6]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-461fb0d6]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-461fb0d6]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-461fb0d6]{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px)}.reward-item-detail .reward-name[data-v-461fb0d6]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-461fb0d6]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}.rule-item[data-v-461fb0d6]{padding:15px 13px 0}.rule-item[data-v-461fb0d6]:last-child{padding-bottom:16px}.rule-item .title[data-v-461fb0d6]{color:#21252b;font-size:14px;font-weight:600}.rule-item .value[data-v-461fb0d6]{color:#21252b;font-size:13px;margin-top:8px;white-space:pre-wrap}
\ No newline at end of file
.box[data-v-db5f147c]{position:relative}.page-bg[data-v-db5f147c]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-db5f147c]{width:100%}.content[data-v-db5f147c]{position:relative;z-index:1}.content-cell[data-v-db5f147c]{border-radius:8px;border:1px solid #21252b;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box}.cell-top[data-v-db5f147c]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#d9fcf5,rgba(238,247,225,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-db5f147c]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-db5f147c]{color:#21252b;font-size:15px}.infinite-list[data-v-db5f147c]{overflow:auto;padding:10px 13px;margin-bottom:1px}.reward-item-box[data-v-db5f147c]{padding:5px 0}.reward-item[data-v-db5f147c]{display:flex;padding:12px;background:#f6f6f6;border-radius:4px}.reward-item .reward-img-box[data-v-db5f147c]{width:80px;height:80px;background:#fff;border-radius:2px;position:relative;display:flex;align-items:center;justify-content:center}.reward-item .reward-img-box .reward-img[data-v-db5f147c]{width:66px;height:66px}.reward-item .reward-info[data-v-db5f147c]{padding-left:10px}.reward-info .reward-name[data-v-db5f147c]{color:#21252b;font-size:14px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reward-info .reward-condition[data-v-db5f147c]{padding:3px 0 5px;color:#21252b;font-weight:300;font-size:12px;height:33px}.reward-info .reward-time[data-v-db5f147c]{color:#21252b;font-weight:300;font-size:13px}.empty-box[data-v-db5f147c]{text-align:center;background:#fff}.empty-box .empty-img[data-v-db5f147c]{margin:0 auto;padding:80px 0 20px;width:180px;height:167px}.empty-box .title[data-v-db5f147c]{color:#21252b;font-size:16px;font-weight:600;padding:0 9px}.empty-box .subtitle[data-v-db5f147c]{color:#63666b;font-size:14px;max-width:229px;margin:0 auto}.empty-box .play-btn[data-v-db5f147c]{margin:25px auto 0;width:180px;height:38px;line-height:36px;box-sizing:border-box;border-radius:19px;border:1px solid #12b4bb;text-align:center;color:#12b4bb;font-size:14px;font-weight:600}
\ No newline at end of file
.box[data-v-1fdef4a1]{position:relative}.page-bg[data-v-1fdef4a1]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-1fdef4a1]{width:100%}.content[data-v-1fdef4a1]{position:relative;z-index:1}.content-cell[data-v-1fdef4a1]{border-radius:8px;border:1px solid #21252b;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box}.cell-top[data-v-1fdef4a1]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#e8fccf,rgba(238,247,225,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-1fdef4a1]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-1fdef4a1]{color:#21252b;font-size:15px}.infinite-list[data-v-1fdef4a1]{overflow:auto;padding:10px 13px;margin-bottom:1px}.reward-item-box[data-v-1fdef4a1]{padding:5px 0}.reward-item[data-v-1fdef4a1]{display:flex;padding:12px;background:#f6f6f6;border-radius:4px}.reward-item .reward-img-box[data-v-1fdef4a1]{width:80px;height:80px;background:#fff;border-radius:2px;position:relative;display:flex;align-items:center;justify-content:center}.reward-item .reward-img-box .reward-img[data-v-1fdef4a1]{width:66px;height:66px}.reward-item .reward-info[data-v-1fdef4a1]{padding-left:10px}.reward-info .reward-name[data-v-1fdef4a1]{color:#21252b;font-size:14px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reward-info .reward-condition[data-v-1fdef4a1]{padding:3px 0 5px;color:#21252b;font-weight:300;font-size:12px;height:33px}.reward-info .reward-time[data-v-1fdef4a1]{color:#21252b;font-weight:300;font-size:13px}.empty-box[data-v-1fdef4a1]{text-align:center;background:#fff}.empty-box .empty-img[data-v-1fdef4a1]{margin:0 auto;padding:80px 0 20px;width:180px;height:167px}.empty-box .title[data-v-1fdef4a1]{color:#21252b;font-size:16px;font-weight:600;padding:0 9px}.empty-box .subtitle[data-v-1fdef4a1]{color:#63666b;font-size:14px;max-width:229px;margin:0 auto}.empty-box .play-btn[data-v-1fdef4a1]{margin:25px auto 0;width:180px;height:38px;line-height:36px;box-sizing:border-box;border-radius:19px;text-align:center;background:#000;color:#fff;font-size:14px;font-weight:600}
\ No newline at end of file
.dialog-bg[data-v-4c4563e9]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.85)}.dialog-bg .content[data-v-4c4563e9]{position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;width:75%}.dialog-bg .content .content-detail-bg[data-v-4c4563e9]{background:#12b4bb;box-sizing:border-box;border-radius:10px;border:1px solid #54fefe;box-shadow:0 1px 2px 0 rgba(0,0,0,.5);padding:8px 10px}.dialog-bg .content .content-detail-bg .content-detail[data-v-4c4563e9]{background:#fff;border-radius:10px;text-align:center;padding:10px 13px}.dialog-bg .content .content-detail-bg .content-detail .title[data-v-4c4563e9]{color:#27292b;font-weight:600;font-size:20px;padding-top:15px}.dialog-bg .content .content-detail-bg .content-detail .subtitle[data-v-4c4563e9]{color:#27292b;font-size:15px;padding:20px 0 30px}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box[data-v-4c4563e9]{display:flex;padding-bottom:15px;justify-content:center}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box .handle-btn[data-v-4c4563e9]{box-sizing:border-box;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;font-weight:600;border-radius:20px;background:#12b4bb;box-shadow:inset 0 3px 3px 0 hsla(0,0%,100%,.8);flex:1;max-width:165px;margin-right:15px}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box .handle-btn[data-v-4c4563e9]:last-child{margin-right:0}.dialog-bg .content .icon-guanbi[data-v-4c4563e9]{margin:40px auto 0;color:#fff;opacity:.8;padding:15px;font-size:28px;height:28px;width:28px}.img-canvas[data-v-0bfd51ec]{position:fixed;left:100%;top:0;width:560px;height:996px}.dialog-bg[data-v-0bfd51ec]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.85)}.dialog-bg .content[data-v-0bfd51ec]{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:60%}.dialog-bg .content .tips[data-v-0bfd51ec]{color:#fff;font-size:14px;margin-top:20px}.dialog-bg .content .box-img[data-v-0bfd51ec]{width:100%}.dialog-bg .content .icon-guanbi[data-v-0bfd51ec]{margin:20px auto 0;color:#fff;opacity:.8;padding:15px;font-size:28px;height:28px;width:28px}.box[data-v-2118f268]{position:relative}.page-bg[data-v-2118f268]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-2118f268]{width:100%}.content[data-v-2118f268]{position:relative;z-index:1}.content-top[data-v-2118f268]{text-align:center}.content-top .top-img[data-v-2118f268]{width:78%;margin:0 auto;padding:19px 0 10px}.content-top .top-tip-box[data-v-2118f268]{display:flex;margin:0 auto;width:206px;height:33px;box-sizing:border-box;border:1px solid #fff;color:hsla(0,0%,100%,.3);align-items:center;border-radius:12px}.content-top .top-tip-box .line[data-v-2118f268]{width:11px;height:2px;border-radius:1px;margin:0 7px}.content-top .top-tip-box .line.left[data-v-2118f268]{background:linear-gradient(270deg,#38bdcd,rgba(56,189,205,0));margin-right:9px}.content-top .top-tip-box .line.right[data-v-2118f268]{background:linear-gradient(270deg,rgba(56,189,205,0),#38bdcd);margin-left:9px}.content-top .top-tip-box .title[data-v-2118f268]{color:#21252b;font-size:15px}.content-cell[data-v-2118f268]{border-radius:8px;border:1px solid #06b0b2;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box;text-align:center}.header-img-box[data-v-2118f268]{padding:40px 0 14px}.header-img[data-v-2118f268]{width:60px;height:60px;border-radius:50%;margin:0 auto;overflow:hidden}.friend-name[data-v-2118f268]{color:#21252b;font-size:16px;font-weight:600}.tip-text[data-v-2118f268]{color:#21252b;font-size:16px;padding-bottom:22px}.handle-btn[data-v-2118f268]{width:75%;height:48px;line-height:48px;border-radius:24px;text-align:center;box-shadow:inset 0 3px 3px 0 hsla(0,0%,100%,.8);color:#fff;font-size:16px;font-weight:600;margin:0 auto 19px}.handle-btn[data-v-2118f268]:last-child{margin-bottom:23px}.handle-btn.disable[data-v-2118f268]{background:#c7c7c7}.handle-btn.red[data-v-2118f268]{background:#fd452d}.handle-btn.blue[data-v-2118f268]{background:#12b4bb}.cell-top[data-v-2118f268]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#dff7f4,rgba(223,247,244,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-2118f268]{color:#27292b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-2118f268]{color:#38bdcd;font-size:15px}.reward-box[data-v-2118f268]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-2118f268]{width:calc(50% - 19px);padding:0 6px 12px;text-align:left}.reward-item-box[data-v-2118f268]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-2118f268]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-2118f268]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-2118f268]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-2118f268]{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px)}.reward-item-detail .reward-name[data-v-2118f268]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-2118f268]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}
\ No newline at end of file
.box[data-v-cf0d5b3a]{position:relative}.page-bg[data-v-cf0d5b3a]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-cf0d5b3a]{width:100%}.content[data-v-cf0d5b3a]{position:relative;z-index:1}.content-cell[data-v-cf0d5b3a]{border-radius:8px;border:1px solid #06b0b2;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box}.cell-top[data-v-cf0d5b3a]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#dff7f4,rgba(223,247,244,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-cf0d5b3a]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-cf0d5b3a]{color:#38bdcd;font-size:15px}.reward-box[data-v-cf0d5b3a]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-cf0d5b3a]{width:calc(50% - 19px);padding:0 6px 12px}.reward-item-box[data-v-cf0d5b3a]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-cf0d5b3a]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-cf0d5b3a]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-cf0d5b3a]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-cf0d5b3a]{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px)}.reward-item-detail .reward-name[data-v-cf0d5b3a]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-cf0d5b3a]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}.rule-item[data-v-cf0d5b3a]{padding:15px 13px 0}.rule-item[data-v-cf0d5b3a]:last-child{padding-bottom:16px}.rule-item .title[data-v-cf0d5b3a]{color:#21252b;font-size:14px;font-weight:600}.rule-item .value[data-v-cf0d5b3a]{color:#21252b;font-size:13px;margin-top:8px;white-space:pre-wrap}
\ No newline at end of file
.box[data-v-5de84fc2]{position:relative}.page-bg[data-v-5de84fc2]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-5de84fc2]{width:100%}.content[data-v-5de84fc2]{position:relative;z-index:1}.content-cell[data-v-5de84fc2]{border-radius:8px;border:1px solid #06b0b2;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box}.cell-top[data-v-5de84fc2]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#dff7f4,rgba(223,247,244,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-5de84fc2]{color:#27292b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-5de84fc2]{color:#38bdcd;font-size:15px}.reward-box[data-v-5de84fc2]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-5de84fc2]{width:calc(50% - 19px);padding:0 6px 12px}.reward-item-box[data-v-5de84fc2]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-5de84fc2]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-5de84fc2]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-5de84fc2]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-5de84fc2]{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px)}.reward-item-detail .reward-name[data-v-5de84fc2]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-5de84fc2]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}.rule-item[data-v-5de84fc2]{padding:15px 13px 0}.rule-item[data-v-5de84fc2]:last-child{padding-bottom:16px}.rule-item .title[data-v-5de84fc2]{color:#21252b;font-size:14px;font-weight:600}.rule-item .value[data-v-5de84fc2]{color:#21252b;font-size:13px;margin-top:8px}.rule-item .value.point[data-v-5de84fc2]{padding-left:10px;position:relative}.rule-item .value.point[data-v-5de84fc2]:before{content:" ";position:absolute;width:4px;height:4px;border-radius:50%;background:#38bdcd;top:7px;left:0;z-index:1}
\ No newline at end of file
.dialog-bg[data-v-63a1d318]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.85)}.dialog-bg .content[data-v-63a1d318]{position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;width:75%}.dialog-bg .content .content-detail-bg[data-v-63a1d318]{background:#fdfcee;box-sizing:border-box;border-radius:10px;box-shadow:0 1px 2px 0 rgba(0,0,0,.5);padding:8px 10px}.dialog-bg .content .content-detail-bg .content-detail[data-v-63a1d318]{border:2px solid #c9c6ad;border-radius:10px;text-align:center;padding:10px 13px}.dialog-bg .content .content-detail-bg .content-detail .title[data-v-63a1d318]{color:#21252b;font-weight:600;font-size:20px;padding-top:15px}.dialog-bg .content .content-detail-bg .content-detail .subtitle[data-v-63a1d318]{color:#21252b;font-size:15px;padding:20px 0 30px}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box[data-v-63a1d318]{display:flex;padding-bottom:15px;justify-content:center}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box .handle-btn[data-v-63a1d318]{box-sizing:border-box;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;font-weight:600;border-radius:20px;background:#000;box-shadow:inset 0 3px 3px 0 hsla(0,0%,100%,.8);flex:1;max-width:165px;margin-right:15px}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box .handle-btn[data-v-63a1d318]:last-child{margin-right:0}.dialog-bg .content .icon-guanbi[data-v-63a1d318]{margin:40px auto 0;color:hsla(0,0%,100%,.8);opacity:.8;padding:15px;font-size:28px;height:28px;width:28px}.img-canvas[data-v-7445e36a]{position:fixed;left:100%;top:0;width:560px;height:996px}.dialog-bg[data-v-7445e36a]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.85)}.dialog-bg .content[data-v-7445e36a]{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:60%}.dialog-bg .content .tips[data-v-7445e36a]{color:#fff;font-size:14px;margin-top:20px}.dialog-bg .content .box-img[data-v-7445e36a]{width:100%}.dialog-bg .content .icon-guanbi[data-v-7445e36a]{margin:20px auto 0;color:#fff;opacity:.8;padding:15px;font-size:28px;height:28px;width:28px}.box[data-v-6d2b494a]{position:relative}.page-bg[data-v-6d2b494a]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-6d2b494a]{width:100%}.content[data-v-6d2b494a]{position:relative;z-index:1}.content-top[data-v-6d2b494a]{text-align:center}.content-top .top-img[data-v-6d2b494a]{width:78%;margin:0 auto;padding:19px 0 10px}.content-top .top-tip-box[data-v-6d2b494a]{display:flex;margin:0 auto;width:206px;height:33px;box-sizing:border-box;border:1px solid #fff;color:hsla(0,0%,100%,.3);align-items:center;border-radius:12px}.content-top .top-tip-box .line[data-v-6d2b494a]{width:11px;height:2px;border-radius:1px;margin:0 7px}.content-top .top-tip-box .line.left[data-v-6d2b494a]{background:linear-gradient(270deg,#38bdcd,rgba(56,189,205,0));margin-right:9px}.content-top .top-tip-box .line.right[data-v-6d2b494a]{background:linear-gradient(270deg,rgba(56,189,205,0),#38bdcd);margin-left:9px}.content-top .top-tip-box .title[data-v-6d2b494a]{color:#21252b;font-size:15px}.content-cell[data-v-6d2b494a]{border-radius:8px;border:1px solid #06b0b2;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box;text-align:center}.header-img-box[data-v-6d2b494a]{padding:40px 0 14px}.header-img[data-v-6d2b494a]{width:60px;height:60px;border-radius:50%;margin:0 auto;overflow:hidden}.friend-name[data-v-6d2b494a]{color:#21252b;font-size:16px;font-weight:600}.tip-text[data-v-6d2b494a]{color:#21252b;font-size:16px;padding-bottom:22px}.handle-btn[data-v-6d2b494a]{width:75%;height:48px;line-height:48px;border-radius:24px;text-align:center;box-shadow:inset 0 3px 3px 0 hsla(0,0%,100%,.8);color:#fff;font-size:16px;font-weight:600;margin:0 auto 19px}.handle-btn[data-v-6d2b494a]:last-child{margin-bottom:23px}.handle-btn.disable[data-v-6d2b494a]{background:#c7c7c7}.handle-btn.red[data-v-6d2b494a]{background:#fd452d}.handle-btn.blue[data-v-6d2b494a]{background:#12b4bb}.cell-top[data-v-6d2b494a]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#dff7f4,rgba(223,247,244,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-6d2b494a]{color:#27292b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-6d2b494a]{color:#38bdcd;font-size:15px}.reward-box[data-v-6d2b494a]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-6d2b494a]{width:calc(50% - 19px);padding:0 6px 12px;text-align:left}.reward-item-box[data-v-6d2b494a]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-6d2b494a]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-6d2b494a]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-6d2b494a]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-6d2b494a]{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px)}.reward-item-detail .reward-name[data-v-6d2b494a]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-6d2b494a]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}
\ No newline at end of file
.box[data-v-70c6e8e4]{position:relative}.page-bg[data-v-70c6e8e4]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-70c6e8e4]{width:100%}.content[data-v-70c6e8e4]{position:relative;z-index:1}.content-cell[data-v-70c6e8e4]{border-radius:8px;border:1px solid #06b0b2;background:#fff;margin:12px 12px 3px;width:calc(100% - 24px);box-sizing:border-box}.cell-top[data-v-70c6e8e4]{display:flex;align-items:center;justify-content:center;height:50px;background:linear-gradient(180deg,#dff7f4,rgba(223,247,244,.3));border-radius:8px 8px 0 0}.cell-top .title[data-v-70c6e8e4]{color:#27292b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-70c6e8e4]{color:#38bdcd;font-size:15px}.infinite-list[data-v-70c6e8e4]{overflow:auto;padding:10px 13px;margin-bottom:1px}.reward-item-box[data-v-70c6e8e4]{padding:5px 0}.reward-item[data-v-70c6e8e4]{display:flex;padding:12px;background:#f6f6f6;border-radius:4px}.reward-item .reward-img-box[data-v-70c6e8e4]{width:80px;height:80px;background:#fff;border-radius:2px;position:relative;display:flex;align-items:center;justify-content:center}.reward-item .reward-img-box .reward-img[data-v-70c6e8e4]{width:66px;height:66px}.reward-item .reward-info[data-v-70c6e8e4]{padding-left:10px}.reward-info .reward-name[data-v-70c6e8e4]{color:#21252b;font-size:14px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reward-info .reward-condition[data-v-70c6e8e4]{padding:3px 0 5px;color:#21252b;font-weight:300;font-size:12px;height:33px}.reward-info .reward-time[data-v-70c6e8e4]{color:#21252b;font-weight:300;font-size:13px}.empty-box[data-v-70c6e8e4]{text-align:center;background:#fff}.empty-box .empty-img[data-v-70c6e8e4]{margin:0 auto;padding:80px 0 20px;width:180px;height:167px}.empty-box .title[data-v-70c6e8e4]{color:#21252b;font-size:16px;font-weight:600;padding:0 9px}.empty-box .subtitle[data-v-70c6e8e4]{color:#63666b;font-size:14px;max-width:229px;margin:0 auto}.empty-box .play-btn[data-v-70c6e8e4]{margin:25px auto 0;width:180px;height:38px;line-height:36px;box-sizing:border-box;border-radius:19px;border:1px solid #12b4bb;text-align:center;color:#12b4bb;font-size:14px;font-weight:600}
\ No newline at end of file
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>game-h5</title><link rel="stylesheet" href="//at.alicdn.com/t/font_2844902_uelk5f2sikk.css"><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><link href="css/chunk-073265ea.cf14d07c.css" rel="prefetch"><link href="css/chunk-096c3a4a.0944903b.css" rel="prefetch"><link href="css/chunk-25fcf5b0.53a081a5.css" rel="prefetch"><link href="css/chunk-33b673b0.767bbfee.css" rel="prefetch"><link href="css/chunk-497026b0.fd6bba20.css" rel="prefetch"><link href="css/chunk-65ebc190.d13b948c.css" rel="prefetch"><link href="css/chunk-71639305.f21c9ef5.css" rel="prefetch"><link href="css/chunk-7614479d.aa460bbe.css" rel="prefetch"><link href="css/chunk-77399a3d.37192c84.css" rel="prefetch"><link href="css/chunk-978cfcd0.d87b1781.css" rel="prefetch"><link href="css/chunk-da5316dc.01cfd271.css" rel="prefetch"><link href="css/chunk-f3b7486a.e9e3e91d.css" rel="prefetch"><link href="css/chunk-fae66888.97b50fd0.css" rel="prefetch"><link href="js/chunk-073265ea.fa15ce3d.js" rel="prefetch"><link href="js/chunk-096c3a4a.abab5212.js" rel="prefetch"><link href="js/chunk-25fcf5b0.49389a89.js" rel="prefetch"><link href="js/chunk-33b673b0.26d66f23.js" rel="prefetch"><link href="js/chunk-3566c97c.576fe036.js" rel="prefetch"><link href="js/chunk-497026b0.1a121b49.js" rel="prefetch"><link href="js/chunk-4aa552e1.567bf129.js" rel="prefetch"><link href="js/chunk-65ebc190.5dd80e61.js" rel="prefetch"><link href="js/chunk-71639305.c5272d45.js" rel="prefetch"><link href="js/chunk-72be1171.dce6850f.js" rel="prefetch"><link href="js/chunk-7614479d.f86c3f48.js" rel="prefetch"><link href="js/chunk-77399a3d.b8bf87d1.js" rel="prefetch"><link href="js/chunk-978cfcd0.1aa29d89.js" rel="prefetch"><link href="js/chunk-da5316dc.a35fcb24.js" rel="prefetch"><link href="js/chunk-f3b7486a.1f5858cb.js" rel="prefetch"><link href="js/chunk-fae66888.3494b6d6.js" rel="prefetch"><link href="js/app.61a0a43a.js" rel="preload" as="script"><link href="js/chunk-vendors.37f2d3ab.js" rel="preload" as="script"></head><body><noscript><strong>We're sorry but game-h5 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js"></script><script src="//web-1251519181.file.myqcloud.com/lib/axios/0.18.0/index.min.js"></script><script src="//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js"></script><script src="https://unpkg.com/element-ui/lib/index.js"></script><script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><script src="js/chunk-vendors.37f2d3ab.js"></script><script src="js/app.61a0a43a.js"></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>game-h5</title><link rel="stylesheet" href="//at.alicdn.com/t/font_2844902_uelk5f2sikk.css"><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><link href="css/chunk-0d838931.be25db0a.css" rel="prefetch"><link href="css/chunk-1c6fffe8.6d3d760a.css" rel="prefetch"><link href="css/chunk-2410ce38.dc0ab0ec.css" rel="prefetch"><link href="css/chunk-3111aba8.9d547414.css" rel="prefetch"><link href="css/chunk-3e566bce.48f52058.css" rel="prefetch"><link href="css/chunk-4323df0c.b7f06c60.css" rel="prefetch"><link href="css/chunk-59c0f4d5.0e6c0212.css" rel="prefetch"><link href="css/chunk-5b606ee5.97973e1a.css" rel="prefetch"><link href="css/chunk-6128095e.0e3f4eb8.css" rel="prefetch"><link href="css/chunk-67525272.4fb8d824.css" rel="prefetch"><link href="css/chunk-71639305.f21c9ef5.css" rel="prefetch"><link href="css/chunk-880ce566.dc4cdcb8.css" rel="prefetch"><link href="css/chunk-bac2052a.aa4f4d02.css" rel="prefetch"><link href="js/chunk-0d838931.ec57dba8.js" rel="prefetch"><link href="js/chunk-1c6fffe8.0a0ff104.js" rel="prefetch"><link href="js/chunk-2410ce38.1cd193b3.js" rel="prefetch"><link href="js/chunk-3111aba8.e2690bfb.js" rel="prefetch"><link href="js/chunk-3566c97c.576fe036.js" rel="prefetch"><link href="js/chunk-3e566bce.9fe4df18.js" rel="prefetch"><link href="js/chunk-4323df0c.0ace80d7.js" rel="prefetch"><link href="js/chunk-4aa552e1.7fa49fe3.js" rel="prefetch"><link href="js/chunk-59c0f4d5.df925f78.js" rel="prefetch"><link href="js/chunk-5b606ee5.18abf6d2.js" rel="prefetch"><link href="js/chunk-6128095e.1ed309de.js" rel="prefetch"><link href="js/chunk-67525272.5e53640a.js" rel="prefetch"><link href="js/chunk-71639305.bd00205c.js" rel="prefetch"><link href="js/chunk-72be1171.dce6850f.js" rel="prefetch"><link href="js/chunk-880ce566.cadd78ca.js" rel="prefetch"><link href="js/chunk-bac2052a.8e2e7ebb.js" rel="prefetch"><link href="js/app.d25958db.js" rel="preload" as="script"><link href="js/chunk-vendors.37f2d3ab.js" rel="preload" as="script"></head><body><noscript><strong>We're sorry but game-h5 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js"></script><script src="//web-1251519181.file.myqcloud.com/lib/axios/0.18.0/index.min.js"></script><script src="//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js"></script><script src="https://unpkg.com/element-ui/lib/index.js"></script><script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><script src="js/chunk-vendors.37f2d3ab.js"></script><script src="js/app.d25958db.js"></script></body></html>
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-4aa552e1"],{"0cb2":function(e,r,t){var a=t("e330"),n=t("7b0b"),c=Math.floor,i=a("".charAt),o=a("".replace),u=a("".slice),f=/\$([$&'`]|\d{1,2}|<[^>]*>)/g,d=/\$([$&'`]|\d{1,2})/g;e.exports=function(e,r,t,a,s,l){var v=t+e.length,h=a.length,p=d;return void 0!==s&&(s=n(s),p=f),o(l,p,(function(n,o){var f;switch(i(o,0)){case"$":return"$";case"&":return e;case"`":return u(r,0,t);case"'":return u(r,v);case"<":f=s[u(o,1,-1)];break;default:var d=+o;if(0===d)return n;if(d>h){var l=c(d/10);return 0===l?n:l<=h?void 0===a[l-1]?i(o,1):a[l-1]+i(o,1):n}f=a[d-1]}return void 0===f?"":f}))}},5319:function(e,r,t){"use strict";var a=t("2ba4"),n=t("c65b"),c=t("e330"),i=t("d784"),o=t("d039"),u=t("825a"),f=t("1626"),d=t("5926"),s=t("50c4"),l=t("577e"),v=t("1d80"),h=t("8aa5"),p=t("dc4a"),b=t("0cb2"),g=t("14c3"),$=t("b622"),m=$("replace"),x=Math.max,w=Math.min,I=c([].concat),k=c([].push),y=c("".indexOf),M=c("".slice),q=function(e){return void 0===e?e:String(e)},A=function(){return"$0"==="a".replace(/./,"$0")}(),C=function(){return!!/./[m]&&""===/./[m]("a","$0")}(),D=!o((function(){var e=/./;return e.exec=function(){var e=[];return e.groups={a:"7"},e},"7"!=="".replace(e,"$<a>")}));i("replace",(function(e,r,t){var c=C?"$":"$0";return[function(e,t){var a=v(this),c=void 0==e?void 0:p(e,m);return c?n(c,e,a,t):n(r,l(a),e,t)},function(e,n){var i=u(this),o=l(e);if("string"==typeof n&&-1===y(n,c)&&-1===y(n,"$<")){var v=t(r,i,o,n);if(v.done)return v.value}var p=f(n);p||(n=l(n));var $=i.global;if($){var m=i.unicode;i.lastIndex=0}var A=[];while(1){var C=g(i,o);if(null===C)break;if(k(A,C),!$)break;var D=l(C[0]);""===D&&(i.lastIndex=h(o,s(i.lastIndex),m))}for(var E="",J=0,O=0;O<A.length;O++){C=A[O];for(var S=l(C[0]),T=x(w(d(C.index),o.length),0),_=[],j=1;j<C.length;j++)k(_,q(C[j]));var G=C.groups;if(p){var z=I([S],_,T,o);void 0!==G&&k(z,G);var B=l(a(n,void 0,z))}else B=b(S,o,T,_,G,n);T>=J&&(E+=M(o,J,T)+B,J=T+S.length)}return E+M(o,J)}]}),!D||!A||C)},"6e78":function(e,r,t){"use strict";t.r(r);var a=function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("div",{staticClass:"box"})},n=[],c=(t("ac1f"),t("5319"),t("99af"),t("2934")),i=c["a"].getGameInfo,o={components:{},data:function(){return{}},created:function(){this.loadData()},methods:{loadData:function(){var e=this,r=this.$route.query;i({gameId:r.gameId,enterpriseId:r.enterpriseId}).then((function(t){var a="";switch(+t.templateType){case 1:a="cmh";break;case 2:break;default:break}e.$router.replace({path:"/".concat(a,"/").concat(t.templateId).concat(r.shareMemberId?"/support":""),query:r})}))}}},u=o,f=t("2877"),d=Object(f["a"])(u,a,n,!1,null,"4929e733",null);r["default"]=d.exports},"99af":function(e,r,t){"use strict";var a=t("23e7"),n=t("da84"),c=t("d039"),i=t("e8b5"),o=t("861d"),u=t("7b0b"),f=t("07fa"),d=t("8418"),s=t("65f0"),l=t("1dde"),v=t("b622"),h=t("2d00"),p=v("isConcatSpreadable"),b=9007199254740991,g="Maximum allowed index exceeded",$=n.TypeError,m=h>=51||!c((function(){var e=[];return e[p]=!1,e.concat()[0]!==e})),x=l("concat"),w=function(e){if(!o(e))return!1;var r=e[p];return void 0!==r?!!r:i(e)},I=!m||!x;a({target:"Array",proto:!0,arity:1,forced:I},{concat:function(e){var r,t,a,n,c,i=u(this),o=s(i,0),l=0;for(r=-1,a=arguments.length;r<a;r++)if(c=-1===r?i:arguments[r],w(c)){if(n=f(c),l+n>b)throw $(g);for(t=0;t<n;t++,l++)t in c&&d(o,l,c[t])}else{if(l>=b)throw $(g);d(o,l++,c)}return o.length=l,o}})}}]);
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-4aa552e1"],{"0cb2":function(e,r,t){var a=t("e330"),n=t("7b0b"),c=Math.floor,i=a("".charAt),o=a("".replace),u=a("".slice),f=/\$([$&'`]|\d{1,2}|<[^>]*>)/g,d=/\$([$&'`]|\d{1,2})/g;e.exports=function(e,r,t,a,s,l){var v=t+e.length,h=a.length,p=d;return void 0!==s&&(s=n(s),p=f),o(l,p,(function(n,o){var f;switch(i(o,0)){case"$":return"$";case"&":return e;case"`":return u(r,0,t);case"'":return u(r,v);case"<":f=s[u(o,1,-1)];break;default:var d=+o;if(0===d)return n;if(d>h){var l=c(d/10);return 0===l?n:l<=h?void 0===a[l-1]?i(o,1):a[l-1]+i(o,1):n}f=a[d-1]}return void 0===f?"":f}))}},5319:function(e,r,t){"use strict";var a=t("2ba4"),n=t("c65b"),c=t("e330"),i=t("d784"),o=t("d039"),u=t("825a"),f=t("1626"),d=t("5926"),s=t("50c4"),l=t("577e"),v=t("1d80"),h=t("8aa5"),p=t("dc4a"),b=t("0cb2"),g=t("14c3"),m=t("b622"),$=m("replace"),x=Math.max,w=Math.min,I=c([].concat),k=c([].push),y=c("".indexOf),M=c("".slice),q=function(e){return void 0===e?e:String(e)},A=function(){return"$0"==="a".replace(/./,"$0")}(),C=function(){return!!/./[$]&&""===/./[$]("a","$0")}(),D=!o((function(){var e=/./;return e.exec=function(){var e=[];return e.groups={a:"7"},e},"7"!=="".replace(e,"$<a>")}));i("replace",(function(e,r,t){var c=C?"$":"$0";return[function(e,t){var a=v(this),c=void 0==e?void 0:p(e,$);return c?n(c,e,a,t):n(r,l(a),e,t)},function(e,n){var i=u(this),o=l(e);if("string"==typeof n&&-1===y(n,c)&&-1===y(n,"$<")){var v=t(r,i,o,n);if(v.done)return v.value}var p=f(n);p||(n=l(n));var m=i.global;if(m){var $=i.unicode;i.lastIndex=0}var A=[];while(1){var C=g(i,o);if(null===C)break;if(k(A,C),!m)break;var D=l(C[0]);""===D&&(i.lastIndex=h(o,s(i.lastIndex),$))}for(var E="",J=0,O=0;O<A.length;O++){C=A[O];for(var S=l(C[0]),T=x(w(d(C.index),o.length),0),_=[],j=1;j<C.length;j++)k(_,q(C[j]));var G=C.groups;if(p){var N=I([S],_,T,o);void 0!==G&&k(N,G);var z=l(a(n,void 0,N))}else z=b(S,o,T,_,G,n);T>=J&&(E+=M(o,J,T)+z,J=T+S.length)}return E+M(o,J)}]}),!D||!A||C)},"6e78":function(e,r,t){"use strict";t.r(r);var a=function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("div",{staticClass:"box"})},n=[],c=(t("ac1f"),t("5319"),t("99af"),t("2934")),i=c["a"].getGameInfo,o={components:{},data:function(){return{}},created:function(){document.title="",this.loadData()},methods:{loadData:function(){var e=this,r=this.$route.query;i({gameId:r.gameId,enterpriseId:r.enterpriseId}).then((function(t){document.title=t.gameName;var a="";switch(+t.templateType){case 1:a="cmh";break;case 2:break;default:break}e.$router.replace({path:"/".concat(a,"/").concat(t.templateId).concat(r.shareMemberId?"/support":""),query:r})}))}}},u=o,f=t("2877"),d=Object(f["a"])(u,a,n,!1,null,"ffe1ca50",null);r["default"]=d.exports},"99af":function(e,r,t){"use strict";var a=t("23e7"),n=t("da84"),c=t("d039"),i=t("e8b5"),o=t("861d"),u=t("7b0b"),f=t("07fa"),d=t("8418"),s=t("65f0"),l=t("1dde"),v=t("b622"),h=t("2d00"),p=v("isConcatSpreadable"),b=9007199254740991,g="Maximum allowed index exceeded",m=n.TypeError,$=h>=51||!c((function(){var e=[];return e[p]=!1,e.concat()[0]!==e})),x=l("concat"),w=function(e){if(!o(e))return!1;var r=e[p];return void 0!==r?!!r:i(e)},I=!$||!x;a({target:"Array",proto:!0,arity:1,forced:I},{concat:function(e){var r,t,a,n,c,i=u(this),o=s(i,0),l=0;for(r=-1,a=arguments.length;r<a;r++)if(c=-1===r?i:arguments[r],w(c)){if(n=f(c),l+n>b)throw m(g);for(t=0;t<n;t++,l++)t in c&&d(o,l,c[t])}else{if(l>=b)throw m(g);d(o,l++,c)}return o.length=l,o}})}}]);
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -66,7 +66,7 @@ export default {
methods: {
close() {
this.$emit("update:show", false);
this.options.cancel();
this.cancel && this.cancel();
},
},
};
......@@ -104,15 +104,16 @@ export default {
text-align: center;
padding: 10px 13px;
.title {
color: #27292b;
color: #21252B;
font-weight: 600;
font-size: 20px;
padding-top: 15px;
}
.subtitle {
color: #27292b;
color: #21252B;
font-size: 15px;
padding: 20px 0 30px;
white-space: pre-wrap;
}
.handle-btn-box {
display: flex;
......
<template>
<div
class="dialog-bg"
v-if="show"
>
<div class="content">
<div class="content-detail-bg">
<div class="content-detail">
<div class="title">您还未认证会员</div>
<div class="subtitle">关注服务号,助力赢好礼</div>
<div class="qrcode-box">
<div class="image-box">
<img :src="qrcodeUrl" class="qrcode-img" />
</div>
<div class="tips">长按保存/识别二维码</div>
</div>
</div>
</div>
<div class="iconfont icon-guanbi" @click="close"></div>
</div>
</div>
</template>
<script>
export default {
props: {
show: Boolean,
qrcodeUrl: String,
},
data() {
return {};
},
methods: {
close() {
this.$emit("update:show", false);
},
},
};
</script>
<style scoped lang="scss">
.dialog-bg {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
background: rgba(0, 0, 0, 0.85);
}
.dialog-bg .content {
position: absolute;
z-index: 2;
left: 50%;
top: 45%;
transform: translate(-50%, -50%);
text-align: center;
width: 75%;
.content-detail-bg {
background: #12b4bb;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #54fefe;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
padding: 8px 10px;
.content-detail {
background: white;
border-radius: 10px;
text-align: center;
padding: 10px 13px;
.title {
color: #21252B;
font-weight: 600;
font-size: 20px;
padding-top: 15px;
}
.subtitle {
color: #21252B;
font-size: 15px;
padding: 20px 0 18px;
white-space: pre-wrap;
}
.qrcode-box {
margin: 0 auto;
text-align: center;
width: fit-content;
.image-box {
padding: 5px;
border-radius: 4px;
border: 2px solid #12b4bb;
.qrcode-img {
width: 110px;
height: 110px;
}
}
.tips {
color: #21252b;
text-align: center;
font-size: 12px;
padding: 8px 0 24px;
}
}
}
}
}
.dialog-bg .content .icon-guanbi {
margin: 40px auto 0;
color: white;
opacity: 0.8;
padding: 15px;
font-size: 28px;
height: 28px;
width: 28px;
}
</style>
......@@ -96,7 +96,7 @@ export default {
.dialog-bg .content .reward-log-text{
padding: 11px 0 14px;
font-size: 12px;
color: #27292B;
color: #21252B;
}
.dialog-bg .content .reward-log-text .color-text{
......
......@@ -261,7 +261,7 @@ export default {
}
.content .cell .info .title {
color: #27292b;
color: #21252B;
font-size: 14px;
font-weight: 600;
padding-bottom: 5px;
......@@ -303,7 +303,7 @@ export default {
justify-content: space-between;
position: relative;
padding: 10px 0;
color: #27292b;
color: #21252B;
font-size: 12px;
}
......
......@@ -191,7 +191,7 @@ export default {
}
.cell-top .title {
color: #27292b;
color: #21252B;
font-size: 17px;
padding: 0 10px;
font-weight: 600;
......
......@@ -19,7 +19,7 @@
<div class="rule-item" v-if="rule.playConditionFlag">
<div class="title">参与门槛</div>
<div class="value point" v-for="item in rule.gameRuleConditionList" :key="item">
<div class="value" v-for="item in rule.gameRuleConditionList" :key="item">
<div v-if="item.conditionObj.type == 21">每天增加 {{ item.conditionObj.value }} 次免费游戏机会</div>
<div v-else-if="item.conditionObj.type == 22">赠送 {{ item.conditionObj.value }} 次免费游戏机会</div>
<div v-else-if="item.conditionObj.type == 1">每参加 1 次游戏消耗 {{ item.conditionObj.value }} 积分</div>
......@@ -40,7 +40,7 @@
<div class="rule-item">
<div class="title">游戏说明</div>
<div class="value point" v-html="rule.gameRule"></div>
<div class="value" v-html="rule.gameRule"></div>
</div>
</div>
......@@ -167,7 +167,7 @@ export default {
}
.cell-top .title{
color: #27292B;
color: #21252B;
font-size: 17px;
padding: 0 10px;
font-weight: 600;
......@@ -255,23 +255,7 @@ export default {
color: #21252B;
font-size: 13px;
margin-top: 8px;
}
.rule-item .value.point{
padding-left: 10px;
position: relative;
}
.rule-item .value.point::before{
content: " ";
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
background: #38BDCD;
top: 7px;
left: 0;
z-index: 1;
white-space: pre-wrap;
}
......
......@@ -55,12 +55,9 @@
</div>
</div>
<share-img-dialog
:show.sync="showShareImgDialog"
v-bind="pyqOptions"
></share-img-dialog>
<alert-dialog v-bind.sync="alertOptions"></alert-dialog>
<fwh-qrcode-dialog v-bind.sync="fwhQrcodeOptions"></fwh-qrcode-dialog>
</div>
</template>
......@@ -73,21 +70,24 @@ const {
getGameShareQrCodeUrl,
} = gameRequestApi;
import AlertDialog from "./components/alert.vue";
import ShareImgDialog from "./components/share-img-dialog.vue";
import FwhQrcodeDialog from "./components/fwh-qrcode.vue";
import { Manager } from "../../manager";
export default {
components: {
ShareImgDialog,
AlertDialog
AlertDialog,
FwhQrcodeDialog
},
data() {
return {
alertOptions:{},
showShareImgDialog: false,
game:{},
helpDetail: {},
fwhQrcodeOptions: {
show: false,
qrcodeUrl: '',
},
gameReward: []
};
},
......@@ -100,22 +100,22 @@ export default {
async loadData() {
console.log(this.$route.query);
let query = this.$route.query;
this.helpDetail = await getHelpDetail({
this.game = await getGameInfo({
enterpriseId: query.enterpriseId,
shareMemberId: query.shareMemberId,
gameId: query.gameId,
helpMemberId: query.memberId || '',
});
})
this.gameReward = await getGameReward({
enterpriseId: query.enterpriseId,
gameId: query.gameId,
})
this.game = await getGameInfo({
this.helpDetail = await getHelpDetail({
enterpriseId: query.enterpriseId,
shareMemberId: query.shareMemberId,
gameId: query.gameId,
})
helpMemberId: query.memberId || '',
}) || {};
},
toPlayGame() {
let query = this.$route.query;
......@@ -141,11 +141,10 @@ export default {
shareType: options.type == 12 ? 2 : 1,
});
this.pyqOptions = {
bgImage: options.shareReport,
this.fwhQrcodeOptions = {
show: true,
qrcodeUrl: result.qrCodeUrl,
};
this.showShareImgDialog = true;
},
},
};
......@@ -298,7 +297,7 @@ export default {
}
.cell-top .title {
color: #27292b;
color: #21252B;
font-size: 17px;
padding: 0 10px;
font-weight: 600;
......
......@@ -113,6 +113,7 @@ export default {
color: #21252B;
font-size: 15px;
padding: 20px 0 30px;
white-space: pre-wrap;
}
.handle-btn-box {
display: flex;
......
<template>
<div
class="dialog-bg"
v-if="show"
>
<div class="content">
<div class="content-detail-bg">
<div class="content-detail">
<div class="title">您还未认证会员</div>
<div class="subtitle">关注服务号,助力赢好礼</div>
<div class="qrcode-box">
<div class="image-box">
<img :src="qrcodeUrl" class="qrcode-img" />
</div>
<div class="tips">长按保存/识别二维码</div>
</div>
</div>
</div>
<div class="iconfont icon-guanbi" @click="close"></div>
</div>
</div>
</template>
<script>
export default {
props: {
show: Boolean,
qrcodeUrl: String,
},
data() {
return {};
},
methods: {
close() {
this.$emit("update:show", false);
},
},
};
</script>
<style scoped lang="scss">
.dialog-bg {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
background: rgba(0, 0, 0, 0.85);
}
.dialog-bg .content {
position: absolute;
z-index: 2;
left: 50%;
top: 45%;
transform: translate(-50%, -50%);
text-align: center;
width: 75%;
.content-detail-bg {
background: #FDFCEE;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #54fefe;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
padding: 8px 10px;
.content-detail {
border: 2px solid #C9C6AD;
border-radius: 10px;
text-align: center;
padding: 10px 13px;
.title {
color: #21252B;
font-weight: 600;
font-size: 20px;
padding-top: 15px;
}
.subtitle {
color: #21252B;
font-size: 15px;
padding: 20px 0 18px;
white-space: pre-wrap;
}
.qrcode-box {
margin: 0 auto;
text-align: center;
width: fit-content;
.image-box {
padding: 5px;
border-radius: 4px;
border: 2px solid #C9C6AD;
background: white;
.qrcode-img {
width: 110px;
height: 110px;
}
}
.tips {
color: #21252B;
text-align: center;
font-size: 12px;
padding: 8px 0 24px;
}
}
}
}
}
.dialog-bg .content .icon-guanbi {
margin: 40px auto 0;
color: white;
opacity: 0.8;
padding: 15px;
font-size: 28px;
height: 28px;
width: 28px;
}
</style>
......@@ -96,7 +96,7 @@ export default {
.dialog-bg .content .reward-log-text{
padding: 11px 0 14px;
font-size: 12px;
color: #27292B;
color: #21252B;
}
.dialog-bg .content .reward-log-text .color-text{
......
......@@ -254,7 +254,7 @@ export default {
}
.content .cell .info .title {
color: #27292b;
color: #21252B;
font-size: 14px;
font-weight: 600;
padding-bottom: 5px;
......@@ -296,7 +296,7 @@ export default {
justify-content: space-between;
position: relative;
padding: 10px 0;
color: #27292b;
color: #21252B;
font-size: 12px;
}
......
......@@ -30,10 +30,16 @@
:autoplay="swiperOptions.autoplay"
v-if="game.bulletFlag && barrageList && barrageList.length > 3"
>
<swiper-slide v-for="item in barrageList" :key="item">
<div class="swiper-item">
<swiper-slide v-for="item in barrageList.length * 2" :key="item">
<div
class="swiper-item"
v-if="item % 2 == 0 && barrageList[item] && barrageList[item]"
>
<img src="./images/tips_bg.png" />
<span>恭喜 {{ item.memberName }} 获得 {{ item.prizeName }}</span>
<span
>恭喜 {{ barrageList[item / 2].memberName }} 获得
{{ barrageList[item / 2].prizeName }}</span
>
</div>
</swiper-slide>
</swiper>
......@@ -145,6 +151,7 @@ const {
getIntegral,
getGameRule,
getGameShareQrCodeUrl,
shareEvent,
} = gameRequestApi;
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
......@@ -180,12 +187,7 @@ export default {
showShareImgDialog: false,
shareConditionObj: {},
alertOptions: {},
list: [
"刷卡拉拉卡",
"阿拉卡萨卢克和史莱克",
"刷卡拉拉卡",
"阿拉卡萨卢克和史莱克",
],
barrageList: [],
boxList: [
{
left: "calc(23% - 47px)",
......@@ -266,19 +268,41 @@ export default {
},
false
);
document.addEventListener("visibilitychange", ()=> {
if(document.hidden){
this.isPlay = false;
this.audio.pause();
}
});
}
this.getGame();
this.getGameRule();
this.getGamePlayNumber();
this.getIntegral();
this.getGamePlayBarrage();
this.manager.startPolling();
this.lookBuryPoint();
},
mounted(){
this.manager.startPolling();
},
destroyed(){
this.manager.stopPolling();
this.audio.pause();
document.removeEventListener("visibilitychange");
},
methods: {
lookBuryPoint(){
let query = this.$route.query;
if(query.memberId){
shareEvent({
enterpriseId: query.enterpriseId || '',
memberId: query.memberId || '',
relationType: 'game',
relationId: query.gameId || '',
event: 2
})
}
},
async getGame() {
let res = await getGameInfo({
gameId: this.gameId,
......@@ -347,7 +371,7 @@ export default {
let boxItem = prizeStyleList[itemIndex];
this.showOpenBoxDialog = true;
this.openBoxData = boxItem;
if(this.playNumberObj.playNumber == 0 && this.rule.integral && this.currentIntegral > this.rule.integral){
if(this.playNumberObj.playNumber == 0 && this.rule.integral){
this.openBoxTitle = `每次参与游戏消耗${ this.rule.integral }积分${ this.playNumberObj.playNumberFlag ? '或参与次数' : '' }`
}else{
this.openBoxTitle = "";
......@@ -356,20 +380,14 @@ export default {
toGameRule() {
this.$router.push({
path: "/cmh/2/rule",
query: {
gameId: this.gameId,
enterpriseId: this.enterpriseId,
},
query: this.$route.query,
});
},
toMyReward() {
async toMyReward() {
await this.manager.checkPlay();
this.$router.push({
path: "/cmh/2/my-reward",
query: {
gameId: this.gameId,
enterpriseId: this.enterpriseId,
memberId: this.memberId,
},
query: this.$route.query,
});
},
playMusic() {
......@@ -381,7 +399,7 @@ export default {
}
},
async clickShareBtn() {
await this.manager.checkAttest();
await this.manager.checkPlay();
this.showShareSelectDialog = true;
},
async shareWx() {
......@@ -529,7 +547,7 @@ export default {
border-radius: 8px;
border: 1px solid white;
background: rgba(255, 255, 255, 0.3);
color: #27292b;
color: #21252B;
font-size: 12px;
}
......@@ -682,7 +700,7 @@ export default {
width: 38px;
height: 38px;
border-radius: 50%;
background: #27292b;
background: #21252B;
box-shadow: inset 0px 3px 2px 0px rgba(243, 243, 243, 0.4);
}
.share-box .icon .iconfont {
......
......@@ -170,7 +170,7 @@ export default {
}
.cell-top .title {
color: #27292b;
color: #21252B;
font-size: 17px;
padding: 0 10px;
font-weight: 600;
......
......@@ -19,7 +19,7 @@
<div class="rule-item" v-if="rule.playConditionFlag">
<div class="title">参与门槛</div>
<div class="value point" v-for="item in rule.gameRuleConditionList" :key="item">
<div class="value" v-for="item in rule.gameRuleConditionList" :key="item">
<div v-if="item.conditionObj.type == 21">每天增加 {{ item.conditionObj.value }} 次免费游戏机会</div>
<div v-else-if="item.conditionObj.type == 22">赠送 {{ item.conditionObj.value }} 次免费游戏机会</div>
<div v-else-if="item.conditionObj.type == 1">每参加 1 次游戏消耗 {{ item.conditionObj.value }} 积分</div>
......@@ -40,7 +40,7 @@
<div class="rule-item">
<div class="title">游戏说明</div>
<div class="value point" v-html="rule.gameRule"></div>
<div class="value" v-html="rule.gameRule"></div>
</div>
</div>
......@@ -167,7 +167,7 @@ export default {
}
.cell-top .title{
color: #27292B;
color: #21252B;
font-size: 17px;
padding: 0 10px;
font-weight: 600;
......@@ -255,23 +255,7 @@ export default {
color: #21252B;
font-size: 13px;
margin-top: 8px;
}
.rule-item .value.point{
padding-left: 10px;
position: relative;
}
.rule-item .value.point::before{
content: " ";
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
background: #38BDCD;
top: 7px;
left: 0;
z-index: 1;
white-space: pre-wrap;
}
......
......@@ -55,10 +55,7 @@
</div>
</div>
<share-img-dialog
:show.sync="showShareImgDialog"
v-bind="pyqOptions"
></share-img-dialog>
<fwh-qrcode-dialog v-bind.sync="fwhQrcodeOptions"></fwh-qrcode-dialog>
<alert-dialog v-bind.sync="alertOptions"></alert-dialog>
</div>
......@@ -73,19 +70,21 @@ const {
getGameShareQrCodeUrl,
} = gameRequestApi;
import AlertDialog from "./components/alert.vue";
import ShareImgDialog from "./components/share-img-dialog.vue";
import FwhQrcodeDialog from "./components/fwh-qrcode.vue";
import { Manager } from "../../manager";
export default {
components: {
ShareImgDialog,
FwhQrcodeDialog,
AlertDialog
},
data() {
return {
alertOptions:{},
showShareImgDialog: false,
fwhQrcodeOptions: {
show: false,
qrcodeUrl: '',
},
game:{},
helpDetail: {},
gameReward: []
......@@ -100,22 +99,22 @@ export default {
async loadData() {
console.log(this.$route.query);
let query = this.$route.query;
this.helpDetail = await getHelpDetail({
this.game = await getGameInfo({
enterpriseId: query.enterpriseId,
shareMemberId: query.shareMemberId,
gameId: query.gameId,
helpMemberId: query.memberId || '',
});
})
this.gameReward = await getGameReward({
enterpriseId: query.enterpriseId,
gameId: query.gameId,
})
this.game = await getGameInfo({
this.helpDetail = await getHelpDetail({
enterpriseId: query.enterpriseId,
shareMemberId: query.shareMemberId,
gameId: query.gameId,
})
helpMemberId: query.memberId || '',
});
},
toPlayGame() {
let query = this.$route.query;
......@@ -141,11 +140,10 @@ export default {
shareType: options.type == 12 ? 2 : 1,
});
this.pyqOptions = {
bgImage: options.shareReport,
this.fwhQrcodeOptions = {
show: true,
qrcodeUrl: result.qrCodeUrl,
};
this.showShareImgDialog = true;
},
},
};
......@@ -297,7 +295,7 @@ export default {
}
.cell-top .title {
color: #27292b;
color: #21252B;
font-size: 17px;
padding: 0 10px;
font-weight: 600;
......
......@@ -112,6 +112,7 @@ export default {
color: #21252B;
font-size: 15px;
padding: 20px 0 30px;
white-space: pre-wrap;
}
.handle-btn-box {
display: flex;
......
<template>
<div
class="dialog-bg"
v-if="show"
>
<div class="content">
<div class="content-detail-bg">
<div class="content-detail">
<div class="title">您还未认证会员</div>
<div class="subtitle">关注服务号,助力赢好礼</div>
<div class="qrcode-box">
<div class="image-box">
<img :src="qrcodeUrl" class="qrcode-img" />
</div>
<div class="tips">长按保存/识别二维码</div>
</div>
</div>
</div>
<div class="iconfont icon-guanbi" @click="close"></div>
</div>
</div>
</template>
<script>
export default {
props: {
show: Boolean,
qrcodeUrl: String,
},
data() {
return {};
},
methods: {
close() {
this.$emit("update:show", false);
},
},
};
</script>
<style scoped lang="scss">
.dialog-bg {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
background: rgba(0, 0, 0, 0.85);
}
.dialog-bg .content {
position: absolute;
z-index: 2;
left: 50%;
top: 45%;
transform: translate(-50%, -50%);
text-align: center;
width: 75%;
.content-detail-bg {
background: #D9FCF5;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #54fefe;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
padding: 8px 10px;
.content-detail {
border-radius: 10px;
border: 2px solid #ADC9C5;
text-align: center;
padding: 10px 13px;
.title {
color: #21252B;
font-weight: 600;
font-size: 20px;
padding-top: 15px;
}
.subtitle {
color: #21252B;
font-size: 15px;
padding: 20px 0 18px;
white-space: pre-wrap;
}
.qrcode-box {
margin: 0 auto;
text-align: center;
width: fit-content;
.image-box {
background: white;
padding: 5px;
border-radius: 4px;
border: 2px solid #ADC9C5;
.qrcode-img {
width: 110px;
height: 110px;
}
}
.tips {
color: #21252B;
text-align: center;
font-size: 12px;
padding: 8px 0 24px;
}
}
}
}
}
.dialog-bg .content .icon-guanbi {
margin: 40px auto 0;
color: white;
opacity: 0.8;
padding: 15px;
font-size: 28px;
height: 28px;
width: 28px;
}
</style>
......@@ -96,7 +96,7 @@ export default {
.dialog-bg .content .reward-log-text{
padding: 11px 0 14px;
font-size: 12px;
color: #27292B;
color: #21252B;
}
.dialog-bg .content .reward-log-text .color-text{
......
......@@ -254,7 +254,7 @@ export default {
}
.content .cell .info .title {
color: #27292b;
color: #21252B;
font-size: 14px;
font-weight: 600;
padding-bottom: 5px;
......@@ -296,7 +296,7 @@ export default {
justify-content: space-between;
position: relative;
padding: 10px 0;
color: #27292b;
color: #21252B;
font-size: 12px;
}
......
......@@ -19,9 +19,7 @@
<div class="integral" v-else-if="rule.integral">
{{ rule.integral || 0 }}积分/次
</div>
<div class="integral" v-else-if="rule.inviteNum">
邀请好友助力参与
</div>
<div class="integral" v-else-if="rule.inviteNum">邀请好友助力参与</div>
<swiper
class="swiper-class"
......@@ -30,10 +28,16 @@
:autoplay="swiperOptions.autoplay"
v-if="game.bulletFlag && barrageList && barrageList.length > 3"
>
<swiper-slide v-for="item in barrageList" :key="item">
<div class="swiper-item">
<swiper-slide v-for="item in barrageList.length * 2" :key="item">
<div
class="swiper-item"
v-if="item % 2 == 0 && barrageList[item] && barrageList[item]"
>
<img src="./images/tips_bg.png" />
<span>恭喜 {{ item.memberName }} 获得 {{ item.prizeName }}</span>
<span
>恭喜 {{ barrageList[item / 2].memberName }} 获得
{{ barrageList[item / 2].prizeName }}</span
>
</div>
</swiper-slide>
</swiper>
......@@ -145,6 +149,7 @@ const {
getIntegral,
getGameRule,
getGameShareQrCodeUrl,
shareEvent,
} = gameRequestApi;
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
......@@ -180,12 +185,7 @@ export default {
showShareImgDialog: false,
shareConditionObj: {},
alertOptions: {},
list: [
"刷卡拉拉卡",
"阿拉卡萨卢克和史莱克",
"刷卡拉拉卡",
"阿拉卡萨卢克和史莱克",
],
barrageList: [],
boxList: [
{
left: "calc(24% - 50px)",
......@@ -210,7 +210,7 @@ export default {
{
left: "calc(77% - 50px)",
top: "338px",
}
},
],
swiperOptions: {
direction: "vertical",
......@@ -254,19 +254,41 @@ export default {
},
false
);
document.addEventListener("visibilitychange", ()=> {
if(document.hidden){
this.isPlay = false;
this.audio.pause();
}
});
}
this.getGame();
this.getGameRule();
this.getGamePlayNumber();
this.getIntegral();
this.getGamePlayBarrage();
this.lookBuryPoint();
},
mounted() {
this.manager.startPolling();
},
mounted(){
destroyed() {
this.manager.stopPolling();
this.audio.pause();
document.removeEventListener("visibilitychange");
},
methods: {
lookBuryPoint() {
let query = this.$route.query;
if (query.memberId) {
shareEvent({
enterpriseId: query.enterpriseId || "",
memberId: query.memberId || "",
relationType: "game",
relationId: query.gameId || "",
event: 2,
});
}
},
async getGame() {
let res = await getGameInfo({
gameId: this.gameId,
......@@ -293,12 +315,12 @@ export default {
enterpriseId: this.enterpriseId,
});
let gameRuleConditionList = rule.gameRuleConditionList || [];
gameRuleConditionList.map((item)=>{
gameRuleConditionList.map((item) => {
let obj = JSON.parse(item.conditionJson);
if(+obj.type == 11 || +obj.type == 12){
if (+obj.type == 11 || +obj.type == 12) {
this.shareConditionObj = obj;
}
})
});
this.rule = rule;
window.wx.miniProgram.postMessage({
data: {
......@@ -335,29 +357,25 @@ export default {
let boxItem = prizeStyleList[itemIndex];
this.showOpenBoxDialog = true;
this.openBoxData = boxItem;
if(this.playNumberObj.playNumber == 0 && this.rule.integral && this.currentIntegral > this.rule.integral){
this.openBoxTitle = `每次参与游戏消耗${ this.rule.integral }积分${ this.playNumberObj.playNumberFlag ? '或参与次数' : '' }`
}else{
if (this.playNumberObj.playNumber == 0 && this.rule.integral) {
this.openBoxTitle = `每次参与游戏消耗${this.rule.integral}积分${
this.playNumberObj.playNumberFlag ? "或参与次数" : ""
}`;
} else {
this.openBoxTitle = "";
}
},
toGameRule() {
this.$router.push({
path: "/cmh/3/rule",
query: {
gameId: this.gameId,
enterpriseId: this.enterpriseId,
},
query: this.$route.query,
});
},
toMyReward() {
async toMyReward() {
await this.manager.checkPlay();
this.$router.push({
path: "/cmh/3/my-reward",
query: {
gameId: this.gameId,
enterpriseId: this.enterpriseId,
memberId: this.memberId,
},
query: this.$route.query,
});
},
playMusic() {
......@@ -369,7 +387,7 @@ export default {
}
},
async clickShareBtn() {
await this.manager.checkAttest();
await this.manager.checkPlay();
this.showShareSelectDialog = true;
},
async shareWx() {
......@@ -387,8 +405,8 @@ export default {
this.manager.shareWx({
title: options.shareTitle,
imageUrl: options.shareCard,
path: `/pages/page-transit/page-transit-qy?scene=${ linkId }`,
})
path: `/pages/page-transit/page-transit-qy?scene=${linkId}`,
});
},
async sharePyq() {
let options = this.shareConditionObj;
......@@ -408,8 +426,8 @@ export default {
},
clickAdImg() {
window.wx.miniProgram.navigateTo({
url: '/' + this.game.gameExt.adsLinkUrl,
})
url: "/" + this.game.gameExt.adsLinkUrl,
});
},
async open() {
let gameRes = await this.manager.play();
......@@ -517,7 +535,7 @@ export default {
border-radius: 8px;
border: 1px solid white;
background: rgba(255, 255, 255, 0.3);
color: #27292b;
color: #21252b;
font-size: 12px;
}
......@@ -574,6 +592,7 @@ export default {
animation-timing-function: ease-in;
animation-name: box-animation;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
......@@ -620,13 +639,13 @@ export default {
font-family: DINAlternate-Bold, DINAlternate;
font-size: 20px;
font-weight: 600;
color: #FFFFFF;
color: #ffffff;
line-height: 23px;
position: relative;
z-index: 2;
}
.text-box .text.number{
.text-box .text.number {
font-size: 40px;
line-height: 20px;
}
......@@ -672,11 +691,11 @@ export default {
width: 38px;
height: 38px;
border-radius: 50%;
background: #27292b;
background: #21252b;
box-shadow: inset 0px 3px 2px 0px rgba(243, 243, 243, 0.4);
}
.share-box .icon .iconfont {
background-image: -webkit-linear-gradient(180deg, #A7FAF6 0%, #D5F8E6 100%);
background-image: -webkit-linear-gradient(180deg, #a7faf6 0%, #d5f8e6 100%);
-webkit-background-clip: text;
......
......@@ -170,7 +170,7 @@ export default {
}
.cell-top .title {
color: #27292b;
color: #21252B;
font-size: 17px;
padding: 0 10px;
font-weight: 600;
......
......@@ -19,7 +19,7 @@
<div class="rule-item" v-if="rule.playConditionFlag">
<div class="title">参与门槛</div>
<div class="value point" v-for="item in rule.gameRuleConditionList" :key="item">
<div class="value" v-for="item in rule.gameRuleConditionList" :key="item">
<div v-if="item.conditionObj.type == 21">每天增加 {{ item.conditionObj.value }} 次免费游戏机会</div>
<div v-else-if="item.conditionObj.type == 22">赠送 {{ item.conditionObj.value }} 次免费游戏机会</div>
<div v-else-if="item.conditionObj.type == 1">每参加 1 次游戏消耗 {{ item.conditionObj.value }} 积分</div>
......@@ -40,7 +40,7 @@
<div class="rule-item">
<div class="title">游戏说明</div>
<div class="value point" v-html="rule.gameRule"></div>
<div class="value" v-html="rule.gameRule"></div>
</div>
</div>
......@@ -167,7 +167,7 @@ export default {
}
.cell-top .title{
color: #27292B;
color: #21252B;
font-size: 17px;
padding: 0 10px;
font-weight: 600;
......@@ -255,24 +255,10 @@ export default {
color: #21252B;
font-size: 13px;
margin-top: 8px;
white-space: pre-wrap;
}
.rule-item .value.point{
padding-left: 10px;
position: relative;
}
.rule-item .value.point::before{
content: " ";
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
background: #38BDCD;
top: 7px;
left: 0;
z-index: 1;
}
</style>
\ No newline at end of file
......@@ -55,10 +55,7 @@
</div>
</div>
<share-img-dialog
:show.sync="showShareImgDialog"
v-bind="pyqOptions"
></share-img-dialog>
<fwh-qrcode-dialog v-bind.sync="fwhQrcodeOptions"></fwh-qrcode-dialog>
<alert-dialog v-bind.sync="alertOptions"></alert-dialog>
</div>
......@@ -73,19 +70,21 @@ const {
getGameShareQrCodeUrl,
} = gameRequestApi;
import AlertDialog from "./components/alert.vue";
import ShareImgDialog from "./components/share-img-dialog.vue";
import FwhQrcodeDialog from "./components/fwh-qrcode.vue";
import { Manager } from "../../manager";
export default {
components: {
ShareImgDialog,
FwhQrcodeDialog,
AlertDialog
},
data() {
return {
alertOptions:{},
showShareImgDialog: false,
fwhQrcodeOptions: {
show: false,
qrcodeUrl: '',
},
game:{},
helpDetail: {},
gameReward: []
......@@ -100,22 +99,22 @@ export default {
async loadData() {
console.log(this.$route.query);
let query = this.$route.query;
this.helpDetail = await getHelpDetail({
this.game = await getGameInfo({
enterpriseId: query.enterpriseId,
shareMemberId: query.shareMemberId,
gameId: query.gameId,
helpMemberId: query.memberId || '',
});
})
this.gameReward = await getGameReward({
enterpriseId: query.enterpriseId,
gameId: query.gameId,
})
this.game = await getGameInfo({
this.helpDetail = await getHelpDetail({
enterpriseId: query.enterpriseId,
shareMemberId: query.shareMemberId,
gameId: query.gameId,
})
helpMemberId: query.memberId || '',
});
},
toPlayGame() {
let query = this.$route.query;
......@@ -141,11 +140,10 @@ export default {
shareType: options.type == 12 ? 2 : 1,
});
this.pyqOptions = {
bgImage: options.shareReport,
this.fwhQrcodeOptions = {
show: true,
qrcodeUrl: result.qrCodeUrl,
};
this.showShareImgDialog = true;
},
},
};
......@@ -297,7 +295,7 @@ export default {
}
.cell-top .title {
color: #27292b;
color: #21252B;
font-size: 17px;
padding: 0 10px;
font-weight: 600;
......
......@@ -9,11 +9,10 @@ const { getGameInfo } = gameRequestApi;
export default {
components: {},
data() {
return {
};
return {};
},
created() {
document.title = "";
this.loadData();
},
methods: {
......@@ -23,22 +22,23 @@ export default {
gameId: query.gameId,
enterpriseId: query.enterpriseId,
}).then((res) => {
let gameName = "";
document.title = res.gameName;
let gameTypeName = "";
switch (+res.templateType) {
case 1:
gameName = "cmh";
gameTypeName = "cmh";
break;
case 2:
break;
default:
break;
default:
break;
}
this.$router.replace({
path: `/${ gameName }/${ res.templateId }${ query.shareMemberId ? '/support' : '' }`,
query: query,
path: `/${gameTypeName}/${res.templateId}${
query.shareMemberId ? "/support" : ""
}`,
query: query,
});
});
},
},
......
......@@ -239,7 +239,7 @@ export function Manager(component) {
break;
case 2006:
// 用户积分不足
content = "当前积分不足,\n去先去获取些积分吧~";
content = "积分不足,\n先去获取些积分吧~";
buttonList = [{
text: "立即获取积分",
click: () => {
......@@ -278,16 +278,19 @@ export function Manager(component) {
})
}
this.checkPlay = ()=>{
return checkTime()
.then(checkAttest)
.then(checkLimit)
}
this.play = () => {
// .then(checkCount)
return checkTime()
.then(checkAttest)
.then(checkLimit)
return this.checkPlay()
.then(() => {
return play();
})
}
this.checkAttest = checkAttest;
const openCard = () => {
......@@ -328,28 +331,17 @@ export function Manager(component) {
let query = _component.$route.query;
let conditionObj;
let rule = await getGameRule({
gameId: query.gameId,
enterpriseId: query.enterpriseId,
})
let gameRuleConditionList = rule.gameRuleConditionList || [];
gameRuleConditionList.map((item) => {
let obj = JSON.parse(item.conditionJson);
if (+obj.type == 11 || +obj.type == 12) {
conditionObj = obj;
}
})
if(_component.helpDetail.helpStatus == 3){
if(query.memberId == query.shareMemberId){
showAlert({
show: true,
title: '仅差一步',
content: `很遗憾你已${ conditionObj.type == 12?'关注服务号':'认证' },无法助力好友 可立即参与游戏,赢取好礼`,
content: "无法为自己助力,赶快邀请好友助力",
buttonList: [
{
text: "参与游戏赢好礼",
click: () => {
hiddenAlert();
// window.wx.miniProgram
// TODO
_component.toPlayGame();
},
},
......@@ -361,17 +353,28 @@ export function Manager(component) {
return;
}
if(query.memberId == query.shareMemberId){
let rule = await getGameRule({
gameId: query.gameId,
enterpriseId: query.enterpriseId,
})
let gameRuleConditionList = rule.gameRuleConditionList || [];
gameRuleConditionList.map((item) => {
let obj = JSON.parse(item.conditionJson);
if (+obj.type == 11 || +obj.type == 12) {
conditionObj = obj;
}
})
if(_component.helpDetail.helpStatus == 3){
showAlert({
show: true,
content: "无法为自己助力,赶快邀请好友助力",
title: '仅差一步',
content: `很遗憾你已${ conditionObj.type == 12?'关注服务号':'认证' },无法助力好友 可立即参与游戏,赢取好礼`,
buttonList: [
{
text: "参与游戏赢好礼",
click: () => {
hiddenAlert();
// window.wx.miniProgram
// TODO
_component.toPlayGame();
},
},
......@@ -382,6 +385,7 @@ export function Manager(component) {
});
return;
}
if (conditionObj.type == 11) {
// 认证
if (+query.isAttest) {
......@@ -445,7 +449,7 @@ export function Manager(component) {
}
this.startPolling = ()=>{
pollingTimer = setInterval(() => {
pollingTimer = setInterval(function() {
playNumberPolling();
}, 10000);
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment