Skip to content

M
mr-julyedu
Commit 8b430e1d by xuzhenghua
Options

样式

parent 00d1f963
Showing with 54 additions and 46 deletions
build/asset-manifest.json
......@@ -115,8 +115,8 @@
"python-class.css": "/mrstaticcss/python-class.0a272536.chunk.css",
"python-class.js": "/mrstaticjs/python-class.3110ac8e.chunk.js",
"python-class.js.map": "/mrstaticjs/python-class.3110ac8e.chunk.js.map",
"runtime-main.js": "/mrstaticjs/runtime-main.5c3fd1d2.js",
"runtime-main.js.map": "/mrstaticjs/runtime-main.5c3fd1d2.js.map",
"runtime-main.js": "/mrstaticjs/runtime-main.74652d18.js",
"runtime-main.js.map": "/mrstaticjs/runtime-main.74652d18.js.map",
"search.css": "/mrstaticcss/search.98d4a9bc.chunk.css",
"search.js": "/mrstaticjs/search.64373ee8.chunk.js",
"search.js.map": "/mrstaticjs/search.64373ee8.chunk.js.map",
......@@ -174,9 +174,9 @@
"mrstaticcss/60.a9868bac.chunk.css": "/mrstaticcss/60.a9868bac.chunk.css",
"mrstaticjs/60.639ef887.chunk.js": "/mrstaticjs/60.639ef887.chunk.js",
"mrstaticjs/60.639ef887.chunk.js.map": "/mrstaticjs/60.639ef887.chunk.js.map",
"mrstaticcss/61.08c1eb20.chunk.css": "/mrstaticcss/61.08c1eb20.chunk.css",
"mrstaticjs/61.e8da5353.chunk.js": "/mrstaticjs/61.e8da5353.chunk.js",
"mrstaticjs/61.e8da5353.chunk.js.map": "/mrstaticjs/61.e8da5353.chunk.js.map",
"mrstaticcss/61.ac1893b3.chunk.css": "/mrstaticcss/61.ac1893b3.chunk.css",
"mrstaticjs/61.c035b60c.chunk.js": "/mrstaticjs/61.c035b60c.chunk.js",
"mrstaticjs/61.c035b60c.chunk.js.map": "/mrstaticjs/61.c035b60c.chunk.js.map",
"mrstaticcss/62.92b4a511.chunk.css": "/mrstaticcss/62.92b4a511.chunk.css",
"mrstaticjs/62.b5fff939.chunk.js": "/mrstaticjs/62.b5fff939.chunk.js",
"mrstaticjs/62.b5fff939.chunk.js.map": "/mrstaticjs/62.b5fff939.chunk.js.map",
......@@ -215,7 +215,7 @@
"mrstaticcss/58.fe8c5155.chunk.css.map": "/mrstaticcss/58.fe8c5155.chunk.css.map",
"mrstaticcss/59.0d5c7198.chunk.css.map": "/mrstaticcss/59.0d5c7198.chunk.css.map",
"mrstaticcss/60.a9868bac.chunk.css.map": "/mrstaticcss/60.a9868bac.chunk.css.map",
"mrstaticcss/61.08c1eb20.chunk.css.map": "/mrstaticcss/61.08c1eb20.chunk.css.map",
"mrstaticcss/61.ac1893b3.chunk.css.map": "/mrstaticcss/61.ac1893b3.chunk.css.map",
"mrstaticcss/62.92b4a511.chunk.css.map": "/mrstaticcss/62.92b4a511.chunk.css.map",
"mrstaticcss/63.5a71637d.chunk.css.map": "/mrstaticcss/63.5a71637d.chunk.css.map",
"mrstaticcss/65.0192e5a8.chunk.css.map": "/mrstaticcss/65.0192e5a8.chunk.css.map",
......@@ -274,11 +274,11 @@
"mrstaticmedia/iconfont.css": "/mrstaticmedia/iconfont.d9c813a4.svg",
"mrstaticmedia/kanjia_cg_icon.png": "/mrstaticmedia/kanjia_cg_icon.81a489ac.png",
"mrstaticmedia/video.scss": "/mrstaticmedia/progress-share-bg.80011994.png",
"precache-manifest.f8000867b5fee5fdaa8ae82d06ced0a2.js": "/precache-manifest.f8000867b5fee5fdaa8ae82d06ced0a2.js",
"precache-manifest.62bedbcbbeaa480eaa4f44870f16b2c9.js": "/precache-manifest.62bedbcbbeaa480eaa4f44870f16b2c9.js",
"service-worker.js": "/service-worker.js"
},
"entrypoints": [
"mrstaticjs/runtime-main.5c3fd1d2.js",
"mrstaticjs/runtime-main.74652d18.js",
"mrstaticcss/51.c2d1472d.chunk.css",
"mrstaticjs/51.6943e95c.chunk.js",
"mrstaticcss/main.e4995dc0.chunk.css",
......
build/mrstaticcss/61.08c1eb20.chunk.css.map deleted 100644 → 0
{"version":3,"sources":["/Users/xzh/dnmp/www/mr-julyedu/src/components/activity/give-courses/share-content/share-content.scss","/Users/xzh/dnmp/www/mr-julyedu/src/components/activity/give-courses/share-content/poster/poster.scss","/Users/xzh/dnmp/www/mr-julyedu/src/components/activity/give-courses/share-content/prizes/prizes.scss"],"names":[],"mappings":"AAAA,eACI,UAAW,CACX,WAAY,CACZ,eAAgB,CAChB,wBAAyB,CACzB,yBAAsB,CACtB,iBAAkB,CAClB,iBAAkB,CAClB,6EAA8E,CARlF,oBAWQ,YAAa,CACb,sBAAuB,CACvB,wBAAwB,CAbhC,uBAgBY,iBAAW,CACX,iBAAY,CACZ,sBAAiB,CACjB,aAAc,CACd,wBAAyB,CACzB,oBAAe,CACf,wBAAyB,CAtBrC,mCA0BY,uCAA0B,CA1BtC,kCA8BY,uCAA0B,CA9BtC,4BAkCY,aAAc,CACd,kBAAmB,CACnB,wBAAyB,CCnCrC,QAEI,WAAY,CACZ,eAAgB,CAEhB,gCAAiC,CACjC,0BAA2B,CAN/B,8BACI,UAAW,CAGX,wBASuB,CAb3B,sBAUQ,UAAW,CAEX,oBAAe,CACf,iBAAmB,CAb3B,yBAkBQ,UACkB,CAnB1B,yEAiBQ,UAAW,CAEX,iBAIsB,CAvB9B,oDA0BgB,SAAU,CC3B1B,QACI,oBAAe,CACf,WAAY,CAFhB,iBAKQ,iCAA4B,CAC5B,wBAAyB,CACzB,wBAAyB,CACzB,wBAAkB,CAClB,iBAAkB,CAClB,iBAAmB,CAV3B,8BAcQ,aAAc,CACd,iBAAY,CACZ,gBAAW,CACX,aAAc,CACd,8EAAsH,CAlB9H,yBAsBQ,oBAAqB,CACrB,iBAAY,CACZ,sBAAiB,CACjB,oBAAe,CACf,UAAW,CACX,eAAgB,CAChB,wBAAmB,CA5B3B,mBAgCQ,YAAa,CACb,6BAA8B,CAC9B,cAAe,CACf,qBAAgB,CAnCxB,4BAsCY,WAAY,CACZ,kBAAa,CACb,wBAAkB,CAxC9B,gCA2CgB,UAAW,CACX,WAAY,CA5C5B,cAkDQ,oBAAqB,CACrB,iBAAY,CACZ,iBAAY,CACZ,sBAAiB,CACjB,wBAAuC,CACvC,wBAAmB,CACnB,cAAgB,CAChB,aAAc,CACd,aAAe,CA1DvB,aA+DQ,cAAgB,CAChB,eAAe,CACf,UAAW,CAjEnB,iBAqEQ,UAAW,CACX,qBAAgB,CAtExB,oBAyEY,kBAAY,CACZ,uBAAiB,CA1E7B,uBA8EY,aAAc,CACd,oBAAe,CACf,eAAgB,CAChB,wBAAyB,CAjFrC,uBAqFY,UAAW,CACX,eAAgB,CAChB,eAAe,CAvF3B,yCA2FoB,oBAAe,CA3FnC,yCAgGgB,wBAAyB,CAhGzC,wCAoGgB,wBAAyB,CAC5B,SAOT,cAAe,CACf,KAAM,CACN,QAAS,CACT,MAAO,CACP,OAAQ,CACR,yBAA6B,CANjC,uBASQ,oBAAqB,CACrB,iBAAY,CACZ,eAAgB,CAChB,wBAAkB,CAClB,iCAA4B,CAC5B,qBAAsB,CACtB,2BAA4B,CAC5B,kBAAmB,CAhB3B,8BAmBY,eAAe,CACf,UAAW,CACX,wBAAmB,CACnB,eAAmB,CAtB/B,yBA0BY,eAAgB,CAChB,oBAAe,CACf,UAAc,CACd,iBAAiB,CACjB,kBAAkB,CA9B9B,gBAoCQ,aAAc,CACd,WAAY,CACZ,WAAW,CACX,YAAY","file":"61.08c1eb20.chunk.css","sourcesContent":["#share-content {\n width: 100%;\n height: auto;\n min-height: 100%;\n background-color: #470bc8;\n padding: 30px 0 40px 0;\n position: relative;\n text-align: center;\n font-family: Microsoft YaHei,Helvetica Neue,STHeiti,Helvetica,Arial,sans-serif;\n\n .tab {\n display: flex;\n justify-content: center;\n margin: 0 auto 20px auto;\n\n li {\n width: 83px;\n height: 32px;\n line-height: 32px;\n color: #FEE41D;\n border: 1px solid #FEE41D;\n font-size: 16px;\n background-color: #470bc8;\n }\n\n li:first-child {\n border-radius: 4px 0 0 4px;\n }\n\n li:last-child {\n border-radius: 0 4px 4px 0;\n }\n\n .active {\n color: #090F08;\n background: #FEE41D;\n border: 1px solid #FEE41D;\n }\n }\n\n\n}\n","\n#poster {\n width: 100%;\n height: 100%;\n overflow: hidden;\n background-color: #470bc8;\n -webkit-overflow-scrolling: touch;\n -webkit-touch-callout: none;\n\n .placard-desc {\n width: 100%;\n color: #fff;\n background-color: #470bc8;\n font-size: 14px;\n margin-bottom: 15px;\n }\n\n .total-container {\n width: 100%;\n height: 90%;\n position: relative;\n\n .placard-img-container {\n width: 100%;\n position: relative;\n\n img {\n width: 72%;\n }\n }\n }\n\n\n}\n","#prizes {\n padding: 0 10px;\n height: auto;\n\n .content {\n padding: 20px 10px 30px 10px;\n background-color: #3F07B8;\n border: 1px solid #5970FF;\n border-radius: 4px;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .part-title__decorate {\n display: block;\n width: 232px;\n height: 2px;\n margin: 0 auto;\n background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 0) 100%);\n }\n\n .part-title__txt {\n display: inline-block;\n height: 32px;\n line-height: 32px;\n font-size: 16px;\n color: #fff;\n font-weight: 400;\n letter-spacing: 2px;\n }\n\n .prize-img {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n margin-top: 20px;\n\n .img-box {\n width: 31.3%;\n height: 112px;\n margin-bottom: 5px;\n\n img {\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .rule {\n display: inline-block;\n width: 101px;\n height: 28px;\n line-height: 28px;\n border: 1px solid rgba(254, 228, 29, 1);\n border-radius: 14px;\n margin-top: 15px;\n color: #FEE41D;\n font-size: 15px;\n\n }\n\n .tip {\n margin-top: 15px;\n font-size: 12px;\n color: #fff;\n }\n\n .ranking {\n width: 100%;\n margin-top: 20px;\n\n tr {\n height: 44px;\n line-height: 44px;\n }\n\n thead {\n color: #FEE41D;\n font-size: 14px;\n font-weight: 500;\n background-color: #490AD1;\n }\n\n tbody {\n color: #fff;\n font-weight: 400;\n font-size: 12px;\n\n tr {\n td:first-child {\n font-size: 14px;\n }\n }\n\n tr:nth-child(odd) {\n background-color: #470AC9;\n }\n\n tr:nth-child(even) {\n background-color: #490AD1;\n }\n }\n }\n\n}\n\n.mbc-box{\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0, 0, 0, .6);\n\n .rele-content {\n display: inline-block;\n width: 320px;\n background: #fff;\n border-radius: 5px;\n padding: 20px 28px 30px 28px;\n box-sizing: border-box;\n margin: 145px auto 30px auto;\n letter-spacing: 1px;\n\n .title {\n font-size: 18px;\n color: #111;\n margin-bottom: 20px;\n font-weight: normal;\n }\n\n p {\n text-align: left;\n font-size: 14px;\n color: #666666;\n line-height: 18px;\n margin-bottom: 3px;\n }\n\n }\n\n .close {\n display: block;\n margin: auto;\n width: 33px;\n height: 33px;\n }\n\n}\n"]}
\ No newline at end of file
build/mrstaticcss/61.08c1eb20.chunk.css → build/mrstaticcss/61.ac1893b3.chunk.css
#share-content{width:100%;height:auto;min-height:100%;background-color:#470bc8;padding:8vw 0 10.666667vw;position:relative;text-align:center;font-family:Microsoft YaHei,Helvetica Neue,STHeiti,Helvetica,Arial,sans-serif}#share-content .tab{display:flex;justify-content:center;margin:0 auto 5.333333vw}#share-content .tab li{width:22.133333vw;height:8.533333vw;line-height:8.533333vw;color:#fee41d;border:1px solid #fee41d;font-size:4.266667vw;background-color:#470bc8}#share-content .tab li:first-child{border-radius:1.066667vw 0 0 1.066667vw}#share-content .tab li:last-child{border-radius:0 1.066667vw 1.066667vw 0}#share-content .tab .active{color:#090f08;background:#fee41d;border:1px solid #fee41d}#poster{height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none}#poster,#poster .placard-desc{width:100%;background-color:#470bc8}#poster .placard-desc{color:#fff;font-size:3.733333vw;margin-bottom:4vw}#poster .total-container{height:90%}#poster .total-container,#poster .total-container .placard-img-container{width:100%;position:relative}#poster .total-container .placard-img-container img{width:72%}#prizes{padding:0 2.666667vw;height:auto}#prizes .content{padding:5.333333vw 2.666667vw 8vw;background-color:#3f07b8;border:1px solid #5970ff;border-radius:1.066667vw;text-align:center;margin-bottom:8vw}#prizes .part-title__decorate{display:block;width:61.866667vw;height:.533333vw;margin:0 auto;background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 48%,hsla(0,0%,100%,0))}#prizes .part-title__txt{display:inline-block;height:8.533333vw;line-height:8.533333vw;font-size:4.266667vw;color:#fff;font-weight:400;letter-spacing:.533333vw}#prizes .prize-img{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:5.333333vw}#prizes .prize-img .img-box{width:31.3%;height:29.866667vw;margin-bottom:1.333333vw}#prizes .prize-img .img-box img{width:100%;height:100%}#prizes .rule{display:inline-block;width:26.933333vw;height:7.466667vw;line-height:7.466667vw;border:1px solid #fee41d;border-radius:3.733333vw;margin-top:4vw;color:#fee41d;font-size:4vw}#prizes .tip{margin-top:4vw;font-size:3.2vw;color:#fff}#prizes .ranking{width:100%;margin-top:5.333333vw}#prizes .ranking tr{height:11.733333vw;line-height:11.733333vw}#prizes .ranking thead{color:#fee41d;font-size:3.733333vw;font-weight:500;background-color:#490ad1}#prizes .ranking tbody{color:#fff;font-weight:400;font-size:3.2vw}#prizes .ranking tbody tr td:first-child{font-size:3.733333vw}#prizes .ranking tbody tr:nth-child(odd){background-color:#470ac9}#prizes .ranking tbody tr:nth-child(2n){background-color:#490ad1}.mbc-box{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6)}.mbc-box .rele-content{display:inline-block;width:85.333333vw;background:#fff;border-radius:1.333333vw;padding:5.333333vw 7.466667vw 8vw;box-sizing:border-box;margin:38.666667vw auto 8vw;letter-spacing:1px}.mbc-box .rele-content .title{font-size:4.8vw;color:#111;margin-bottom:5.333333vw;font-weight:400}.mbc-box .rele-content p{text-align:left;font-size:3.733333vw;color:#666;line-height:4.8vw;margin-bottom:.8vw}.mbc-box .close{display:block;margin:auto;width:8.8vw;height:8.8vw}
/*# sourceMappingURL=61.08c1eb20.chunk.css.map */
\ No newline at end of file
#share-content{width:100%;height:auto;min-height:100%;background-color:#470bc8;padding:8vw 0 10.666667vw;position:relative;text-align:center;font-family:Microsoft YaHei,Helvetica Neue,STHeiti,Helvetica,Arial,sans-serif}#share-content .tab{display:flex;justify-content:center;margin:0 auto 5.333333vw}#share-content .tab li{width:22.133333vw;height:8.533333vw;line-height:8.533333vw;color:#fee41d;border:1px solid #fee41d;font-size:4.266667vw;background-color:#470bc8}#share-content .tab li:first-child{border-radius:1.066667vw 0 0 1.066667vw}#share-content .tab li:last-child{border-radius:0 1.066667vw 1.066667vw 0}#share-content .tab .active{color:#090f08;background:#fee41d;border:1px solid #fee41d}#poster{height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none}#poster,#poster .placard-desc{width:100%;background-color:#470bc8}#poster .placard-desc{color:#fff;font-size:3.733333vw;margin-bottom:4vw}#poster .total-container{height:90%}#poster .total-container,#poster .total-container .placard-img-container{width:100%;position:relative}#poster .total-container .placard-img-container img{width:72%}#prizes{padding:0 2.666667vw;height:auto}#prizes .content{padding:5.333333vw 2.666667vw 8vw;background-color:#3f07b8;border:1px solid #5970ff;border-radius:1.066667vw;text-align:center;margin-bottom:8vw}#prizes .part-title__decorate{display:block;width:61.866667vw;height:.533333vw;margin:0 auto;background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 48%,hsla(0,0%,100%,0))}#prizes .part-title__txt{display:inline-block;height:8.533333vw;line-height:8.533333vw;font-size:4.266667vw;color:#fff;font-weight:400;letter-spacing:.533333vw}#prizes .prize-img{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:5.333333vw}#prizes .prize-img .img-box{width:31.3%;height:29.866667vw;margin-bottom:1.333333vw}#prizes .prize-img .img-box img{width:100%;height:100%}#prizes .rule{display:inline-block;width:26.933333vw;height:7.466667vw;line-height:7.466667vw;border:1px solid #fee41d;border-radius:3.733333vw;margin-top:4vw;color:#fee41d;font-size:4vw}#prizes .tip{margin-top:4vw;font-size:3.2vw;color:#fff}#prizes .ranking{width:100%;margin-top:5.333333vw}#prizes .ranking tr{height:11.733333vw;line-height:11.733333vw}#prizes .ranking thead{color:#fee41d;font-size:3.733333vw;font-weight:500;background-color:#490ad1}#prizes .ranking tbody{color:#fff;font-weight:400;font-size:3.2vw}#prizes .ranking tbody tr td:first-child{font-size:3.733333vw}#prizes .ranking tbody tr:nth-child(odd){background-color:#470ac9}#prizes .ranking tbody tr:nth-child(2n){background-color:#490ad1}.mbc-box{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6)}.mbc-box .rele-content-box{width:85.333333vw;height:104vw;position:absolute;top:50%;left:50%;box-sizing:border-box;margin-top:-53.333333vw;margin-left:-42.666667vw;letter-spacing:1px;background-color:#fff;border-radius:1.333333vw;padding:4vw 7.466667vw 6.666667vw}.mbc-box .title{font-size:4.8vw;color:#111;margin-bottom:4vw;font-weight:400}.mbc-box .rele-content{height:80vw;overflow-y:auto}.mbc-box .rele-content p{text-align:left;font-size:3.733333vw;color:#666;line-height:4.8vw;margin-bottom:.8vw}.mbc-box .close{display:block;margin:16vw auto 0;width:8.8vw;height:8.8vw}
/*# sourceMappingURL=61.ac1893b3.chunk.css.map */
\ No newline at end of file
build/mrstaticcss/61.ac1893b3.chunk.css.map 0 → 100644
{"version":3,"sources":["/Users/xzh/dnmp/www/mr-julyedu/src/components/activity/give-courses/share-content/share-content.scss","/Users/xzh/dnmp/www/mr-julyedu/src/components/activity/give-courses/share-content/poster/poster.scss","/Users/xzh/dnmp/www/mr-julyedu/src/components/activity/give-courses/share-content/prizes/prizes.scss"],"names":[],"mappings":"AAAA,eACI,UAAW,CACX,WAAY,CACZ,eAAgB,CAChB,wBAAyB,CACzB,yBAAsB,CACtB,iBAAkB,CAClB,iBAAkB,CAClB,6EAA8E,CARlF,oBAWQ,YAAa,CACb,sBAAuB,CACvB,wBAAwB,CAbhC,uBAgBY,iBAAW,CACX,iBAAY,CACZ,sBAAiB,CACjB,aAAc,CACd,wBAAyB,CACzB,oBAAe,CACf,wBAAyB,CAtBrC,mCA0BY,uCAA0B,CA1BtC,kCA8BY,uCAA0B,CA9BtC,4BAkCY,aAAc,CACd,kBAAmB,CACnB,wBAAyB,CCnCrC,QAEI,WAAY,CACZ,eAAgB,CAEhB,gCAAiC,CACjC,0BAA2B,CAN/B,8BACI,UAAW,CAGX,wBASuB,CAb3B,sBAUQ,UAAW,CAEX,oBAAe,CACf,iBAAmB,CAb3B,yBAkBQ,UACkB,CAnB1B,yEAiBQ,UAAW,CAEX,iBAIsB,CAvB9B,oDA0BgB,SAAU,CC3B1B,QACI,oBAAe,CACf,WAAY,CAFhB,iBAKQ,iCAA4B,CAC5B,wBAAyB,CACzB,wBAAyB,CACzB,wBAAkB,CAClB,iBAAkB,CAClB,iBAAmB,CAV3B,8BAcQ,aAAc,CACd,iBAAY,CACZ,gBAAW,CACX,aAAc,CACd,8EAAsH,CAlB9H,yBAsBQ,oBAAqB,CACrB,iBAAY,CACZ,sBAAiB,CACjB,oBAAe,CACf,UAAW,CACX,eAAgB,CAChB,wBAAmB,CA5B3B,mBAgCQ,YAAa,CACb,6BAA8B,CAC9B,cAAe,CACf,qBAAgB,CAnCxB,4BAsCY,WAAY,CACZ,kBAAa,CACb,wBAAkB,CAxC9B,gCA2CgB,UAAW,CACX,WAAY,CA5C5B,cAkDQ,oBAAqB,CACrB,iBAAY,CACZ,iBAAY,CACZ,sBAAiB,CACjB,wBAAuC,CACvC,wBAAmB,CACnB,cAAgB,CAChB,aAAc,CACd,aAAe,CA1DvB,aA+DQ,cAAgB,CAChB,eAAe,CACf,UAAW,CAjEnB,iBAqEQ,UAAW,CACX,qBAAgB,CAtExB,oBAyEY,kBAAY,CACZ,uBAAiB,CA1E7B,uBA8EY,aAAc,CACd,oBAAe,CACf,eAAgB,CAChB,wBAAyB,CAjFrC,uBAqFY,UAAW,CACX,eAAgB,CAChB,eAAe,CAvF3B,yCA2FoB,oBAAe,CA3FnC,yCAgGgB,wBAAyB,CAhGzC,wCAoGgB,wBAAyB,CAC5B,SAOT,cAAe,CACf,KAAM,CACN,QAAS,CACT,MAAO,CACP,OAAQ,CACR,yBAA6B,CANjC,2BASQ,iBAAY,CACZ,YAAa,CACb,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,qBAAsB,CACtB,uBAAkB,CAClB,wBAAmB,CACnB,kBAAmB,CACnB,qBAAsB,CACtB,wBAAkB,CAClB,iCAA4B,CApBpC,gBAyBQ,eAAe,CACf,UAAW,CACX,iBAAmB,CACnB,eAAmB,CA5B3B,uBAiCQ,WAAa,CACb,eAAgB,CAlCxB,yBAoCY,eAAgB,CAChB,oBAAe,CACf,UAAc,CACd,iBAAiB,CACjB,kBAAkB,CAxC9B,gBA8CQ,aAAc,CACd,kBAAwB,CACxB,WAAW,CACX,YAAY","file":"61.ac1893b3.chunk.css","sourcesContent":["#share-content {\n width: 100%;\n height: auto;\n min-height: 100%;\n background-color: #470bc8;\n padding: 30px 0 40px 0;\n position: relative;\n text-align: center;\n font-family: Microsoft YaHei,Helvetica Neue,STHeiti,Helvetica,Arial,sans-serif;\n\n .tab {\n display: flex;\n justify-content: center;\n margin: 0 auto 20px auto;\n\n li {\n width: 83px;\n height: 32px;\n line-height: 32px;\n color: #FEE41D;\n border: 1px solid #FEE41D;\n font-size: 16px;\n background-color: #470bc8;\n }\n\n li:first-child {\n border-radius: 4px 0 0 4px;\n }\n\n li:last-child {\n border-radius: 0 4px 4px 0;\n }\n\n .active {\n color: #090F08;\n background: #FEE41D;\n border: 1px solid #FEE41D;\n }\n }\n\n\n}\n","\n#poster {\n width: 100%;\n height: 100%;\n overflow: hidden;\n background-color: #470bc8;\n -webkit-overflow-scrolling: touch;\n -webkit-touch-callout: none;\n\n .placard-desc {\n width: 100%;\n color: #fff;\n background-color: #470bc8;\n font-size: 14px;\n margin-bottom: 15px;\n }\n\n .total-container {\n width: 100%;\n height: 90%;\n position: relative;\n\n .placard-img-container {\n width: 100%;\n position: relative;\n\n img {\n width: 72%;\n }\n }\n }\n\n\n}\n","#prizes {\n padding: 0 10px;\n height: auto;\n\n .content {\n padding: 20px 10px 30px 10px;\n background-color: #3F07B8;\n border: 1px solid #5970FF;\n border-radius: 4px;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .part-title__decorate {\n display: block;\n width: 232px;\n height: 2px;\n margin: 0 auto;\n background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 0) 100%);\n }\n\n .part-title__txt {\n display: inline-block;\n height: 32px;\n line-height: 32px;\n font-size: 16px;\n color: #fff;\n font-weight: 400;\n letter-spacing: 2px;\n }\n\n .prize-img {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n margin-top: 20px;\n\n .img-box {\n width: 31.3%;\n height: 112px;\n margin-bottom: 5px;\n\n img {\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .rule {\n display: inline-block;\n width: 101px;\n height: 28px;\n line-height: 28px;\n border: 1px solid rgba(254, 228, 29, 1);\n border-radius: 14px;\n margin-top: 15px;\n color: #FEE41D;\n font-size: 15px;\n\n }\n\n .tip {\n margin-top: 15px;\n font-size: 12px;\n color: #fff;\n }\n\n .ranking {\n width: 100%;\n margin-top: 20px;\n\n tr {\n height: 44px;\n line-height: 44px;\n }\n\n thead {\n color: #FEE41D;\n font-size: 14px;\n font-weight: 500;\n background-color: #490AD1;\n }\n\n tbody {\n color: #fff;\n font-weight: 400;\n font-size: 12px;\n\n tr {\n td:first-child {\n font-size: 14px;\n }\n }\n\n tr:nth-child(odd) {\n background-color: #470AC9;\n }\n\n tr:nth-child(even) {\n background-color: #490AD1;\n }\n }\n }\n\n}\n\n.mbc-box{\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0, 0, 0, .6);\n\n .rele-content-box {\n width: 320px;\n height: 390px;\n position: absolute;\n top: 50%;\n left: 50%;\n box-sizing: border-box;\n margin-top: -200px;\n margin-left: -160px;\n letter-spacing: 1px;\n background-color: #fff;\n border-radius: 5px;\n padding: 15px 28px 25px 28px;\n }\n\n\n .title {\n font-size: 18px;\n color: #111;\n margin-bottom: 15px;\n font-weight: normal;\n }\n\n\n .rele-content {\n height: 300px;\n overflow-y: auto;\n p {\n text-align: left;\n font-size: 14px;\n color: #666666;\n line-height: 18px;\n margin-bottom: 3px;\n }\n\n }\n\n .close {\n display: block;\n margin: 60px auto 0 auto;\n width: 33px;\n height: 33px;\n }\n\n}\n"]}
\ No newline at end of file
build/precache-manifest.f8000867b5fee5fdaa8ae82d06ced0a2.js → build/precache-manifest.62bedbcbbeaa480eaa4f44870f16b2c9.js
self.__precacheManifest = (self.__precacheManifest || []).concat([
{
"revision": "d6ad2071570599fd9a47770694969c6d",
"revision": "036e2f0e1d5472af58f3823960f975fe",
"url": "/index.html"
},
{
......@@ -48,8 +48,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
"url": "/mrstaticcss/60.a9868bac.chunk.css"
},
{
"revision": "c8583db8f31cdd31c893",
"url": "/mrstaticcss/61.08c1eb20.chunk.css"
"revision": "d33707a456edae61b7ce",
"url": "/mrstaticcss/61.ac1893b3.chunk.css"
},
{
"revision": "3c0ef1e55a54f5d54b80",
......@@ -332,8 +332,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
"url": "/mrstaticjs/60.639ef887.chunk.js"
},
{
"revision": "c8583db8f31cdd31c893",
"url": "/mrstaticjs/61.e8da5353.chunk.js"
"revision": "d33707a456edae61b7ce",
"url": "/mrstaticjs/61.c035b60c.chunk.js"
},
{
"revision": "3c0ef1e55a54f5d54b80",
......@@ -512,8 +512,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
"url": "/mrstaticjs/python-class.3110ac8e.chunk.js"
},
{
"revision": "ff758acf06c57a323ee9",
"url": "/mrstaticjs/runtime-main.5c3fd1d2.js"
"revision": "b1281d5a2336fefd82d0",
"url": "/mrstaticjs/runtime-main.74652d18.js"
},
{
"revision": "1b5a0fa452d41dcf9206",
......
build/service-worker.js
......@@ -14,7 +14,7 @@
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
importScripts(
"/precache-manifest.f8000867b5fee5fdaa8ae82d06ced0a2.js"
"/precache-manifest.62bedbcbbeaa480eaa4f44870f16b2c9.js"
);
self.addEventListener('message', (event) => {
......
src/components/activity/give-courses/share-content/prizes/prizes.js
......@@ -130,20 +130,18 @@ class Prizes extends Component {
{
isShowRule ?
<div className="mbc-box">
<div className="rele-content">
<div className="rele-content-box">
<div className="title">活动规则</div>
<div dangerouslySetInnerHTML={{__html: rule}}></div>
{/*<p>1、进入七月在线服务号<a*/}
{/*style={{fontSize: `16px`, color: `rgba(47, 248, 255, 1)`, display: `inline-block`}}>回复77</a>获取活动海报，将上方课程赠送给好友，每有1名好友领取后，您和好友均可免费学习1课时该课；*/}
{/*</p>*/}
{/*<p>2、每多1名好友领取，您获得的课时数+1，直到获得全部课时，届时仍可赠送给好友；</p>*/}
{/*<p>3、活动结束后，邀请好友数超过50人且排行榜前20名用户会得到<a*/}
{/*style={{fontSize: `16px`, color: `rgba(47, 248, 255, 1)`, display: `inline-block`}}>19VIP年会员、樱桃键盘</a>等大奖。*/}
{/*</p>*/}
<div className="rele-content">
<div dangerouslySetInnerHTML={{__html: rule}}></div>
</div>
<img className="close"
onClick={() => {this.setState({isShowRule: false})}}
src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/close-btn.png" alt=""/>
</div>
<img className="close"
onClick={() => {this.setState({isShowRule: false})}}
src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/close-btn.png" alt=""/>
</div>
: null
}
......
src/components/activity/give-courses/share-content/prizes/prizes.scss
......@@ -113,23 +113,33 @@
right: 0;
background: rgba(0, 0, 0, .6);
.rele-content {
display: inline-block;
.rele-content-box {
width: 320px;
background: #fff;
border-radius: 5px;
padding: 20px 28px 30px 28px;
height: 390px;
position: absolute;
top: 50%;
left: 50%;
box-sizing: border-box;
margin: 145px auto 30px auto;
margin-top: -200px;
margin-left: -160px;
letter-spacing: 1px;
background-color: #fff;
border-radius: 5px;
padding: 15px 28px 25px 28px;
}
.title {
font-size: 18px;
color: #111;
margin-bottom: 20px;
font-weight: normal;
}
.title {
font-size: 18px;
color: #111;
margin-bottom: 15px;
font-weight: normal;
}
.rele-content {
height: 300px;
overflow-y: auto;
p {
text-align: left;
font-size: 14px;
......@@ -142,7 +152,7 @@
.close {
display: block;
margin: auto;
margin: 60px auto 0 auto;
width: 33px;
height: 33px;
}
......
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