Skip to content

H
h5-base
Commit ff6ffc3c authored by wangwei's avatar wangwei
Browse files
Options

视频循环

parent aab4498a
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 361 additions and 12 deletions
dev/index.html
View file @ ff6ffc3c
...@@ -4,4 +4,4 @@ ...@@ -4,4 +4,4 @@
hm.src = "https://hm.baidu.com/hm.js?3d48322170d471164729cba5dfa4195f"; hm.src = "https://hm.baidu.com/hm.js?3d48322170d471164729cba5dfa4195f";
var s = document.getElementsByTagName("script")[0]; var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s); s.parentNode.insertBefore(hm, s);
})();</script><style></style><link href=/static/css/app.9f631d4069047acf4ee994f5d9f958c3.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script type=text/javascript src=/static/js/manifest.8f0c2f7555d7fff4bf5a.js></script><script type=text/javascript src=/static/js/vendor.f2f18cf9e4f348a6b3fa.js></script><script type=text/javascript src=/static/js/app.e97debad53d6c02e5060.js></script></body></html> })();</script><style></style><link href=/static/css/app.9f631d4069047acf4ee994f5d9f958c3.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script type=text/javascript src=/static/js/manifest.d3d58d58aee6face579f.js></script><script type=text/javascript src=/static/js/vendor.f2f18cf9e4f348a6b3fa.js></script><script type=text/javascript src=/static/js/app.e97debad53d6c02e5060.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dev/static/js/0.37b594bc9b0ccc82a1fc.js 0 → 100644
View file @ ff6ffc3c
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/0.37b594bc9b0ccc82a1fc.js.map 0 → 100644
View file @ ff6ffc3c
This diff is collapsed.
dev/static/js/2.804125b09bae3c98818c.js 0 → 100644
View file @ ff6ffc3c
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/2.804125b09bae3c98818c.js.map 0 → 100644
View file @ ff6ffc3c
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/3.4cf371434ecb47162c3f.js 0 → 100644
View file @ ff6ffc3c
This diff is collapsed.
dev/static/js/3.4cf371434ecb47162c3f.js.map 0 → 100644
View file @ ff6ffc3c
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/7.18647bf8ec9ae21729fd.js 0 → 100644
View file @ ff6ffc3c
This diff is collapsed.
dev/static/js/7.18647bf8ec9ae21729fd.js.map 0 → 100644
View file @ ff6ffc3c
This diff is collapsed.
dev/static/js/manifest.d3d58d58aee6face579f.js 0 → 100644
View file @ ff6ffc3c
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var f,i,u,b=0,d=[];b<r.length;b++)i=r[b],t[i]&&d.push(t[i][0]),t[i]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,a);d.length;)d.shift()();if(a)for(b=0;b<a.length;b++)u=o(o.s=a[b]);return u};var r={},t={17:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"37b594bc9b0ccc82a1fc",1:"4f08b431dc20b51a1896",2:"804125b09bae3c98818c",3:"4cf371434ecb47162c3f",4:"2a1ed845f5ffb998c7bc",5:"bbb87395fdecb0367966",6:"3e2065223f37d1a9e048",7:"18647bf8ec9ae21729fd",8:"d34b44eb54271674691b",9:"5d4a39c9e1a784ee9683",10:"01437b5d24dc0988f3d5",11:"e25cf9ab8ad2ef236662",12:"ab60c4b0944ef819faa3",13:"48e5ec8966f3dc4513b2",14:"a87e2de1d70a4657abd8"}[e]+".js";var f=setTimeout(i,12e4);function i(){a.onerror=a.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=i,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="/",o.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.d3d58d58aee6face579f.js.map
\ No newline at end of file
dev/static/js/manifest.d3d58d58aee6face579f.js.map 0 → 100644
View file @ ff6ffc3c
{"version":3,"sources":["webpack:///webpack/bootstrap 0b7e01262d70d6ce4d6b"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","17","exports","module","l","e","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","script","createElement","type","charset","async","timeout","nc","setAttribute","src","p","0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","setTimeout","onScriptComplete","onerror","onload","clearTimeout","chunk","Error","undefined","appendChild","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,GAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAA,SAAApB,GACA,IAAAqB,EAAAhB,EAAAL,GACA,OAAAqB,EACA,WAAAC,QAAA,SAAAC,GAA0CA,MAI1C,GAAAF,EACA,OAAAA,EAAA,GAIA,IAAAG,EAAA,IAAAF,QAAA,SAAAC,EAAAE,GACAJ,EAAAhB,EAAAL,IAAAuB,EAAAE,KAEAJ,EAAA,GAAAG,EAGA,IAAAE,EAAAC,SAAAC,qBAAA,WACAC,EAAAF,SAAAG,cAAA,UACAD,EAAAE,KAAA,kBACAF,EAAAG,QAAA,QACAH,EAAAI,OAAA,EACAJ,EAAAK,QAAA,KAEArB,EAAAsB,IACAN,EAAAO,aAAA,QAAAvB,EAAAsB,IAEAN,EAAAQ,IAAAxB,EAAAyB,EAAA,aAAAtC,EAAA,KAAwEuC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,uBAAAC,GAAA,wBAA0ZrD,GAAA,MACle,IAAAkC,EAAAoB,WAAAC,EAAA,MAEA,SAAAA,IAEA1B,EAAA2B,QAAA3B,EAAA4B,OAAA,KACAC,aAAAxB,GACA,IAAAyB,EAAAtD,EAAAL,GACA,IAAA2D,IACAA,GACAA,EAAA,OAAAC,MAAA,iBAAA5D,EAAA,aAEAK,EAAAL,QAAA6D,GAKA,OAfAhC,EAAA2B,QAAA3B,EAAA4B,OAAAF,EAaA7B,EAAAoC,YAAAjC,GAEAL,GAIAX,EAAAkD,EAAApD,EAGAE,EAAAmD,EAAAjD,EAGAF,EAAAoD,EAAA,SAAAhD,EAAAiD,EAAAC,GACAtD,EAAAuD,EAAAnD,EAAAiD,IACA3D,OAAA8D,eAAApD,EAAAiD,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAtD,EAAA4D,EAAA,SAAAvD,GACA,IAAAiD,EAAAjD,KAAAwD,WACA,WAA2B,OAAAxD,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAoD,EAAAE,EAAA,IAAAA,GACAA,GAIAtD,EAAAuD,EAAA,SAAAO,EAAAC,GAAsD,OAAArE,OAAAC,UAAAC,eAAAC,KAAAiE,EAAAC,IAGtD/D,EAAAyB,EAAA,IAGAzB,EAAAgE,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.d3d58d58aee6face579f.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t17: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = \"text/javascript\";\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"37b594bc9b0ccc82a1fc\",\"1\":\"4f08b431dc20b51a1896\",\"2\":\"804125b09bae3c98818c\",\"3\":\"4cf371434ecb47162c3f\",\"4\":\"2a1ed845f5ffb998c7bc\",\"5\":\"bbb87395fdecb0367966\",\"6\":\"3e2065223f37d1a9e048\",\"7\":\"18647bf8ec9ae21729fd\",\"8\":\"d34b44eb54271674691b\",\"9\":\"5d4a39c9e1a784ee9683\",\"10\":\"01437b5d24dc0988f3d5\",\"11\":\"e25cf9ab8ad2ef236662\",\"12\":\"ab60c4b0944ef819faa3\",\"13\":\"48e5ec8966f3dc4513b2\",\"14\":\"a87e2de1d70a4657abd8\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 0b7e01262d70d6ce4d6b"],"sourceRoot":""}
\ No newline at end of file
src/components/index.vue
View file @ ff6ffc3c
...@@ -144,9 +144,9 @@ ...@@ -144,9 +144,9 @@
this.teacherDetail = res; this.teacherDetail = res;
if(localStorage.getItem('qrType') !== 'hidden'){ if(localStorage.getItem('qrType') !== 'hidden'){
localStorage.setItem('qrType','hidden'); localStorage.setItem('qrType','hidden');
} if(window.innerWidth < window.innerHeight ){
if(window.innerWidth < window.innerHeight ){ this.teacherQ2 = true
this.teacherQ2 = true }
} }
} }
}) })
......
src/components/map/index.vue
View file @ ff6ffc3c
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
<swiper-slide v-for="(item,x) in hpLessonList" :key="x" style="width: 50vh"> <swiper-slide v-for="(item,x) in hpLessonList" :key="x" style="width: 50vh">
<div class="lesson-content-hp" @click="showDia(item)"> <div class="lesson-content-hp" @click="showDia(item)">
<div class="clock-hp" v-if="item.push_time === '0000-00-00'"> <div class="clock-hp" v-if="item.push_time === '0000-00-00'">
尚未开课 等待开课
</div> </div>
<div class="lesson-day-hp">{{item.dayText}}</div> <div class="lesson-day-hp">{{item.dayText}}</div>
<div class="lesson-img-hp"><img :src="item.cover"></div> <div class="lesson-img-hp"><img :src="item.cover"></div>
...@@ -744,19 +744,20 @@ ...@@ -744,19 +744,20 @@
margin: 0 5*@toVw; margin: 0 5*@toVw;
background: white; background: white;
box-shadow:0*@toVw 2*@toVw 4*@toVw 0*@toVw rgba(0,0,0,0.2); box-shadow:0*@toVw 2*@toVw 4*@toVw 0*@toVw rgba(0,0,0,0.2);
height: calc(100vh - 15.99550225vw); height: calc(100vh - 11.99550225vw);
border: 1*@toVw solid #000; border: 1*@toVw solid #000;
border-radius: 8*@toVw; border-radius: 8*@toVw;
text-align: center; text-align: center;
.clock-hp{ .clock-hp{
position: absolute; position: absolute;
font-size: 12*@toVw;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(255,255,255,0.8); background: rgba(255,255,255,0.8);
border-radius: 8*@toVw; border-radius: 8*@toVw;
line-height: calc(100vh - 20.99550225vw); line-height: calc(100vh - 11.99550225vw);
} }
.lesson-day-hp{ .lesson-day-hp{
...@@ -772,9 +773,9 @@ ...@@ -772,9 +773,9 @@
color:rgba(0,0,0,1); color:rgba(0,0,0,1);
} }
.lesson-img-hp{ .lesson-img-hp{
margin: calc((100vh - 20.99550225vw) / 2 - 24vh) auto; margin: calc((100vh - 20.99550225vw) / 2 - 12vh) auto;
width: 25vh; width: 20vh;
height: 25vh; height: 20vh;
border-radius: 100*@toVw; border-radius: 100*@toVw;
overflow: hidden; overflow: hidden;
img{ img{
...@@ -784,6 +785,9 @@ ...@@ -784,6 +785,9 @@
.lesson-name-hp{ .lesson-name-hp{
font-size:12*@toVw; font-size:12*@toVw;
font-family:PingFang-SC-Medium; font-family:PingFang-SC-Medium;
max-height: 24*@toVw;
line-height: 12*@toVw;
overflow: hidden;
font-weight:500; font-weight:500;
color:rgba(0,0,0,1); color:rgba(0,0,0,1);
} }
......
src/components/newLesson/audio.vue
View file @ ff6ffc3c
...@@ -744,4 +744,211 @@ ...@@ -744,4 +744,211 @@
} }
} }
} }
@media screen and (min-aspect-ratio: ~"20/8"){
@toVw:100/900vw;
.playImage{background:url('/static/images/playImage.png?v=2') no-repeat;background-size:40*@toVw 225*@toVw;display: inline-block}
._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;}
._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom}
.last{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}
.listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}
.replay{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}
.next{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}
.replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}
.list{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}
.zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}
.zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}
.play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}
.stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}
.audio-page{
position: absolute;
top: 5*@toVw;
bottom: 5*@toVw;
left: 5*@toVw;
right: 5*@toVw;
overflow: auto;
border-radius:8*@toVw;
.content{
position: static;
height: 100%;
width: 100%;
display: flex;
border-radius: 8*@toVw;
padding: 0;
.hp-left{
flex: 1;
margin-right: 20*@toVw;
.hp-top{
display: flex;
width: 100%;
}
}
.image-block{
width: 150*@toVw;
height: 150*@toVw;
box-shadow: 0 0 30*@toVw 5*@toVw #ddd;
overflow: hidden;
display: block;
margin: auto;
border-radius: 8*@toVw;
img{
width: 100%;
}
}
.title-block{
margin-top: 24*@toVw;
.title{
font-size:16*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
}
.tips{
font-size:14*@toVw;
margin-top: 6*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(153,153,153,1);
}
}
.range-block{
width: auto;
margin-top: 16*@toVw;
.time-block{
font-size:12*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
text-align: left;
&:after{
content: '';
display: block;
clear: both;
}
.left-time{
float: left;
}
.right-time{
float: right;
}
}
input[type=range] {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-appearance: none;
background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat,#D8D8D8;
background-size: 75% 100%;/*设置左右宽度比例*/
width: 100%;
border-radius: 10*@toVw; /*这个属性设置使填充进度条时的图形为圆角*/
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
}
input[type=range]::-webkit-slider-runnable-track {
height: 4*@toVw;
border-radius: 2*@toVw ;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border-radius: 50%; /*外观设置为圆形*/
height: 16*@toVw;
width: 16*@toVw;
margin-top: -6*@toVw; /*使滑块超出轨道部分的偏移量相等*/
background: #49E2A5;
}
}
.btn-group{
margin-top: 15vh;
display: none;
width: 200*@toVw;
&.hp{
display: flex;
}
}
}
.list-popup{
width: 375*@toVw;
max-height: 345*@toVw;
overflow: auto;
border-radius: 8*@toVw 8*@toVw 0 0;
background: white;
padding-top: 20*@toVw;
.list-block{
display: block;
width: auto;
margin: 0 20*@toVw;
padding:12*@toVw 36*@toVw;
border-bottom: 1*@toVw solid #dddddd;
&.active{
color: #49E2A5;
}
}
.close-btn{
text-align: center;
padding: 20*@toVw;
}
}
.imgPop-block{
max-height: 500*@toVw;
overflow: auto;
img{
max-width: 300*@toVw;
}
}
.btn-block{
position:relative;
min-width:90*@toVw ;
margin-top: 0;
display: block;
height: 100%;
.age-block{
display: block;
position: static;
padding: 0;
height: 28*@toVw;
width: 88*@toVw;
line-height: 28*@toVw;
border: 1*@toVw solid #666;
border-radius: 100*@toVw;
font-size:12*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
}
.age-change-block{
position: static;
width: 80*@toVw;
margin-top: 10*@toVw;
border-radius: 8*@toVw;
border: 1*@toVw solid #666666;
font-size:12*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
&>div{
padding: 6*@toVw 11*@toVw;
text-align: left;
&:first-child{
border-bottom: 1*@toVw solid #eee;
}
}
}
.change-block-HP{
position: absolute;
top: ~"calc(100vh - 12.5vw)";
display: block;
width: 78*@toVw;
img{
width: 100%;
}
}
.change-block{
display: none;
}
}
}
}
</style> </style>
src/components/newLesson/video.vue
View file @ ff6ffc3c
...@@ -112,6 +112,9 @@ ...@@ -112,6 +112,9 @@
.playImage{background:url('/static/images/playImage.png') no-repeat;background-size:40*@toVw 189*@toVw;display: inline-block} .playImage{background:url('/static/images/playImage.png') no-repeat;background-size:40*@toVw 189*@toVw;display: inline-block}
._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;} ._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 0;}
._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom} ._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 -4*@toVw;vertical-align: bottom}
.age-change-block{
display: none;
}
.video-page{ .video-page{
.content{ .content{
background: white; background: white;
...@@ -256,7 +259,101 @@ ...@@ -256,7 +259,101 @@
} }
.btn-block{ .btn-block{
position:relative; position:relative;
min-width:90*@toVw ; min-width: 90*@toVw;
display: block;
height: 100%;
.age-block{
display: block;
position: static;
padding: 0;
height: 28*@toVw;
width: 88*@toVw;
line-height: 28*@toVw;
border: 1*@toVw solid #666;
border-radius: 100*@toVw;
font-size:12*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
}
.age-change-block{
position: static;
width: 80*@toVw;
margin-top: 10*@toVw;
border-radius: 8*@toVw;
border: 1*@toVw solid #666666;
font-size:12*@toVw;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
&>div{
padding: 6*@toVw 11*@toVw;
text-align: left;
&:first-child{
border-bottom: 1*@toVw solid #eee;
}
}
}
.change-block-HP{
position: absolute;
top: ~"calc(100vh - 12.5vw)";
display: block;
width: 78*@toVw;
img{
width: 100%;
}
}
.change-block{
display: none;
}
}
}
}
}
@media screen and (min-aspect-ratio: ~"20/8"){
@toVw:100/900vw;
.video-page{
position: absolute;
top: 5*@toVw;
bottom: 5*@toVw;
left: 5*@toVw;
right: 5*@toVw;
background:rgba(255,255,255,1);
overflow: auto;
border-radius:8*@toVw;
.content{
position: static;
height: 100%;
width: 100%;
display: flex;
border-radius: 8px;
padding: 0;
.header{
display: none;
}
.video-block{
display: none;
&.hp-video{
display: inline-block;
margin: 0 10*@toVw 0 0;
border: none;
height: 100%;
border-radius: 12*@toVw;
padding: 0;
}
video{
height: 100%;
margin: auto;
width: auto;
display: block;
background:rgba(0,0,0,0.4);
border-radius:8*@toVw;
}
}
.btn-block{
position:relative;
min-width: 90*@toVw;
display: block; display: block;
height: 100%; height: 100%;
.age-block{ .age-block{
......
src/components/public/bottomTab.vue
View file @ ff6ffc3c
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
@toVw:100/667vw; @toVw:100/667vw;
.bottom-tab{ .bottom-tab{
width: 667*@toVw; width: 667*@toVw;
height: 48*@toVw; height: 20*@toVw;
position: fixed; position: fixed;
left: 0; left: 0;
bottom: 0; bottom: 0;
......
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