Skip to content

G
game-h5
Commit e499e1cc by 曾经
Options

动画时间延时 

页面层级跳转
parent 1e165400
Showing with 111 additions and 56 deletions
dist/css/chunk-0da1ac1b.86be51b6.css 0 → 100644
.box[data-v-ddaec660]{position:relative}.page-bg[data-v-ddaec660]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-ddaec660]{width:100%}.content[data-v-ddaec660]{position:relative;z-index:1}.content-cell[data-v-ddaec660]{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-ddaec660]{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-ddaec660]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-ddaec660]{color:#38bdcd;font-size:15px}.infinite-list[data-v-ddaec660]{overflow:auto;padding:10px 13px;margin-bottom:1px}.reward-item-box[data-v-ddaec660]{padding:5px 0}.reward-item[data-v-ddaec660]{display:flex;padding:12px;background:#f6f6f6;border-radius:4px}.reward-item .reward-img-box[data-v-ddaec660]{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-ddaec660]{width:66px;height:66px}.reward-item .reward-info[data-v-ddaec660]{padding-left:10px}.reward-info .reward-name[data-v-ddaec660]{color:#21252b;font-size:14px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reward-info .reward-condition[data-v-ddaec660]{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-ddaec660]{color:#21252b;font-weight:300;font-size:13px}.empty-box[data-v-ddaec660]{text-align:center;background:#fff}.empty-box .empty-img[data-v-ddaec660]{margin:0 auto;padding:80px 0 20px;width:180px;height:167px}.empty-box .title[data-v-ddaec660]{color:#21252b;font-size:16px;font-weight:600;padding:0 9px}.empty-box .subtitle[data-v-ddaec660]{color:#63666b;font-size:14px;max-width:229px;margin:0 auto}.empty-box .play-btn[data-v-ddaec660]{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
dist/css/chunk-19f41208.93bdc1c9.css deleted 100644 → 0
.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
dist/css/chunk-27b9b13d.e6f59da6.css 0 → 100644
.box[data-v-0e5f397d]{position:relative}.page-bg[data-v-0e5f397d]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-0e5f397d]{width:100%}.content[data-v-0e5f397d]{position:relative;z-index:1}.content-cell[data-v-0e5f397d]{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-0e5f397d]{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-0e5f397d]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-0e5f397d]{color:#21252b;font-size:15px}.infinite-list[data-v-0e5f397d]{overflow:auto;padding:10px 13px;margin-bottom:1px}.reward-item-box[data-v-0e5f397d]{padding:5px 0}.reward-item[data-v-0e5f397d]{display:flex;padding:12px;background:#f6f6f6;border-radius:4px}.reward-item .reward-img-box[data-v-0e5f397d]{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-0e5f397d]{width:66px;height:66px}.reward-item .reward-info[data-v-0e5f397d]{padding-left:10px}.reward-info .reward-name[data-v-0e5f397d]{color:#21252b;font-size:14px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reward-info .reward-condition[data-v-0e5f397d]{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-0e5f397d]{color:#21252b;font-weight:300;font-size:13px}.empty-box[data-v-0e5f397d]{text-align:center;background:#fff}.empty-box .empty-img[data-v-0e5f397d]{margin:0 auto;padding:80px 0 20px;width:180px;height:167px}.empty-box .title[data-v-0e5f397d]{color:#21252b;font-size:16px;font-weight:600;padding:0 9px}.empty-box .subtitle[data-v-0e5f397d]{color:#63666b;font-size:14px;max-width:229px;margin:0 auto}.empty-box .play-btn[data-v-0e5f397d]{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
dist/css/chunk-390246b3.da21bd50.css deleted 100644 → 0
.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
dist/css/chunk-4b1efb49.432dbb80.css deleted 100644 → 0
.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
dist/css/chunk-ca457352.2bab6fca.css 0 → 100644
.box[data-v-73c437e1]{position:relative}.page-bg[data-v-73c437e1]{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;background:#addfcd}.page-bg .bg-img[data-v-73c437e1]{width:100%}.content[data-v-73c437e1]{position:relative;z-index:1}.content-cell[data-v-73c437e1]{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-73c437e1]{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-73c437e1]{color:#21252b;font-size:17px;padding:0 10px;font-weight:600}.cell-top .iconfont[data-v-73c437e1]{color:#21252b;font-size:15px}.infinite-list[data-v-73c437e1]{overflow:auto;padding:10px 13px;margin-bottom:1px}.reward-item-box[data-v-73c437e1]{padding:5px 0}.reward-item[data-v-73c437e1]{display:flex;padding:12px;background:#f6f6f6;border-radius:4px}.reward-item .reward-img-box[data-v-73c437e1]{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-73c437e1]{width:66px;height:66px}.reward-item .reward-info[data-v-73c437e1]{padding-left:10px}.reward-info .reward-name[data-v-73c437e1]{color:#21252b;font-size:14px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reward-info .reward-condition[data-v-73c437e1]{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-73c437e1]{color:#21252b;font-weight:300;font-size:13px}.empty-box[data-v-73c437e1]{text-align:center;background:#fff}.empty-box .empty-img[data-v-73c437e1]{margin:0 auto;padding:80px 0 20px;width:180px;height:167px}.empty-box .title[data-v-73c437e1]{color:#21252b;font-size:16px;font-weight:600;padding:0 9px}.empty-box .subtitle[data-v-73c437e1]{color:#63666b;font-size:14px;max-width:229px;margin:0 auto}.empty-box .play-btn[data-v-73c437e1]{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
dist/index.html
<!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,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no"><link rel="icon" href="favicon.ico"><title>进入游戏</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-09d0db87.c04481f2.css" rel="prefetch"><link href="css/chunk-0c39e46c.633d8581.css" rel="prefetch"><link href="css/chunk-19f41208.93bdc1c9.css" rel="prefetch"><link href="css/chunk-215284d8.3fa9a3e8.css" rel="prefetch"><link href="css/chunk-2f034ff2.e40ed3ce.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-5ea88b5e.c37924f6.css" rel="prefetch"><link href="css/chunk-71639305.f21c9ef5.css" rel="prefetch"><link href="css/chunk-724568a8.00555196.css" rel="prefetch"><link href="css/chunk-729a9e50.dc007a50.css" rel="prefetch"><link href="css/chunk-7a782834.c140e91c.css" rel="prefetch"><link href="css/chunk-7d840fd1.4444a89d.css" rel="prefetch"><link href="js/chunk-09d0db87.a448d57a.js" rel="prefetch"><link href="js/chunk-0c39e46c.354a71b8.js" rel="prefetch"><link href="js/chunk-19f41208.9e7aa5b8.js" rel="prefetch"><link href="js/chunk-215284d8.38816456.js" rel="prefetch"><link href="js/chunk-2f034ff2.b5645eb4.js" rel="prefetch"><link href="js/chunk-3566c97c.3f1cfa5e.js" rel="prefetch"><link href="js/chunk-390246b3.64c033da.js" rel="prefetch"><link href="js/chunk-4aa552e1.7fa49fe3.js" rel="prefetch"><link href="js/chunk-4b1efb49.903580ac.js" rel="prefetch"><link href="js/chunk-5ea88b5e.9fc6b0b4.js" rel="prefetch"><link href="js/chunk-71639305.f887eed7.js" rel="prefetch"><link href="js/chunk-724568a8.4803c6db.js" rel="prefetch"><link href="js/chunk-729a9e50.fabe58dc.js" rel="prefetch"><link href="js/chunk-72be1171.dce6850f.js" rel="prefetch"><link href="js/chunk-7a782834.09c6695f.js" rel="prefetch"><link href="js/chunk-7d840fd1.de6b46ac.js" rel="prefetch"><link href="js/app.1c2d87e6.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.1c2d87e6.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,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no"><link rel="icon" href="favicon.ico"><title>进入游戏</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-09d0db87.c04481f2.css" rel="prefetch"><link href="css/chunk-0da1ac1b.86be51b6.css" rel="prefetch"><link href="css/chunk-213f7c32.a7daf8e0.css" rel="prefetch"><link href="css/chunk-27b9b13d.e6f59da6.css" rel="prefetch"><link href="css/chunk-2f034ff2.e40ed3ce.css" rel="prefetch"><link href="css/chunk-5ea88b5e.c37924f6.css" rel="prefetch"><link href="css/chunk-634c7a53.29923ec4.css" rel="prefetch"><link href="css/chunk-69051630.dc200f8f.css" rel="prefetch"><link href="css/chunk-71639305.f21c9ef5.css" rel="prefetch"><link href="css/chunk-724568a8.00555196.css" rel="prefetch"><link href="css/chunk-729a9e50.dc007a50.css" rel="prefetch"><link href="css/chunk-7d840fd1.4444a89d.css" rel="prefetch"><link href="css/chunk-ca457352.2bab6fca.css" rel="prefetch"><link href="js/chunk-09d0db87.a448d57a.js" rel="prefetch"><link href="js/chunk-0da1ac1b.0d4426dd.js" rel="prefetch"><link href="js/chunk-213f7c32.b57666eb.js" rel="prefetch"><link href="js/chunk-27b9b13d.0da503b3.js" rel="prefetch"><link href="js/chunk-2f034ff2.b5645eb4.js" rel="prefetch"><link href="js/chunk-3566c97c.3f1cfa5e.js" rel="prefetch"><link href="js/chunk-4aa552e1.7fa49fe3.js" rel="prefetch"><link href="js/chunk-5ea88b5e.9fc6b0b4.js" rel="prefetch"><link href="js/chunk-634c7a53.4bbb0810.js" rel="prefetch"><link href="js/chunk-69051630.cdd416a5.js" rel="prefetch"><link href="js/chunk-71639305.f887eed7.js" rel="prefetch"><link href="js/chunk-724568a8.4803c6db.js" rel="prefetch"><link href="js/chunk-729a9e50.fabe58dc.js" rel="prefetch"><link href="js/chunk-72be1171.dce6850f.js" rel="prefetch"><link href="js/chunk-7d840fd1.de6b46ac.js" rel="prefetch"><link href="js/chunk-ca457352.07540b50.js" rel="prefetch"><link href="js/app.f9520505.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.f9520505.js"></script></body></html>
\ No newline at end of file
src/components/cmh/theme-1/components/open-box.vue
......@@ -3,7 +3,11 @@
<img src="../images/mould_01_box_bg.png" class="dialog-bg-img">
<div class="content">
<div class="title">{{ title }}</div>
<img :src="isOpening ? data.imageSelectUrl : data.imageNoSelectUrl" class="box-img" mode="widthFix">
<div class="img-box">
<img class="img-box-bg" src="../images/light_bg.png">
<img :src="isOpening ? data.imageSelectUrl : data.imageNoSelectUrl" class="box-img" mode="widthFix">
</div>
<div class="handle-btn" @click="open">立即拆开</div>
<div class="iconfont icon-guanbi" @click="close"></div>
</div>
......@@ -68,15 +72,33 @@ export default {
color: white;
font-size: 16px;
font-weight: 500;
height: 22px;
}
.dialog-bg .content .img-box{
margin: 0px auto 0;
width: 287px;
height: 287px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.dialog-bg .content .img-box .img-box-bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.dialog-bg .content .box-img{
margin: 60px auto 0;
position: relative;
z-index: 1;
height: 160px;
width: 160px;
}
.dialog-bg .content .handle-btn{
margin: 65px auto 0;
margin: 0px auto 0;
width: 180px;
height: 40px;
border-radius: 20px;
......
src/components/cmh/theme-1/index.vue
......@@ -705,31 +705,31 @@ export default {
z-index: 1;
}
.box-box img:nth-child(9) {
animation-delay: 0s;
animation-delay: 0.4s;
}
.box-box img:nth-child(8) {
animation-delay: 0.05s;
animation-delay: 0.45s;
}
.box-box img:nth-child(6) {
animation-delay: 0.1s;
animation-delay: 0.5s;
}
.box-box img:nth-child(7) {
animation-delay: 0.15s;
animation-delay: 0.55s;
}
.box-box img:nth-child(5) {
animation-delay: 0.2s;
animation-delay: 0.6s;
}
.box-box img:nth-child(3) {
animation-delay: 0.25s;
animation-delay: 0.65s;
}
.box-box img:nth-child(4) {
animation-delay: 0.3s;
animation-delay: 0.7s;
}
.box-box img:nth-child(2) {
animation-delay: 0.35s;
animation-delay: 0.75s;
}
.box-box img:nth-child(1) {
animation-delay: 0.4s;
animation-delay: 0.8s;
}
.box-box img.animation-end {
transform: translate(0, 0);
......
src/components/cmh/theme-1/my-reward.vue
......@@ -121,10 +121,7 @@ export default {
}
},
toPlay() {
this.$router.replace({
path: "/",
query: this.$route.query,
});
this.$router.go(-1);
},
},
filters: {
......
src/components/cmh/theme-2/components/open-box.vue
......@@ -3,7 +3,10 @@
<img src="../images/mould_01_box_bg.png" class="dialog-bg-img">
<div class="content">
<div class="title">{{ title }}</div>
<img :src="isOpening ? data.imageSelectUrl : data.imageNoSelectUrl" class="box-img" mode="widthFix">
<div class="img-box">
<img class="img-box-bg" src="../images/light_bg.png">
<img :src="isOpening ? data.imageSelectUrl : data.imageNoSelectUrl" class="box-img" mode="widthFix">
</div>
<div class="handle-btn" @click="open">立即拆开</div>
<div class="iconfont icon-guanbi" @click="close"></div>
</div>
......@@ -68,15 +71,33 @@ export default {
color: white;
font-size: 16px;
font-weight: 500;
height: 22px;
}
.dialog-bg .content .img-box{
margin: 0px auto 0;
width: 287px;
height: 287px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.dialog-bg .content .img-box .img-box-bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.dialog-bg .content .box-img{
margin: 60px auto 0;
position: relative;
z-index: 1;
height: 160px;
width: 160px;
}
.dialog-bg .content .handle-btn{
margin: 65px auto 0;
margin: 0px auto 0;
width: 180px;
height: 40px;
border-radius: 20px;
......
src/components/cmh/theme-2/index.vue
......@@ -702,31 +702,31 @@ export default {
animation-iteration-count: 1;
}
.box-box img:nth-child(1) {
animation-delay: 0.4s;
animation-delay: 0.8s;
}
.box-box img:nth-child(2) {
animation-delay: 0.35s;
animation-delay: 0.75s;
}
.box-box img:nth-child(3) {
animation-delay: 0.3s;
animation-delay: 0.7s;
}
.box-box img:nth-child(4) {
animation-delay: 0.25s;
animation-delay: 0.65s;
}
.box-box img:nth-child(5) {
animation-delay: 0.2s;
animation-delay: 0.6s;
}
.box-box img:nth-child(6) {
animation-delay: 0.15s;
animation-delay: 0.55s;
}
.box-box img:nth-child(7) {
animation-delay: 0.1s;
animation-delay: 0.5s;
}
.box-box img:nth-child(8) {
animation-delay: 0.05s;
animation-delay: 0.45s;
}
.box-box img:nth-child(9) {
animation-delay: 0s;
animation-delay: 0.4s;
}
.box-box img.animation-end {
......
src/components/cmh/theme-2/my-reward.vue
......@@ -107,10 +107,7 @@ export default {
}
},
toPlay(){
this.$router.replace({
path: "/",
query: this.$route.query,
});
this.$router.go(-1);
},
},
filters:{
......
src/components/cmh/theme-3/components/open-box.vue
......@@ -3,7 +3,10 @@
<img src="../images/mould_01_box_bg.png" class="dialog-bg-img">
<div class="content">
<div class="title">{{ title }}</div>
<img :src="isOpening ? data.imageSelectUrl : data.imageNoSelectUrl" class="box-img" mode="widthFix">
<div class="img-box">
<img class="img-box-bg" src="../images/light_bg.png">
<img :src="isOpening ? data.imageSelectUrl : data.imageNoSelectUrl" class="box-img" mode="widthFix">
</div>
<div class="handle-btn" @click="open">立即拆开</div>
<div class="iconfont icon-guanbi" @click="close"></div>
</div>
......@@ -68,15 +71,33 @@ export default {
color: white;
font-size: 16px;
font-weight: 500;
height: 22px;
}
.dialog-bg .content .img-box{
margin: 0px auto 0;
width: 287px;
height: 287px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.dialog-bg .content .img-box .img-box-bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.dialog-bg .content .box-img{
margin: 60px auto 0;
position: relative;
z-index: 1;
height: 160px;
width: 160px;
}
.dialog-bg .content .handle-btn{
margin: 65px auto 0;
margin: 0px auto 0;
width: 180px;
height: 40px;
border-radius: 20px;
......
src/components/cmh/theme-3/index.vue
......@@ -681,22 +681,22 @@ body{
animation-iteration-count: 1;
}
.box-box img:nth-child(1) {
animation-delay: 0.25s;
animation-delay: 0.65s;
}
.box-box img:nth-child(2) {
animation-delay: 0.2s;
animation-delay: 0.6s;
}
.box-box img:nth-child(3) {
animation-delay: 0.3s;
animation-delay: 0.7s;
}
.box-box img:nth-child(4) {
animation-delay: 0.1s;
animation-delay: 0.5s;
}
.box-box img:nth-child(5) {
animation-delay: 0.05s;
animation-delay: 0.45s;
}
.box-box img:nth-child(6) {
animation-delay: 0.15s;
animation-delay: 0.55s;
}
.box-box img.animation-end {
......
src/components/cmh/theme-3/my-reward.vue
......@@ -107,10 +107,7 @@ export default {
this.list = list;
},
toPlay(){
this.$router.replace({
path: "/",
query: this.$route.query,
});
this.$router.go(-1);
},
},
filters:{
......
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