Commit 13540d67 by 曾经

参与次数提示文案

自己给自己助力提示文案以及按钮事件
parent fdada771
.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-6e0420c2]{position:relative}.page-bg[data-v-6e0420c2]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-6e0420c2]{width:100%}.content[data-v-6e0420c2]{position:relative;z-index:1}.content-cell[data-v-6e0420c2]{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-6e0420c2]{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-6e0420c2]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-6e0420c2]{color:#21252b;font-size:15px}.infinite-list[data-v-6e0420c2]{overflow:auto;padding:10px 13px;margin-bottom:1px}.reward-item-box[data-v-6e0420c2]{padding:5px 0}.reward-item[data-v-6e0420c2]{display:flex;padding:12px;background:#f6f6f6;border-radius:4px}.reward-item .reward-img-box[data-v-6e0420c2]{width:80px;height:80px;min-width: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-6e0420c2]{width:66px;height:66px}.reward-item .reward-info[data-v-6e0420c2]{padding-left:10px}.reward-info .reward-name[data-v-6e0420c2]{color:#21252b;font-size:14px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reward-info .reward-condition[data-v-6e0420c2]{margin:3px 0 5px;color:#21252b;font-weight:300;font-size:12px;height:33px;word-break:break-all;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.reward-info .reward-time[data-v-6e0420c2]{color:#21252b;font-weight:300;font-size:13px}.empty-box[data-v-6e0420c2]{text-align:center;background:#fff}.empty-box .empty-img[data-v-6e0420c2]{margin:0 auto;padding:80px 0 20px;width:180px;height:167px}.empty-box .title[data-v-6e0420c2]{color:#21252b;font-size:16px;font-weight:600;padding:0 9px}.empty-box .subtitle[data-v-6e0420c2]{color:#63666b;font-size:14px;max-width:229px;margin:0 auto}.empty-box .play-btn[data-v-6e0420c2]{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-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
.box[data-v-283d6992]{position:relative}.page-bg[data-v-283d6992]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-283d6992]{width:100%}.content[data-v-283d6992]{position:relative;z-index:1}.content-cell[data-v-283d6992]{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-283d6992]{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-283d6992]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-283d6992]{color:#21252b;font-size:15px}.reward-box[data-v-283d6992]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-283d6992]{width:calc(50% - 19px);padding:0 6px 12px}.reward-item-box[data-v-283d6992]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-283d6992]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-283d6992]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-283d6992]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-283d6992]{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-283d6992]{font-size:14px;font-weight:500;margin:11px 0 0}.reward-item-detail .reward-des[data-v-283d6992],.reward-item-detail .reward-name[data-v-283d6992]{color:#21252b;word-break:break-all;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.reward-item-detail .reward-des[data-v-283d6992]{font-size:11px;font-weight:300;margin:4px 0 7px}.rule-item[data-v-283d6992]{padding:15px 13px 0}.rule-item[data-v-283d6992]:last-child{padding-bottom:16px}.rule-item .title[data-v-283d6992]{color:#21252b;font-size:14px;font-weight:600}.rule-item .value[data-v-283d6992]{color:#21252b;font-size:13px;margin-top:8px;white-space:pre-wrap}
\ No newline at end of file
.box[data-v-4125f473]{position:relative}.page-bg[data-v-4125f473]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-4125f473]{width:100%}.content[data-v-4125f473]{position:relative;z-index:1}.content-cell[data-v-4125f473]{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-4125f473]{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-4125f473]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-4125f473]{color:#38bdcd;font-size:15px}.infinite-list[data-v-4125f473]{overflow:auto;padding:10px 13px;margin-bottom:1px}.reward-item-box[data-v-4125f473]{padding:5px 0}.reward-item[data-v-4125f473]{display:flex;padding:12px;background:#f6f6f6;border-radius:4px}.reward-item .reward-img-box[data-v-4125f473]{width:80px;height:80px;min-width: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-4125f473]{width:66px;height:66px}.reward-item .reward-info[data-v-4125f473]{padding-left:10px}.reward-info .reward-name[data-v-4125f473]{color:#21252b;font-size:14px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reward-info .reward-condition[data-v-4125f473]{margin:3px 0 5px;color:#21252b;font-weight:300;font-size:12px;height:33px;word-break:break-all;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.reward-info .reward-time[data-v-4125f473]{color:#21252b;font-weight:300;font-size:13px}.empty-box[data-v-4125f473]{text-align:center;background:#fff}.empty-box .empty-img[data-v-4125f473]{margin:0 auto;padding:80px 0 20px;width:180px;height:167px}.empty-box .title[data-v-4125f473]{color:#21252b;font-size:16px;font-weight:600;padding:0 9px}.empty-box .subtitle[data-v-4125f473]{color:#63666b;font-size:14px;max-width:229px;margin:0 auto}.empty-box .play-btn[data-v-4125f473]{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-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-2b63207a]{position:relative}.page-bg[data-v-2b63207a]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-2b63207a]{width:100%}.content[data-v-2b63207a]{position:relative;z-index:1}.content-cell[data-v-2b63207a]{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-2b63207a]{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-2b63207a]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-2b63207a]{color:#21252b;font-size:15px}.infinite-list[data-v-2b63207a]{overflow:auto;padding:10px 13px;margin-bottom:1px}.reward-item-box[data-v-2b63207a]{padding:5px 0}.reward-item[data-v-2b63207a]{display:flex;padding:12px;background:#f6f6f6;border-radius:4px}.reward-item .reward-img-box[data-v-2b63207a]{width:80px;height:80px;min-width: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-2b63207a]{width:66px;height:66px}.reward-item .reward-info[data-v-2b63207a]{padding-left:10px}.reward-info .reward-name[data-v-2b63207a]{color:#21252b;font-size:14px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reward-info .reward-condition[data-v-2b63207a]{padding:3px 0 5px;color:#21252b;font-weight:300;font-size:12px;height:33px;word-break:break-all;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.reward-info .reward-time[data-v-2b63207a]{color:#21252b;font-weight:300;font-size:13px}.empty-box[data-v-2b63207a]{text-align:center;background:#fff}.empty-box .empty-img[data-v-2b63207a]{margin:0 auto;padding:80px 0 20px;width:180px;height:167px}.empty-box .title[data-v-2b63207a]{color:#21252b;font-size:16px;font-weight:600;padding:0 9px}.empty-box .subtitle[data-v-2b63207a]{color:#63666b;font-size:14px;max-width:229px;margin:0 auto}.empty-box .play-btn[data-v-2b63207a]{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-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
.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-1dd94934]{position:relative}.page-bg[data-v-1dd94934]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-1dd94934]{width:100%}.content[data-v-1dd94934]{position:relative;z-index:1}.content-cell[data-v-1dd94934]{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-1dd94934]{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-1dd94934]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-1dd94934]{color:#21252b;font-size:15px}.reward-box[data-v-1dd94934]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-1dd94934]{width:calc(50% - 19px);padding:0 6px 12px}.reward-item-box[data-v-1dd94934]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-1dd94934]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-1dd94934]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-1dd94934]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-1dd94934]{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-1dd94934]{font-size:14px;font-weight:500;margin:11px 0 0}.reward-item-detail .reward-des[data-v-1dd94934],.reward-item-detail .reward-name[data-v-1dd94934]{color:#21252b;word-break:break-all;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.reward-item-detail .reward-des[data-v-1dd94934]{font-size:11px;font-weight:300;margin:4px 0 7px}.rule-item[data-v-1dd94934]{padding:15px 13px 0}.rule-item[data-v-1dd94934]:last-child{padding-bottom:16px}.rule-item .title[data-v-1dd94934]{color:#21252b;font-size:14px;font-weight:600}.rule-item .value[data-v-1dd94934]{color:#21252b;font-size:13px;margin-top:8px;white-space:pre-wrap}
\ No newline at end of file
.box[data-v-a95e1e1a]{position:relative}.page-bg[data-v-a95e1e1a]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-a95e1e1a]{width:100%}.content[data-v-a95e1e1a]{position:relative;z-index:1}.content-cell[data-v-a95e1e1a]{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-a95e1e1a]{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-a95e1e1a]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-a95e1e1a]{color:#38bdcd;font-size:15px}.reward-box[data-v-a95e1e1a]{padding:15px 0 6px;display:flex;flex-wrap:wrap}.reward-item-box[data-v-a95e1e1a]{width:calc(50% - 19px);padding:0 6px 12px}.reward-item-box[data-v-a95e1e1a]:nth-child(odd){padding-left:13px}.reward-item-box[data-v-a95e1e1a]:nth-child(2n+2){padding-right:13px}.reward-item-detail[data-v-a95e1e1a]{background:#f6f6f6;border-radius:4px;padding:6px}.reward-item-detail .img-box[data-v-a95e1e1a]{padding-top:100%;position:relative;background:#fff}.reward-item-detail .img-box .reward-img[data-v-a95e1e1a]{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-a95e1e1a]{font-size:14px;font-weight:500;margin:11px 0 0}.reward-item-detail .reward-des[data-v-a95e1e1a],.reward-item-detail .reward-name[data-v-a95e1e1a]{color:#21252b;word-break:break-all;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.reward-item-detail .reward-des[data-v-a95e1e1a]{font-size:11px;font-weight:300;margin:4px 0 7px}.rule-item[data-v-a95e1e1a]{padding:15px 13px 0}.rule-item[data-v-a95e1e1a]:last-child{padding-bottom:16px}.rule-item .title[data-v-a95e1e1a]{color:#21252b;font-size:14px;font-weight:600}.rule-item .value[data-v-a95e1e1a]{color:#21252b;font-size:13px;margin-top:8px;white-space:pre-wrap}
\ 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-048ae722.9b5237f5.css" rel="prefetch"><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-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-950e85e2.dd760919.css" rel="prefetch"><link href="css/chunk-b1647554.1a9788f3.css" rel="prefetch"><link href="js/chunk-048ae722.248a3d8e.js" rel="prefetch"><link href="js/chunk-0d838931.e20c832f.js" rel="prefetch"><link href="js/chunk-1c6fffe8.ccc1bb7e.js" rel="prefetch"><link href="js/chunk-2410ce38.1cd193b3.js" rel="prefetch"><link href="js/chunk-3566c97c.576fe036.js" rel="prefetch"><link href="js/chunk-3e566bce.712fe58f.js" rel="prefetch"><link href="js/chunk-4323df0c.0419004f.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.d167b36c.js" rel="prefetch"><link href="js/chunk-6128095e.88036cfd.js" rel="prefetch"><link href="js/chunk-67525272.5e53640a.js" rel="prefetch"><link href="js/chunk-71639305.2818b5b3.js" rel="prefetch"><link href="js/chunk-72be1171.dce6850f.js" rel="prefetch"><link href="js/chunk-950e85e2.22d140ae.js" rel="prefetch"><link href="js/chunk-b1647554.7d72b9e8.js" rel="prefetch"><link href="js/app.98b8cb71.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.98b8cb71.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-12608054.b4827a90.css" rel="prefetch"><link href="css/chunk-19f41208.93bdc1c9.css" rel="prefetch"><link href="css/chunk-27bd14e0.0ae407ec.css" rel="prefetch"><link href="css/chunk-29a146f8.185fbb6d.css" rel="prefetch"><link href="css/chunk-2b22ecfb.e4d72dea.css" rel="prefetch"><link href="css/chunk-390246b3.da21bd50.css" rel="prefetch"><link href="css/chunk-4b1efb49.432dbb80.css" rel="prefetch"><link href="css/chunk-4dc8764e.31ee0d3d.css" rel="prefetch"><link href="css/chunk-5e763b86.2a2f1112.css" rel="prefetch"><link href="css/chunk-7107f620.2476efe0.css" rel="prefetch"><link href="css/chunk-71639305.f21c9ef5.css" rel="prefetch"><link href="css/chunk-7841c25a.c4473de3.css" rel="prefetch"><link href="css/chunk-ff0867f0.3c63d4b8.css" rel="prefetch"><link href="js/chunk-12608054.564a5f31.js" rel="prefetch"><link href="js/chunk-19f41208.efc78480.js" rel="prefetch"><link href="js/chunk-27bd14e0.29371a5a.js" rel="prefetch"><link href="js/chunk-29a146f8.08587388.js" rel="prefetch"><link href="js/chunk-2b22ecfb.c9c0d99e.js" rel="prefetch"><link href="js/chunk-3566c97c.576fe036.js" rel="prefetch"><link href="js/chunk-390246b3.90503edf.js" rel="prefetch"><link href="js/chunk-4aa552e1.7fa49fe3.js" rel="prefetch"><link href="js/chunk-4b1efb49.6141fb50.js" rel="prefetch"><link href="js/chunk-4dc8764e.0db119f9.js" rel="prefetch"><link href="js/chunk-5e763b86.81302a13.js" rel="prefetch"><link href="js/chunk-7107f620.e29d7579.js" rel="prefetch"><link href="js/chunk-71639305.a1545bf5.js" rel="prefetch"><link href="js/chunk-72be1171.dce6850f.js" rel="prefetch"><link href="js/chunk-7841c25a.d2479c09.js" rel="prefetch"><link href="js/chunk-ff0867f0.79bd53e4.js" rel="prefetch"><link href="js/app.fb450515.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.fb450515.js"></script></body></html>
\ No newline at end of file
(function(e){function n(n){for(var t,u,a=n[0],h=n[1],i=n[2],l=0,f=[];l<a.length;l++)u=a[l],Object.prototype.hasOwnProperty.call(r,u)&&r[u]&&f.push(r[u][0]),r[u]=0;for(t in h)Object.prototype.hasOwnProperty.call(h,t)&&(e[t]=h[t]);d&&d(n);while(f.length)f.shift()();return o.push.apply(o,i||[]),c()}function c(){for(var e,n=0;n<o.length;n++){for(var c=o[n],t=!0,u=1;u<c.length;u++){var a=c[u];0!==r[a]&&(t=!1)}t&&(o.splice(n--,1),e=h(h.s=c[0]))}return e}var t={},u={app:0},r={app:0},o=[];function a(e){return h.p+"js/"+({}[e]||e)+"."+{"chunk-3566c97c":"576fe036","chunk-4aa552e1":"7fa49fe3","chunk-72be1171":"dce6850f","chunk-0d838931":"e20c832f","chunk-1c6fffe8":"ccc1bb7e","chunk-2410ce38":"1cd193b3","chunk-3e566bce":"712fe58f","chunk-4323df0c":"0419004f","chunk-59c0f4d5":"df925f78","chunk-5b606ee5":"d167b36c","chunk-6128095e":"88036cfd","chunk-67525272":"5e53640a","chunk-71639305":"2818b5b3","chunk-048ae722":"248a3d8e","chunk-950e85e2":"22d140ae","chunk-b1647554":"7d72b9e8"}[e]+".js"}function h(n){if(t[n])return t[n].exports;var c=t[n]={i:n,l:!1,exports:{}};return e[n].call(c.exports,c,c.exports,h),c.l=!0,c.exports}h.e=function(e){var n=[],c={"chunk-0d838931":1,"chunk-1c6fffe8":1,"chunk-2410ce38":1,"chunk-3e566bce":1,"chunk-4323df0c":1,"chunk-59c0f4d5":1,"chunk-5b606ee5":1,"chunk-6128095e":1,"chunk-67525272":1,"chunk-71639305":1,"chunk-048ae722":1,"chunk-950e85e2":1,"chunk-b1647554":1};u[e]?n.push(u[e]):0!==u[e]&&c[e]&&n.push(u[e]=new Promise((function(n,c){for(var t="css/"+({}[e]||e)+"."+{"chunk-3566c97c":"31d6cfe0","chunk-4aa552e1":"31d6cfe0","chunk-72be1171":"31d6cfe0","chunk-0d838931":"be25db0a","chunk-1c6fffe8":"6d3d760a","chunk-2410ce38":"dc0ab0ec","chunk-3e566bce":"48f52058","chunk-4323df0c":"b7f06c60","chunk-59c0f4d5":"0e6c0212","chunk-5b606ee5":"97973e1a","chunk-6128095e":"0e3f4eb8","chunk-67525272":"4fb8d824","chunk-71639305":"f21c9ef5","chunk-048ae722":"9b5237f5","chunk-950e85e2":"dd760919","chunk-b1647554":"1a9788f3"}[e]+".css",r=h.p+t,o=document.getElementsByTagName("link"),a=0;a<o.length;a++){var i=o[a],l=i.getAttribute("data-href")||i.getAttribute("href");if("stylesheet"===i.rel&&(l===t||l===r))return n()}var f=document.getElementsByTagName("style");for(a=0;a<f.length;a++){i=f[a],l=i.getAttribute("data-href");if(l===t||l===r)return n()}var d=document.createElement("link");d.rel="stylesheet",d.type="text/css",d.onload=n,d.onerror=function(n){var t=n&&n.target&&n.target.src||r,o=new Error("Loading CSS chunk "+e+" failed.\n("+t+")");o.code="CSS_CHUNK_LOAD_FAILED",o.request=t,delete u[e],d.parentNode.removeChild(d),c(o)},d.href=r;var p=document.getElementsByTagName("head")[0];p.appendChild(d)})).then((function(){u[e]=0})));var t=r[e];if(0!==t)if(t)n.push(t[2]);else{var o=new Promise((function(n,c){t=r[e]=[n,c]}));n.push(t[2]=o);var i,l=document.createElement("script");l.charset="utf-8",l.timeout=120,h.nc&&l.setAttribute("nonce",h.nc),l.src=a(e);var f=new Error;i=function(n){l.onerror=l.onload=null,clearTimeout(d);var c=r[e];if(0!==c){if(c){var t=n&&("load"===n.type?"missing":n.type),u=n&&n.target&&n.target.src;f.message="Loading chunk "+e+" failed.\n("+t+": "+u+")",f.name="ChunkLoadError",f.type=t,f.request=u,c[1](f)}r[e]=void 0}};var d=setTimeout((function(){i({type:"timeout",target:l})}),12e4);l.onerror=l.onload=i,document.head.appendChild(l)}return Promise.all(n)},h.m=e,h.c=t,h.d=function(e,n,c){h.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:c})},h.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},h.t=function(e,n){if(1&n&&(e=h(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var c=Object.create(null);if(h.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var t in e)h.d(c,t,function(n){return e[n]}.bind(null,t));return c},h.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return h.d(n,"a",n),n},h.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},h.p="",h.oe=function(e){throw console.error(e),e};var i=window["webpackJsonp"]=window["webpackJsonp"]||[],l=i.push.bind(i);i.push=n,i=i.slice();for(var f=0;f<i.length;f++)n(i[f]);var d=l;o.push([0,"chunk-vendors"]),c()})({0:function(e,n,c){e.exports=c("56d7")},"56d7":function(e,n,c){"use strict";c.r(n);c("e260"),c("e6cf"),c("cca6"),c("a79d");var t=c("8bbf"),u=c.n(t),r=function(){var e=this,n=e.$createElement,c=e._self._c||n;return c("div",{attrs:{id:"app"}},[c("router-view")],1)},o=[],a={name:"App"},h=a,i=c("2877"),l=Object(i["a"])(h,r,o,!1,null,null,null),f=l.exports,d=c("cebe"),p=c.n(d),s=(c("d3b7"),c("3ca3"),c("ddb0"),c("6389")),k=c.n(s);u.a.use(k.a);var b=[{path:"/",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-4aa552e1")]).then(c.bind(null,"6e78"))}},{path:"/cmh/1",name:"猜盲盒",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-71639305"),c.e("chunk-048ae722")]).then(c.bind(null,"28b8"))}},{path:"/cmh/1/rule",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-67525272")]).then(c.bind(null,"e214"))},name:"游戏规则"},{path:"/cmh/1/my-reward",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-0d838931")]).then(c.bind(null,"393a"))},name:"我的奖品"},{path:"/cmh/1/support",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-4323df0c")]).then(c.bind(null,"95c8"))},name:"助力拆盲盒"},{path:"/cmh/2",name:"猜盲盒",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-71639305"),c.e("chunk-950e85e2")]).then(c.bind(null,"a893"))}},{path:"/cmh/2/rule",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-2410ce38")]).then(c.bind(null,"0f3e"))},name:"游戏规则"},{path:"/cmh/2/my-reward",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-6128095e")]).then(c.bind(null,"415c"))},name:"我的奖品"},{path:"/cmh/2/support",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-1c6fffe8")]).then(c.bind(null,"5f60"))},name:"助力拆盲盒"},{path:"/cmh/3",name:"猜盲盒",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-71639305"),c.e("chunk-b1647554")]).then(c.bind(null,"c2c8"))}},{path:"/cmh/3/rule",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-59c0f4d5")]).then(c.bind(null,"3b16"))},name:"游戏规则"},{path:"/cmh/3/my-reward",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-5b606ee5")]).then(c.bind(null,"14ab"))},name:"我的奖品"},{path:"/cmh/3/support",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-3e566bce")]).then(c.bind(null,"a4fa"))},name:"助力拆盲盒"}],m=new k.a({base:"/",routes:b}),v=m;u.a.config.productionTip=!1,u.a.prototype.axios=p.a,u.a.prototype.axios.defaults.withCredentials=!0,new u.a({router:v,render:function(e){return e(f)}}).$mount("#app")},6389:function(e,n){e.exports=VueRouter},"8bbf":function(e,n){e.exports=Vue},cebe:function(e,n){e.exports=axios}});
\ No newline at end of file
(function(e){function n(n){for(var t,u,a=n[0],h=n[1],f=n[2],i=0,l=[];i<a.length;i++)u=a[i],Object.prototype.hasOwnProperty.call(r,u)&&r[u]&&l.push(r[u][0]),r[u]=0;for(t in h)Object.prototype.hasOwnProperty.call(h,t)&&(e[t]=h[t]);d&&d(n);while(l.length)l.shift()();return o.push.apply(o,f||[]),c()}function c(){for(var e,n=0;n<o.length;n++){for(var c=o[n],t=!0,u=1;u<c.length;u++){var a=c[u];0!==r[a]&&(t=!1)}t&&(o.splice(n--,1),e=h(h.s=c[0]))}return e}var t={},u={app:0},r={app:0},o=[];function a(e){return h.p+"js/"+({}[e]||e)+"."+{"chunk-3566c97c":"576fe036","chunk-4aa552e1":"7fa49fe3","chunk-72be1171":"dce6850f","chunk-12608054":"564a5f31","chunk-19f41208":"efc78480","chunk-2b22ecfb":"c9c0d99e","chunk-390246b3":"90503edf","chunk-4b1efb49":"6141fb50","chunk-4dc8764e":"0db119f9","chunk-7107f620":"e29d7579","chunk-71639305":"a1545bf5","chunk-27bd14e0":"29371a5a","chunk-29a146f8":"08587388","chunk-5e763b86":"81302a13","chunk-7841c25a":"d2479c09","chunk-ff0867f0":"79bd53e4"}[e]+".js"}function h(n){if(t[n])return t[n].exports;var c=t[n]={i:n,l:!1,exports:{}};return e[n].call(c.exports,c,c.exports,h),c.l=!0,c.exports}h.e=function(e){var n=[],c={"chunk-12608054":1,"chunk-19f41208":1,"chunk-2b22ecfb":1,"chunk-390246b3":1,"chunk-4b1efb49":1,"chunk-4dc8764e":1,"chunk-7107f620":1,"chunk-71639305":1,"chunk-27bd14e0":1,"chunk-29a146f8":1,"chunk-5e763b86":1,"chunk-7841c25a":1,"chunk-ff0867f0":1};u[e]?n.push(u[e]):0!==u[e]&&c[e]&&n.push(u[e]=new Promise((function(n,c){for(var t="css/"+({}[e]||e)+"."+{"chunk-3566c97c":"31d6cfe0","chunk-4aa552e1":"31d6cfe0","chunk-72be1171":"31d6cfe0","chunk-12608054":"b4827a90","chunk-19f41208":"93bdc1c9","chunk-2b22ecfb":"e4d72dea","chunk-390246b3":"da21bd50","chunk-4b1efb49":"432dbb80","chunk-4dc8764e":"31ee0d3d","chunk-7107f620":"2476efe0","chunk-71639305":"f21c9ef5","chunk-27bd14e0":"0ae407ec","chunk-29a146f8":"185fbb6d","chunk-5e763b86":"2a2f1112","chunk-7841c25a":"c4473de3","chunk-ff0867f0":"3c63d4b8"}[e]+".css",r=h.p+t,o=document.getElementsByTagName("link"),a=0;a<o.length;a++){var f=o[a],i=f.getAttribute("data-href")||f.getAttribute("href");if("stylesheet"===f.rel&&(i===t||i===r))return n()}var l=document.getElementsByTagName("style");for(a=0;a<l.length;a++){f=l[a],i=f.getAttribute("data-href");if(i===t||i===r)return n()}var d=document.createElement("link");d.rel="stylesheet",d.type="text/css",d.onload=n,d.onerror=function(n){var t=n&&n.target&&n.target.src||r,o=new Error("Loading CSS chunk "+e+" failed.\n("+t+")");o.code="CSS_CHUNK_LOAD_FAILED",o.request=t,delete u[e],d.parentNode.removeChild(d),c(o)},d.href=r;var p=document.getElementsByTagName("head")[0];p.appendChild(d)})).then((function(){u[e]=0})));var t=r[e];if(0!==t)if(t)n.push(t[2]);else{var o=new Promise((function(n,c){t=r[e]=[n,c]}));n.push(t[2]=o);var f,i=document.createElement("script");i.charset="utf-8",i.timeout=120,h.nc&&i.setAttribute("nonce",h.nc),i.src=a(e);var l=new Error;f=function(n){i.onerror=i.onload=null,clearTimeout(d);var c=r[e];if(0!==c){if(c){var t=n&&("load"===n.type?"missing":n.type),u=n&&n.target&&n.target.src;l.message="Loading chunk "+e+" failed.\n("+t+": "+u+")",l.name="ChunkLoadError",l.type=t,l.request=u,c[1](l)}r[e]=void 0}};var d=setTimeout((function(){f({type:"timeout",target:i})}),12e4);i.onerror=i.onload=f,document.head.appendChild(i)}return Promise.all(n)},h.m=e,h.c=t,h.d=function(e,n,c){h.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:c})},h.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},h.t=function(e,n){if(1&n&&(e=h(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var c=Object.create(null);if(h.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var t in e)h.d(c,t,function(n){return e[n]}.bind(null,t));return c},h.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return h.d(n,"a",n),n},h.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},h.p="",h.oe=function(e){throw console.error(e),e};var f=window["webpackJsonp"]=window["webpackJsonp"]||[],i=f.push.bind(f);f.push=n,f=f.slice();for(var l=0;l<f.length;l++)n(f[l]);var d=i;o.push([0,"chunk-vendors"]),c()})({0:function(e,n,c){e.exports=c("56d7")},"56d7":function(e,n,c){"use strict";c.r(n);c("e260"),c("e6cf"),c("cca6"),c("a79d");var t=c("8bbf"),u=c.n(t),r=function(){var e=this,n=e.$createElement,c=e._self._c||n;return c("div",{attrs:{id:"app"}},[c("router-view")],1)},o=[],a={name:"App"},h=a,f=c("2877"),i=Object(f["a"])(h,r,o,!1,null,null,null),l=i.exports,d=c("cebe"),p=c.n(d),b=(c("d3b7"),c("3ca3"),c("ddb0"),c("6389")),s=c.n(b);u.a.use(s.a);var k=[{path:"/",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-4aa552e1")]).then(c.bind(null,"6e78"))}},{path:"/cmh/1",name:"猜盲盒",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-71639305"),c.e("chunk-27bd14e0")]).then(c.bind(null,"28b8"))}},{path:"/cmh/1/rule",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-ff0867f0")]).then(c.bind(null,"e214"))},name:"游戏规则"},{path:"/cmh/1/my-reward",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-390246b3")]).then(c.bind(null,"393a"))},name:"我的奖品"},{path:"/cmh/1/support",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-7107f620")]).then(c.bind(null,"95c8"))},name:"助力拆盲盒"},{path:"/cmh/2",name:"猜盲盒",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-71639305"),c.e("chunk-5e763b86")]).then(c.bind(null,"a893"))}},{path:"/cmh/2/rule",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-2b22ecfb")]).then(c.bind(null,"0f3e"))},name:"游戏规则"},{path:"/cmh/2/my-reward",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-19f41208")]).then(c.bind(null,"415c"))},name:"我的奖品"},{path:"/cmh/2/support",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-12608054")]).then(c.bind(null,"5f60"))},name:"助力拆盲盒"},{path:"/cmh/3",name:"猜盲盒",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-71639305"),c.e("chunk-29a146f8")]).then(c.bind(null,"c2c8"))}},{path:"/cmh/3/rule",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-7841c25a")]).then(c.bind(null,"3b16"))},name:"游戏规则"},{path:"/cmh/3/my-reward",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-4b1efb49")]).then(c.bind(null,"14ab"))},name:"我的奖品"},{path:"/cmh/3/support",component:function(){return Promise.all([c.e("chunk-3566c97c"),c.e("chunk-72be1171"),c.e("chunk-4dc8764e")]).then(c.bind(null,"a4fa"))},name:"助力拆盲盒"}],m=new s.a({base:"/",routes:k}),v=m;u.a.config.productionTip=!1,u.a.prototype.axios=p.a,u.a.prototype.axios.defaults.withCredentials=!0,new u.a({router:v,render:function(e){return e(l)}}).$mount("#app")},6389:function(e,n){e.exports=VueRouter},"8bbf":function(e,n){e.exports=Vue},cebe:function(e,n){e.exports=axios}});
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -13,7 +13,21 @@
@click="playMusic"
v-if="game.backMusicFlag && game.gameExt.backMusicUrl"
></div>
<div class="integral" v-if="rule.integral && rule.inviteNum">
<div
class="integral"
v-if="
(rule.giveawayType == 21 || rule.giveawayType == 22) &&
rule.giveawayNum
"
>
<div v-if="rule.giveawayType == 21">
每天可有{{ rule.giveawayNum }}次免费参与次数
</div>
<div v-else-if="rule.giveawayType == 22">
共有{{ rule.giveawayNum }}次免费参与次数
</div>
</div>
<div class="integral" v-else-if="rule.integral && rule.inviteNum">
{{ rule.integral || 0 }}积分/次或好友助力参与
</div>
<div class="integral" v-else-if="rule.integral">
......@@ -30,12 +44,12 @@
<swiper-slide v-for="item in barrageList.length * 2" :key="item">
<div
class="swiper-item"
v-if="item % 2 == 0 && barrageList[item/2 - 1]"
v-if="item % 2 == 0 && barrageList[item / 2 - 1]"
>
<img src="./images/tips_bg.png" />
<span
>恭喜 {{ barrageList[item/2 - 1].memberName }} 获得
{{ barrageList[item/2 - 1].prizeName }}</span
>恭喜 {{ barrageList[item / 2 - 1].memberName }} 获得
{{ barrageList[item / 2 - 1].prizeName }}</span
>
</div>
</swiper-slide>
......@@ -43,7 +57,10 @@
<div class="box-box">
<img
:class="{ active: clickIndex == index, 'animation-end':animationEnd }"
:class="{
active: clickIndex == index,
'animation-end': animationEnd,
}"
v-for="(item, index) in boxList"
:key="item"
:src="
......@@ -121,6 +138,7 @@
@toMyReward="toMyReward"
></reward-dialog>
<reward-fail-dialog :show.sync="showRewardFailDialog"></reward-fail-dialog>
<share-select-dialog
:show.sync="showShareSelectDialog"
v-show="showShareSelectDialog"
......@@ -271,8 +289,8 @@ export default {
},
false
);
document.addEventListener("visibilitychange", ()=> {
if(document.hidden){
document.addEventListener("visibilitychange", () => {
if (document.hidden) {
this.isPlay = false;
this.audio.pause();
}
......@@ -291,7 +309,7 @@ export default {
destroyed() {
this.manager.stopPolling();
this.audio.pause();
document.removeEventListener("visibilitychange",()=>{});
document.removeEventListener("visibilitychange", () => {});
},
methods: {
lookBuryPoint() {
......@@ -317,9 +335,9 @@ export default {
res.gameExt.prizeStyleJson || "[]"
);
this.game = res;
setTimeout(()=>{
setTimeout(() => {
this.animationEnd = true;
},1000)
}, 1000);
this.audio.src = res.gameExt.backMusicUrl;
if (this.isPlay) {
......@@ -372,7 +390,7 @@ setTimeout(()=>{
this.currentIntegral = currentIntegral;
},
clickBox(index) {
if(this.clickIndex != -1){
if (this.clickIndex != -1) {
return;
}
this.clickIndex = index;
......@@ -471,13 +489,13 @@ setTimeout(()=>{
this.getIntegral();
},
},
watch:{
showOpenBoxDialog(n){
if(!n){
watch: {
showOpenBoxDialog(n) {
if (!n) {
this.clickIndex = -1;
}
}
}
},
},
};
</script>
......@@ -618,7 +636,7 @@ setTimeout(()=>{
transform: translate(0, 0);
}
}
@keyframes box-active-animation{
@keyframes box-active-animation {
0% {
transform: translate(0, 0) scale(1);
}
......@@ -627,7 +645,7 @@ setTimeout(()=>{
left: 50%;
z-index: 10;
}
100%{
100% {
transform: translate(-50%, -50%) scale(1.3);
left: 50%;
z-index: 10;
......@@ -657,26 +675,26 @@ setTimeout(()=>{
animation-delay: 0.15s;
}
.box-box img:nth-child(5) {
animation-delay: 0.20s;
animation-delay: 0.2s;
}
.box-box img:nth-child(3) {
animation-delay: 0.25s;
}
.box-box img:nth-child(4) {
animation-delay: 0.30s;
animation-delay: 0.3s;
}
.box-box img:nth-child(2) {
animation-delay: 0.35s;
}
.box-box img:nth-child(1) {
animation-delay: 0.40s;
animation-delay: 0.4s;
}
.box-box img.animation-end{
.box-box img.animation-end {
transform: translate(0, 0);
animation: none;
}
.box-box img.active{
.box-box img.active {
animation-timing-function: ease-in;
animation-name: box-active-animation;
animation-duration: 0.6s;
......@@ -718,7 +736,7 @@ setTimeout(()=>{
height: 8px;
z-index: 1;
}
.text-box.number .text-shadow{
.text-box.number .text-shadow {
top: 25px;
}
......
......@@ -220,6 +220,7 @@ export default {
.reward-item .reward-img-box {
width: 80px;
height: 80px;
min-width: 80px;
background: white;
border-radius: 2px;
position: relative;
......@@ -247,11 +248,19 @@ export default {
}
.reward-info .reward-condition {
padding: 3px 0 5px;
margin: 3px 0 5px;
color: #21252b;
font-weight: 300;
font-size: 12px;
height: 33px;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.reward-info .reward-time {
......
......@@ -223,14 +223,30 @@ export default {
color: #21252B;
font-size: 14px;
font-weight: 500;
padding: 11px 0 0;
margin: 11px 0 0;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.reward-item-detail .reward-des{
color: #21252B;
font-size: 11px;
font-weight: 300;
padding: 4px 0 7px;
margin: 4px 0 7px;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
......
......@@ -58,6 +58,22 @@
<alert-dialog v-bind.sync="alertOptions"></alert-dialog>
<fwh-qrcode-dialog v-bind.sync="fwhQrcodeOptions"></fwh-qrcode-dialog>
<share-select-dialog
:show.sync="showShareSelectDialog"
v-show="showShareSelectDialog"
:memberId="memberId"
:enterpriseId="enterpriseId"
:gameId="gameId"
:shareConditionObj="shareConditionObj"
@shareWx="shareWx"
@sharePyq="sharePyq"
></share-select-dialog>
<share-img-dialog
:show.sync="showShareImgDialog"
v-bind="pyqOptions"
></share-img-dialog>
</div>
</template>
......@@ -68,15 +84,20 @@ const {
getGameReward,
getGameInfo,
getGameShareQrCodeUrl,
getGameRule,
} = gameRequestApi;
import AlertDialog from "./components/alert.vue";
import FwhQrcodeDialog from "./components/fwh-qrcode.vue";
import ShareSelectDialog from "./components/share-select-dialog.vue";
import ShareImgDialog from "./components/share-img-dialog.vue";
import { Manager } from "../../manager";
export default {
components: {
AlertDialog,
ShareSelectDialog,
ShareImgDialog,
FwhQrcodeDialog
},
data() {
......@@ -88,7 +109,9 @@ export default {
show: false,
qrcodeUrl: '',
},
gameReward: []
gameReward: [],
showShareSelectDialog: false,
showShareImgDialog: false
};
},
created() {
......@@ -98,18 +121,32 @@ export default {
},
methods: {
async loadData() {
console.log(this.$route.query);
let query = this.$route.query;
this.memberId = query.memberId;
this.enterpriseId = query.enterpriseId;
this.gameId = query.gameId;
this.getGameInfo();
this.getGameRule();
this.getGameReward();
this.getHelpDetail();
},
async getGameInfo(){
let query = this.$route.query;
this.game = await getGameInfo({
enterpriseId: query.enterpriseId,
gameId: query.gameId,
})
},
async getGameReward(){
let query = this.$route.query;
this.gameReward = await getGameReward({
enterpriseId: query.enterpriseId,
gameId: query.gameId,
})
},
async getHelpDetail(){
let query = this.$route.query;
this.helpDetail = await getHelpDetail({
enterpriseId: query.enterpriseId,
shareMemberId: query.shareMemberId,
......@@ -117,6 +154,27 @@ export default {
helpMemberId: query.memberId || '',
}) || {};
},
async getGameRule() {
let rule = await getGameRule({
gameId: this.gameId,
enterpriseId: this.enterpriseId,
});
let gameRuleConditionList = rule.gameRuleConditionList || [];
gameRuleConditionList.map((item) => {
let obj = JSON.parse(item.conditionJson);
if (+obj.type == 11 || +obj.type == 12) {
this.shareConditionObj = obj;
}
});
this.rule = rule;
window.wx.miniProgram.postMessage({
data: {
shareTitle: rule.shareRuleDesc,
shareImage: rule.shareImageUrl,
},
});
},
toPlayGame() {
let query = this.$route.query;
this.$router.replace({
......@@ -132,19 +190,44 @@ export default {
support(){
this.manager.support();
},
async sharePyq(options) {
let query = this.$route.query;
async shareWx() {
let options = this.shareConditionObj;
let result = await getGameShareQrCodeUrl({
gameId: query.gameId,
enterpriseId: query.enterpriseId,
memberId: query.shareMemberId || '',
gameId: this.gameId,
enterpriseId: this.enterpriseId,
memberId: this.memberId,
shareType: 1,
});
let linkId = result.linkId;
this.showShareSelectDialog = false;
this.manager.shareWx({
title: options.shareTitle,
imageUrl: options.shareCard,
path: `/pages/page-transit/page-transit-qy?scene=${linkId}`,
});
},
async sharePyq() {
let options = this.shareConditionObj;
let result = await getGameShareQrCodeUrl({
gameId: this.gameId,
enterpriseId: this.enterpriseId,
memberId: this.memberId,
shareType: options.type == 12 ? 2 : 1,
});
this.fwhQrcodeOptions = {
show: true,
this.pyqOptions = {
bgImage: options.shareReport,
qrcodeUrl: result.qrCodeUrl,
};
this.showShareSelectDialog = false;
this.showShareImgDialog = true;
},
async clickShareBtn() {
await this.manager.checkPlay();
this.showShareSelectDialog = true;
},
},
};
......@@ -354,14 +437,30 @@ export default {
color: #21252b;
font-size: 14px;
font-weight: 500;
padding: 11px 0 0;
margin: 11px 0 0;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.reward-item-detail .reward-des {
color: #21252b;
font-size: 11px;
font-weight: 300;
padding: 4px 0 7px;
margin: 4px 0 7px;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
/* 游戏奖品 end */
......
......@@ -13,7 +13,11 @@
@click="playMusic"
v-if="game.backMusicFlag && game.gameExt.backMusicUrl"
></div>
<div class="integral" v-if="rule.integral && rule.inviteNum">
<div class="integral" v-if="(rule.giveawayType == 21 || rule.giveawayType == 22) && rule.giveawayNum">
<div v-if="rule.giveawayType == 21">每天可有{{ rule.giveawayNum }}次免费参与次数</div>
<div v-else-if="rule.giveawayType == 22">共有{{ rule.giveawayNum }}次免费参与次数</div>
</div>
<div class="integral" v-else-if="rule.integral && rule.inviteNum">
{{ rule.integral || 0 }}积分/次或好友助力参与
</div>
<div class="integral" v-else-if="rule.integral">
......
......@@ -199,6 +199,7 @@ export default {
.reward-item .reward-img-box{
width: 80px;
height: 80px;
min-width: 80px;
background: white;
border-radius: 2px;
position: relative;
......@@ -226,11 +227,19 @@ export default {
}
.reward-info .reward-condition{
padding: 3px 0 5px;
margin: 3px 0 5px;
color: #21252B;
font-weight: 300;
font-size: 12px;
height: 33px;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.reward-info .reward-time{
......
......@@ -223,14 +223,30 @@ export default {
color: #21252B;
font-size: 14px;
font-weight: 500;
padding: 11px 0 0;
margin: 11px 0 0;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.reward-item-detail .reward-des{
color: #21252B;
font-size: 11px;
font-weight: 300;
padding: 4px 0 7px;
margin: 4px 0 7px;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
......
......@@ -55,9 +55,25 @@
</div>
</div>
<alert-dialog v-bind.sync="alertOptions"></alert-dialog>
<fwh-qrcode-dialog v-bind.sync="fwhQrcodeOptions"></fwh-qrcode-dialog>
<alert-dialog v-bind.sync="alertOptions"></alert-dialog>
<share-select-dialog
:show.sync="showShareSelectDialog"
v-show="showShareSelectDialog"
:memberId="memberId"
:enterpriseId="enterpriseId"
:gameId="gameId"
:shareConditionObj="shareConditionObj"
@shareWx="shareWx"
@sharePyq="sharePyq"
></share-select-dialog>
<share-img-dialog
:show.sync="showShareImgDialog"
v-bind="pyqOptions"
></share-img-dialog>
</div>
</template>
......@@ -68,26 +84,34 @@ const {
getGameReward,
getGameInfo,
getGameShareQrCodeUrl,
getGameRule,
} = gameRequestApi;
import AlertDialog from "./components/alert.vue";
import FwhQrcodeDialog from "./components/fwh-qrcode.vue";
import ShareSelectDialog from "./components/share-select-dialog.vue";
import ShareImgDialog from "./components/share-img-dialog.vue";
import { Manager } from "../../manager";
export default {
components: {
FwhQrcodeDialog,
AlertDialog
AlertDialog,
ShareSelectDialog,
ShareImgDialog,
FwhQrcodeDialog
},
data() {
return {
alertOptions:{},
game:{},
helpDetail: {},
fwhQrcodeOptions: {
show: false,
qrcodeUrl: '',
},
game:{},
helpDetail: {},
gameReward: []
gameReward: [],
showShareSelectDialog: false,
showShareImgDialog: false
};
},
created() {
......@@ -97,29 +121,64 @@ export default {
},
methods: {
async loadData() {
console.log(this.$route.query);
let query = this.$route.query;
this.memberId = query.memberId;
this.enterpriseId = query.enterpriseId;
this.gameId = query.gameId;
this.getGameInfo();
this.getGameRule();
this.getGameReward();
this.getHelpDetail();
},
async getGameInfo(){
let query = this.$route.query;
this.game = await getGameInfo({
enterpriseId: query.enterpriseId,
gameId: query.gameId,
})
},
async getGameReward(){
let query = this.$route.query;
this.gameReward = await getGameReward({
enterpriseId: query.enterpriseId,
gameId: query.gameId,
})
},
async getHelpDetail(){
let query = this.$route.query;
this.helpDetail = await getHelpDetail({
enterpriseId: query.enterpriseId,
shareMemberId: query.shareMemberId,
gameId: query.gameId,
helpMemberId: query.memberId || '',
}) || {};
},
async getGameRule() {
let rule = await getGameRule({
gameId: this.gameId,
enterpriseId: this.enterpriseId,
});
let gameRuleConditionList = rule.gameRuleConditionList || [];
gameRuleConditionList.map((item) => {
let obj = JSON.parse(item.conditionJson);
if (+obj.type == 11 || +obj.type == 12) {
this.shareConditionObj = obj;
}
});
this.rule = rule;
window.wx.miniProgram.postMessage({
data: {
shareTitle: rule.shareRuleDesc,
shareImage: rule.shareImageUrl,
},
});
},
toPlayGame() {
let query = this.$route.query;
this.$router.replace({
path: "/cmh/2",
path: "/cmh/1",
query: {
gameId: query.gameId,
memberId: query.memberId || '',
......@@ -131,24 +190,48 @@ export default {
support(){
this.manager.support();
},
async sharePyq(options) {
let query = this.$route.query;
async shareWx() {
let options = this.shareConditionObj;
let result = await getGameShareQrCodeUrl({
gameId: query.gameId,
enterpriseId: query.enterpriseId,
memberId: query.shareMemberId || '',
gameId: this.gameId,
enterpriseId: this.enterpriseId,
memberId: this.memberId,
shareType: 1,
});
let linkId = result.linkId;
this.showShareSelectDialog = false;
this.manager.shareWx({
title: options.shareTitle,
imageUrl: options.shareCard,
path: `/pages/page-transit/page-transit-qy?scene=${linkId}`,
});
},
async sharePyq() {
let options = this.shareConditionObj;
let result = await getGameShareQrCodeUrl({
gameId: this.gameId,
enterpriseId: this.enterpriseId,
memberId: this.memberId,
shareType: options.type == 12 ? 2 : 1,
});
this.fwhQrcodeOptions = {
show: true,
this.pyqOptions = {
bgImage: options.shareReport,
qrcodeUrl: result.qrCodeUrl,
};
this.showShareSelectDialog = false;
this.showShareImgDialog = true;
},
async clickShareBtn() {
await this.manager.checkPlay();
this.showShareSelectDialog = true;
},
},
};
</script>
<style scoped>
.box {
position: relative;
......@@ -352,14 +435,30 @@ export default {
color: #21252b;
font-size: 14px;
font-weight: 500;
padding: 11px 0 0;
margin: 11px 0 0;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.reward-item-detail .reward-des {
color: #21252b;
font-size: 11px;
font-weight: 300;
padding: 4px 0 7px;
margin: 4px 0 7px;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
/* 游戏奖品 end */
......
......@@ -13,7 +13,11 @@
@click="playMusic"
v-if="game.backMusicFlag && game.gameExt.backMusicUrl"
></div>
<div class="integral" v-if="rule.integral && rule.inviteNum">
<div class="integral" v-if="(rule.giveawayType == 21 || rule.giveawayType == 22) && rule.giveawayNum">
<div v-if="rule.giveawayType == 21">每天可有{{ rule.giveawayNum }}次免费参与次数</div>
<div v-else-if="rule.giveawayType == 22">共有{{ rule.giveawayNum }}次免费参与次数</div>
</div>
<div class="integral" v-else-if="rule.integral && rule.inviteNum">
{{ rule.integral || 0 }}积分/次或好友助力参与
</div>
<div class="integral" v-else-if="rule.integral">
......
......@@ -199,6 +199,7 @@ export default {
.reward-item .reward-img-box{
width: 80px;
height: 80px;
min-width: 80px;
background: white;
border-radius: 2px;
position: relative;
......@@ -231,6 +232,14 @@ export default {
font-weight: 300;
font-size: 12px;
height: 33px;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.reward-info .reward-time{
......
......@@ -223,14 +223,30 @@ export default {
color: #21252B;
font-size: 14px;
font-weight: 500;
padding: 11px 0 0;
margin: 11px 0 0;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.reward-item-detail .reward-des{
color: #21252B;
font-size: 11px;
font-weight: 300;
padding: 4px 0 7px;
margin: 4px 0 7px;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
......
......@@ -55,9 +55,25 @@
</div>
</div>
<alert-dialog v-bind.sync="alertOptions"></alert-dialog>
<fwh-qrcode-dialog v-bind.sync="fwhQrcodeOptions"></fwh-qrcode-dialog>
<alert-dialog v-bind.sync="alertOptions"></alert-dialog>
<share-select-dialog
:show.sync="showShareSelectDialog"
v-show="showShareSelectDialog"
:memberId="memberId"
:enterpriseId="enterpriseId"
:gameId="gameId"
:shareConditionObj="shareConditionObj"
@shareWx="shareWx"
@sharePyq="sharePyq"
></share-select-dialog>
<share-img-dialog
:show.sync="showShareImgDialog"
v-bind="pyqOptions"
></share-img-dialog>
</div>
</template>
......@@ -68,26 +84,34 @@ const {
getGameReward,
getGameInfo,
getGameShareQrCodeUrl,
getGameRule,
} = gameRequestApi;
import AlertDialog from "./components/alert.vue";
import FwhQrcodeDialog from "./components/fwh-qrcode.vue";
import ShareSelectDialog from "./components/share-select-dialog.vue";
import ShareImgDialog from "./components/share-img-dialog.vue";
import { Manager } from "../../manager";
export default {
components: {
FwhQrcodeDialog,
AlertDialog
AlertDialog,
ShareSelectDialog,
ShareImgDialog,
FwhQrcodeDialog
},
data() {
return {
alertOptions:{},
game:{},
helpDetail: {},
fwhQrcodeOptions: {
show: false,
qrcodeUrl: '',
},
game:{},
helpDetail: {},
gameReward: []
gameReward: [],
showShareSelectDialog: false,
showShareImgDialog: false
};
},
created() {
......@@ -97,29 +121,64 @@ export default {
},
methods: {
async loadData() {
console.log(this.$route.query);
let query = this.$route.query;
this.memberId = query.memberId;
this.enterpriseId = query.enterpriseId;
this.gameId = query.gameId;
this.getGameInfo();
this.getGameRule();
this.getGameReward();
this.getHelpDetail();
},
async getGameInfo(){
let query = this.$route.query;
this.game = await getGameInfo({
enterpriseId: query.enterpriseId,
gameId: query.gameId,
})
},
async getGameReward(){
let query = this.$route.query;
this.gameReward = await getGameReward({
enterpriseId: query.enterpriseId,
gameId: query.gameId,
})
},
async getHelpDetail(){
let query = this.$route.query;
this.helpDetail = await getHelpDetail({
enterpriseId: query.enterpriseId,
shareMemberId: query.shareMemberId,
gameId: query.gameId,
helpMemberId: query.memberId || '',
}) || {};
},
async getGameRule() {
let rule = await getGameRule({
gameId: this.gameId,
enterpriseId: this.enterpriseId,
});
let gameRuleConditionList = rule.gameRuleConditionList || [];
gameRuleConditionList.map((item) => {
let obj = JSON.parse(item.conditionJson);
if (+obj.type == 11 || +obj.type == 12) {
this.shareConditionObj = obj;
}
});
this.rule = rule;
window.wx.miniProgram.postMessage({
data: {
shareTitle: rule.shareRuleDesc,
shareImage: rule.shareImageUrl,
},
});
},
toPlayGame() {
let query = this.$route.query;
this.$router.replace({
path: "/cmh/3",
path: "/cmh/1",
query: {
gameId: query.gameId,
memberId: query.memberId || '',
......@@ -131,19 +190,44 @@ export default {
support(){
this.manager.support();
},
async sharePyq(options) {
let query = this.$route.query;
async shareWx() {
let options = this.shareConditionObj;
let result = await getGameShareQrCodeUrl({
gameId: query.gameId,
enterpriseId: query.enterpriseId,
memberId: query.shareMemberId || '',
gameId: this.gameId,
enterpriseId: this.enterpriseId,
memberId: this.memberId,
shareType: 1,
});
let linkId = result.linkId;
this.showShareSelectDialog = false;
this.manager.shareWx({
title: options.shareTitle,
imageUrl: options.shareCard,
path: `/pages/page-transit/page-transit-qy?scene=${linkId}`,
});
},
async sharePyq() {
let options = this.shareConditionObj;
let result = await getGameShareQrCodeUrl({
gameId: this.gameId,
enterpriseId: this.enterpriseId,
memberId: this.memberId,
shareType: options.type == 12 ? 2 : 1,
});
this.fwhQrcodeOptions = {
show: true,
this.pyqOptions = {
bgImage: options.shareReport,
qrcodeUrl: result.qrCodeUrl,
};
this.showShareSelectDialog = false;
this.showShareImgDialog = true;
},
async clickShareBtn() {
await this.manager.checkPlay();
this.showShareSelectDialog = true;
},
},
};
......@@ -352,14 +436,30 @@ export default {
color: #21252b;
font-size: 14px;
font-weight: 500;
padding: 11px 0 0;
margin: 11px 0 0;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.reward-item-detail .reward-des {
color: #21252b;
font-size: 11px;
font-weight: 300;
padding: 4px 0 7px;
margin: 4px 0 7px;
word-break: break-all;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
/* 游戏奖品 end */
......
......@@ -169,15 +169,15 @@ export function Manager(component) {
let isPlay = false;
const play = () => {
return new Promise((resolve, reject) => {
if(isPlay){
if (isPlay) {
reject();
return;
}
isPlay = true;
gamePlay(_component.$route.query).then((res)=>{
setTimeout(()=>{
gamePlay(_component.$route.query).then((res) => {
setTimeout(() => {
isPlay = false;
},300)
}, 300)
resolve(res)
}).catch((res) => {
isPlay = false;
......@@ -222,14 +222,14 @@ export function Manager(component) {
case 2005:
// 用户游戏抽奖次数小于0
title = "游戏剩余次数已用完";
content = `每邀请${ _component.shareConditionObj.inviteNum }位好友助力即可获得${ _component.shareConditionObj.value }次游戏机会哦~`;
content = `每邀请${_component.shareConditionObj.inviteNum}位好友助力即可获得${_component.shareConditionObj.value}次游戏机会哦~`;
buttonList = [{
text: "分享好友",
click: () => {
_component.shareWx();
hiddenAlert();
},
},{
}, {
text: "分享朋友圈",
click: () => {
_component.sharePyq();
......@@ -279,7 +279,7 @@ export function Manager(component) {
}
this.checkMyReward = ()=>{
this.checkMyReward = () => {
return new Promise((resolve, reject) => {
let game = _component.game;
let content = "无法参与游戏";
......@@ -315,7 +315,7 @@ export function Manager(component) {
.then(checkAttest)
}
this.checkPlay = ()=>{
this.checkPlay = () => {
return checkTime()
.then(checkAttest)
.then(checkLimit)
......@@ -363,23 +363,46 @@ export function Manager(component) {
});
}
this.getConditionObj = function () {
return new Promise((resolve, reject) => {
let conditionObj = _component.conditionObj;
if (conditionObj && conditionObj.gameId) {
resolve(conditionObj)
return;
}
let query = _component.$route.query;
getGameRule({
gameId: query.gameId,
enterpriseId: query.enterpriseId,
}).then((rule) => {
let gameRuleConditionList = rule.gameRuleConditionList || [];
gameRuleConditionList.map((item) => {
let obj = JSON.parse(item.conditionJson);
if (+obj.type == 11 || +obj.type == 12) {
conditionObj = obj;
}
})
_component.conditionObj = conditionObj;
resolve(conditionObj)
}).catch(reject)
})
}
this.support = async () => {
let query = _component.$route.query;
let conditionObj;
if(query.memberId == query.shareMemberId){
if (query.memberId == query.shareMemberId) {
showAlert({
show: true,
content: "无法为自己助力,赶快邀请好友助力",
buttonList: [
{
text: "参与游戏赢好礼",
text: "邀请好友助力",
click: () => {
hiddenAlert();
// window.wx.miniProgram
// TODO
_component.toPlayGame();
_component.clickShareBtn();
},
},
],
......@@ -390,23 +413,13 @@ export function Manager(component) {
return;
}
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;
}
})
let conditionObj = await this.getConditionObj();
if(_component.helpDetail.helpStatus == 3){
if (_component.helpDetail.helpStatus == 3) {
showAlert({
show: true,
title: '仅差一步',
content: `很遗憾你已${ conditionObj.type == 12?'关注服务号':'认证' },无法助力好友 可立即参与游戏,赢取好礼`,
content: `很遗憾你已${conditionObj.type == 12 ? '关注服务号' : '认证'},无法助力好友 可立即参与游戏,赢取好礼`,
buttonList: [
{
text: "参与游戏赢好礼",
......@@ -475,7 +488,7 @@ export function Manager(component) {
let pollingTimer;
let playNumberPolling = async ()=>{
let playNumberPolling = async () => {
let query = _component.$route.query;
let res = await getGameNumberPolling({
gameId: query.gameId,
......@@ -485,24 +498,24 @@ export function Manager(component) {
_component.playNumberObj.playNumber = res;
}
this.startPolling = ()=>{
pollingTimer = setInterval(function() {
this.startPolling = () => {
pollingTimer = setInterval(function () {
playNumberPolling();
}, 10000);
}
this.stopPolling = ()=>{
this.stopPolling = () => {
clearInterval(pollingTimer);
}
this.toIntegralDetail = function (){
this.toIntegralDetail = function () {
window.wx.miniProgram.navigateTo({
url: IntegralDetailPath,
})
}
this.toCouponList = function (){
this.toCouponList = function () {
window.wx.miniProgram.navigateTo({
url: CouponListPath,
})
......
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