Commit 1a4e6c15 by 曾经

浏览埋点 助力服务号二维码提示

parent dc1b1137
.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
.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-6b7b1460]{position:relative}.page-bg[data-v-6b7b1460]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-6b7b1460]{width:100%}.content[data-v-6b7b1460]{position:relative;z-index:1}.content-top[data-v-6b7b1460]{text-align:center}.content-top .top-img[data-v-6b7b1460]{width:78%;margin:0 auto;padding:19px 0 10px}.content-top .top-tip-box[data-v-6b7b1460]{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-6b7b1460]{width:11px;height:2px;border-radius:1px;margin:0 7px}.content-top .top-tip-box .line.left[data-v-6b7b1460]{background:linear-gradient(270deg,#38bdcd,rgba(56,189,205,0));margin-right:9px}.content-top .top-tip-box .line.right[data-v-6b7b1460]{background:linear-gradient(270deg,rgba(56,189,205,0),#38bdcd);margin-left:9px}.content-top .top-tip-box .title[data-v-6b7b1460]{color:#21252b;font-size:15px}.content-cell[data-v-6b7b1460]{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-6b7b1460]{padding:40px 0 14px}.header-img[data-v-6b7b1460]{width:60px;height:60px;border-radius:50%;margin:0 auto;overflow:hidden}.friend-name[data-v-6b7b1460]{color:#21252b;font-size:16px;font-weight:600}.tip-text[data-v-6b7b1460]{color:#21252b;font-size:16px;padding-bottom:22px}.handle-btn[data-v-6b7b1460]{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-6b7b1460]:last-child{margin-bottom:23px}.handle-btn.disable[data-v-6b7b1460]{background:#c7c7c7}.handle-btn.red[data-v-6b7b1460]{background:#fd452d}.handle-btn.blue[data-v-6b7b1460]{background:#12b4bb}.cell-top[data-v-6b7b1460]{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-6b7b1460]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-6b7b1460]{color:#38bdcd;font-size:15px}.reward-box[data-v-6b7b1460]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-6b7b1460]{width:calc(50% - 19px);padding:0 6px 12px;text-align:left}.reward-item-box[data-v-6b7b1460]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-6b7b1460]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-6b7b1460]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-6b7b1460]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-6b7b1460]{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-6b7b1460]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-6b7b1460]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}
\ 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
.box[data-v-016fe1e6]{position:relative}.page-bg[data-v-016fe1e6]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-016fe1e6]{width:100%}.content[data-v-016fe1e6]{position:relative;z-index:1}.content-cell[data-v-016fe1e6]{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-016fe1e6]{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-016fe1e6]{color:#27292b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-016fe1e6]{color:#21252b;font-size:15px}.reward-box[data-v-016fe1e6]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-016fe1e6]{width:calc(50% - 19px);padding:0 6px 12px}.reward-item-box[data-v-016fe1e6]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-016fe1e6]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-016fe1e6]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-016fe1e6]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-016fe1e6]{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-016fe1e6]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-016fe1e6]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}.rule-item[data-v-016fe1e6]{padding:15px 13px 0}.rule-item[data-v-016fe1e6]:last-child{padding-bottom:16px}.rule-item .title[data-v-016fe1e6]{color:#21252b;font-size:14px;font-weight:600}.rule-item .value[data-v-016fe1e6]{color:#21252b;font-size:13px;margin-top:8px}.rule-item .value.point[data-v-016fe1e6]{position:relative;white-space:pre-wrap}
\ No newline at end of file
.dialog-bg[data-v-46f6f938]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.85)}.dialog-bg .content[data-v-46f6f938]{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-46f6f938]{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-46f6f938]{background:#fff;border-radius:10px;text-align:center;padding:10px 13px}.dialog-bg .content .content-detail-bg .content-detail .title[data-v-46f6f938]{color:#27292b;font-weight:600;font-size:20px;padding-top:15px}.dialog-bg .content .content-detail-bg .content-detail .subtitle[data-v-46f6f938]{color:#27292b;font-size:15px;padding:20px 0 30px;white-space:pre-wrap}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box[data-v-46f6f938]{display:flex;padding-bottom:15px;justify-content:center}.dialog-bg .content .content-detail-bg .content-detail .handle-btn-box .handle-btn[data-v-46f6f938]{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-46f6f938]:last-child{margin-right:0}.dialog-bg .content .icon-guanbi[data-v-46f6f938]{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-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-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}.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-3f719d56]{position:relative}.page-bg[data-v-3f719d56]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-3f719d56]{width:100%}.content[data-v-3f719d56]{position:relative;z-index:1}.content-cell[data-v-3f719d56]{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-3f719d56]{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-3f719d56]{color:#27292b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-3f719d56]{color:#21252b;font-size:15px}.reward-box[data-v-3f719d56]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-3f719d56]{width:calc(50% - 19px);padding:0 6px 12px}.reward-item-box[data-v-3f719d56]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-3f719d56]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-3f719d56]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-3f719d56]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-3f719d56]{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-3f719d56]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-3f719d56]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}.rule-item[data-v-3f719d56]{padding:15px 13px 0}.rule-item[data-v-3f719d56]:last-child{padding-bottom:16px}.rule-item .title[data-v-3f719d56]{color:#21252b;font-size:14px;font-weight:600}.rule-item .value[data-v-3f719d56]{color:#21252b;font-size:13px;margin-top:8px}.rule-item .value.point[data-v-3f719d56]{position:relative;white-space:pre-wrap}
\ 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
.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-6951cd64]{position:relative}.page-bg[data-v-6951cd64]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-6951cd64]{width:100%}.content[data-v-6951cd64]{position:relative;z-index:1}.content-top[data-v-6951cd64]{text-align:center}.content-top .top-img[data-v-6951cd64]{width:78%;margin:0 auto;padding:19px 0 10px}.content-top .top-tip-box[data-v-6951cd64]{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-6951cd64]{width:11px;height:2px;border-radius:1px;margin:0 7px}.content-top .top-tip-box .line.left[data-v-6951cd64]{background:linear-gradient(270deg,#38bdcd,rgba(56,189,205,0));margin-right:9px}.content-top .top-tip-box .line.right[data-v-6951cd64]{background:linear-gradient(270deg,rgba(56,189,205,0),#38bdcd);margin-left:9px}.content-top .top-tip-box .title[data-v-6951cd64]{color:#21252b;font-size:15px}.content-cell[data-v-6951cd64]{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-6951cd64]{padding:40px 0 14px}.header-img[data-v-6951cd64]{width:60px;height:60px;border-radius:50%;margin:0 auto;overflow:hidden}.friend-name[data-v-6951cd64]{color:#21252b;font-size:16px;font-weight:600}.tip-text[data-v-6951cd64]{color:#21252b;font-size:16px;padding-bottom:22px}.handle-btn[data-v-6951cd64]{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-6951cd64]:last-child{margin-bottom:23px}.handle-btn.disable[data-v-6951cd64]{background:#c7c7c7}.handle-btn.red[data-v-6951cd64]{background:#fd452d}.handle-btn.blue[data-v-6951cd64]{background:#12b4bb}.cell-top[data-v-6951cd64]{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-6951cd64]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-6951cd64]{color:#38bdcd;font-size:15px}.reward-box[data-v-6951cd64]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-6951cd64]{width:calc(50% - 19px);padding:0 6px 12px;text-align:left}.reward-item-box[data-v-6951cd64]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-6951cd64]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-6951cd64]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-6951cd64]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-6951cd64]{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-6951cd64]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-6951cd64]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}
\ 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}.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-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
.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-679a5a22]{position:relative}.page-bg[data-v-679a5a22]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-679a5a22]{width:100%}.content[data-v-679a5a22]{position:relative;z-index:1}.content-cell[data-v-679a5a22]{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-679a5a22]{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-679a5a22]{color:#27292b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-679a5a22]{color:#38bdcd;font-size:15px}.reward-box[data-v-679a5a22]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-679a5a22]{width:calc(50% - 19px);padding:0 6px 12px}.reward-item-box[data-v-679a5a22]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-679a5a22]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-679a5a22]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-679a5a22]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-679a5a22]{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-679a5a22]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-679a5a22]{color:#21252b;font-size:11px;font-weight:300;padding:4px 0 7px}.rule-item[data-v-679a5a22]{padding:15px 13px 0}.rule-item[data-v-679a5a22]:last-child{padding-bottom:16px}.rule-item .title[data-v-679a5a22]{color:#21252b;font-size:14px;font-weight:600}.rule-item .value[data-v-679a5a22]{color:#21252b;font-size:13px;margin-top:8px}.rule-item .value.point[data-v-679a5a22]{position:relative;white-space:pre-wrap}
\ 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-663274f0]{position:relative}.page-bg[data-v-663274f0]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-663274f0]{width:100%}.content[data-v-663274f0]{position:relative;z-index:1}.content-top[data-v-663274f0]{text-align:center}.content-top .top-img[data-v-663274f0]{width:78%;margin:0 auto;padding:19px 0 10px}.content-top .top-tip-box[data-v-663274f0]{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-663274f0]{width:11px;height:2px;border-radius:1px;margin:0 7px}.content-top .top-tip-box .line.left[data-v-663274f0]{background:linear-gradient(270deg,#38bdcd,rgba(56,189,205,0));margin-right:9px}.content-top .top-tip-box .line.right[data-v-663274f0]{background:linear-gradient(270deg,rgba(56,189,205,0),#38bdcd);margin-left:9px}.content-top .top-tip-box .title[data-v-663274f0]{color:#21252b;font-size:15px}.content-cell[data-v-663274f0]{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-663274f0]{padding:40px 0 14px}.header-img[data-v-663274f0]{width:60px;height:60px;border-radius:50%;margin:0 auto;overflow:hidden}.friend-name[data-v-663274f0]{color:#21252b;font-size:16px;font-weight:600}.tip-text[data-v-663274f0]{color:#21252b;font-size:16px;padding-bottom:22px}.handle-btn[data-v-663274f0]{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-663274f0]:last-child{margin-bottom:23px}.handle-btn.disable[data-v-663274f0]{background:#c7c7c7}.handle-btn.red[data-v-663274f0]{background:#fd452d}.handle-btn.blue[data-v-663274f0]{background:#12b4bb}.cell-top[data-v-663274f0]{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-663274f0]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-663274f0]{color:#38bdcd;font-size:15px}.reward-box[data-v-663274f0]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-663274f0]{width:calc(50% - 19px);padding:0 6px 12px;text-align:left}.reward-item-box[data-v-663274f0]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-663274f0]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-663274f0]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-663274f0]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-663274f0]{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-663274f0]{color:#21252b;font-size:14px;font-weight:500;padding:11px 0 0}.reward-item-detail .reward-des[data-v-663274f0]{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-1065d1b5.c05dcb96.css" rel="prefetch"><link href="css/chunk-224ffe4a.d213af49.css" rel="prefetch"><link href="css/chunk-277a0aba.622e34ac.css" rel="prefetch"><link href="css/chunk-32a6f4c5.505a2675.css" rel="prefetch"><link href="css/chunk-3874c2cc.74e692c3.css" rel="prefetch"><link href="css/chunk-49548be0.9391ac7e.css" rel="prefetch"><link href="css/chunk-5e6931c6.643e51ae.css" rel="prefetch"><link href="css/chunk-66f739ba.87fb9df1.css" rel="prefetch"><link href="css/chunk-71639305.f21c9ef5.css" rel="prefetch"><link href="css/chunk-e7667fd8.ed056e7e.css" rel="prefetch"><link href="css/chunk-f3b7486a.e9e3e91d.css" rel="prefetch"><link href="js/chunk-073265ea.6f0ddb8b.js" rel="prefetch"><link href="js/chunk-096c3a4a.2b02ff57.js" rel="prefetch"><link href="js/chunk-1065d1b5.8f20593d.js" rel="prefetch"><link href="js/chunk-224ffe4a.5d8936e7.js" rel="prefetch"><link href="js/chunk-277a0aba.3ef53044.js" rel="prefetch"><link href="js/chunk-32a6f4c5.f02159c3.js" rel="prefetch"><link href="js/chunk-3566c97c.576fe036.js" rel="prefetch"><link href="js/chunk-3874c2cc.71c64505.js" rel="prefetch"><link href="js/chunk-49548be0.cfd71517.js" rel="prefetch"><link href="js/chunk-4aa552e1.7fa49fe3.js" rel="prefetch"><link href="js/chunk-5e6931c6.abad0737.js" rel="prefetch"><link href="js/chunk-66f739ba.e56865e4.js" rel="prefetch"><link href="js/chunk-71639305.60b1bb5b.js" rel="prefetch"><link href="js/chunk-72be1171.dce6850f.js" rel="prefetch"><link href="js/chunk-e7667fd8.70ce3191.js" rel="prefetch"><link href="js/chunk-f3b7486a.bccd3098.js" rel="prefetch"><link href="js/app.7411e55b.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.7411e55b.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-077fcb17.cc6d592f.css" rel="prefetch"><link href="css/chunk-0d838931.be25db0a.css" rel="prefetch"><link href="css/chunk-2410ce38.dc0ab0ec.css" rel="prefetch"><link href="css/chunk-2cf8e503.31393620.css" rel="prefetch"><link href="css/chunk-55f61dda.dbb64464.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-5c1bcaa0.7955ac21.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-7aed77fc.3ce1f658.css" rel="prefetch"><link href="css/chunk-ecec09a8.e540af35.css" rel="prefetch"><link href="js/chunk-077fcb17.fbabdaf3.js" rel="prefetch"><link href="js/chunk-0d838931.ec57dba8.js" rel="prefetch"><link href="js/chunk-2410ce38.1cd193b3.js" rel="prefetch"><link href="js/chunk-2cf8e503.d788290d.js" rel="prefetch"><link href="js/chunk-3566c97c.576fe036.js" rel="prefetch"><link href="js/chunk-4aa552e1.7fa49fe3.js" rel="prefetch"><link href="js/chunk-55f61dda.11a3c0b2.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-5c1bcaa0.d8430d8b.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-7aed77fc.130d96a1.js" rel="prefetch"><link href="js/chunk-ecec09a8.4ab3eee1.js" rel="prefetch"><link href="js/app.b29e3ec8.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.b29e3ec8.js"></script></body></html>
\ 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,13 +104,13 @@ 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;
......
<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;
}
......
......@@ -145,6 +145,7 @@ const {
getIntegral,
getGameRule,
getGameShareQrCodeUrl,
shareEvent,
} = gameRequestApi;
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
......@@ -160,6 +161,7 @@ import RewardFailDialog from "./components/reward-fail.vue";
import ShareSelectDialog from "./components/share-select-dialog.vue";
import ShareImgDialog from "./components/share-img-dialog.vue";
import AlertDialog from "./components/alert.vue";
export default {
components: {
OpenBoxDialog,
......@@ -169,7 +171,7 @@ export default {
RewardFailDialog,
ShareSelectDialog,
ShareImgDialog,
AlertDialog,
AlertDialog
},
data() {
return {
......@@ -180,12 +182,7 @@ export default {
showShareImgDialog: false,
alertOptions: {},
shareConditionObj: {},
list: [
"刷卡拉拉卡",
"阿拉卡萨卢克和史莱克",
"刷卡拉拉卡",
"阿拉卡萨卢克和史莱克",
],
list: [],
boxList: [
{
left: "calc(51% - 47px)",
......@@ -274,11 +271,22 @@ export default {
this.getGamePlayBarrage();
this.manager.startPolling();
this.lookBuryPoint();
},
mounted(){
this.manager.stopPolling();
},
methods: {
lookBuryPoint(){
let query = this.$route.query;
if(query.memberId){
shareEvent({
enterpriseId: query.enterpriseId,
memberId: query.memberId
})
}
},
async getGame() {
let res = await getGameInfo({
gameId: this.gameId,
......@@ -524,7 +532,7 @@ export default {
border-radius: 8px;
border: 1px solid white;
background: rgba(255, 255, 255, 0.3);
color: #27292b;
color: #21252B;
font-size: 12px;
}
......@@ -677,7 +685,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 {
......
......@@ -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,10 +255,6 @@ export default {
color: #21252B;
font-size: 13px;
margin-top: 8px;
}
.rule-item .value.point{
position: relative;
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: []
};
},
......@@ -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;
......
<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;
}
......
......@@ -145,6 +145,7 @@ const {
getIntegral,
getGameRule,
getGameShareQrCodeUrl,
shareEvent,
} = gameRequestApi;
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
......@@ -180,12 +181,7 @@ export default {
showShareImgDialog: false,
shareConditionObj: {},
alertOptions: {},
list: [
"刷卡拉拉卡",
"阿拉卡萨卢克和史莱克",
"刷卡拉拉卡",
"阿拉卡萨卢克和史莱克",
],
list: [],
boxList: [
{
left: "calc(23% - 47px)",
......@@ -274,11 +270,22 @@ export default {
this.getGamePlayBarrage();
this.manager.startPolling();
this.lookBuryPoint();
},
mounted(){
this.manager.stopPolling();
},
methods: {
lookBuryPoint(){
let query = this.$route.query;
if(query.memberId){
shareEvent({
enterpriseId: query.enterpriseId,
memberId: query.memberId
})
}
},
async getGame() {
let res = await getGameInfo({
gameId: this.gameId,
......@@ -522,7 +529,7 @@ export default {
border-radius: 8px;
border: 1px solid white;
background: rgba(255, 255, 255, 0.3);
color: #27292b;
color: #21252B;
font-size: 12px;
}
......@@ -675,7 +682,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,10 +255,6 @@ export default {
color: #21252B;
font-size: 13px;
margin-top: 8px;
}
.rule-item .value.point{
position: relative;
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: true,
qrcodeUrl: 'https://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTI89L5ribdQL1IVTpWZMI0unWZsjhXAvbgbbibdCBoEjs204GJsaoHq1l5bWIYpV6ziaPr1UaJGMBmVQ/132',
},
game:{},
helpDetail: {},
gameReward: []
......@@ -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;
......
<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;
}
......
......@@ -145,6 +145,7 @@ const {
getIntegral,
getGameRule,
getGameShareQrCodeUrl,
shareEvent,
} = gameRequestApi;
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
......@@ -180,12 +181,7 @@ export default {
showShareImgDialog: false,
shareConditionObj: {},
alertOptions: {},
list: [
"刷卡拉拉卡",
"阿拉卡萨卢克和史莱克",
"刷卡拉拉卡",
"阿拉卡萨卢克和史莱克",
],
list: [],
boxList: [
{
left: "calc(24% - 50px)",
......@@ -262,11 +258,22 @@ export default {
this.getGamePlayBarrage();
this.manager.startPolling();
this.lookBuryPoint();
},
mounted(){
this.manager.stopPolling();
},
methods: {
lookBuryPoint(){
let query = this.$route.query;
if(query.memberId){
shareEvent({
enterpriseId: query.enterpriseId,
memberId: query.memberId
})
}
},
async getGame() {
let res = await getGameInfo({
gameId: this.gameId,
......@@ -510,7 +517,7 @@ export default {
border-radius: 8px;
border: 1px solid white;
background: rgba(255, 255, 255, 0.3);
color: #27292b;
color: #21252B;
font-size: 12px;
}
......@@ -665,7 +672,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,13 +255,10 @@ export default {
color: #21252B;
font-size: 13px;
margin-top: 8px;
}
.rule-item .value.point{
position: relative;
white-space: pre-wrap;
}
</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: true,
qrcodeUrl: 'https://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTI89L5ribdQL1IVTpWZMI0unWZsjhXAvbgbbibdCBoEjs204GJsaoHq1l5bWIYpV6ziaPr1UaJGMBmVQ/132',
},
game:{},
helpDetail: {},
gameReward: []
......@@ -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;
......
......@@ -239,7 +239,7 @@ export function Manager(component) {
break;
case 2006:
// 用户积分不足
content = "积分不足,\n先去获取些积分吧~";
content = "积分不足,\n先去获取些积分吧~";
buttonList = [{
text: "立即获取积分",
click: () => {
......@@ -331,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();
},
},
......@@ -364,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();
},
},
......@@ -385,6 +385,7 @@ export function Manager(component) {
});
return;
}
if (conditionObj.type == 11) {
// 认证
if (+query.isAttest) {
......
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