Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Sign in
Toggle navigation
H
h5-base
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
new-sing
h5-base
Commits
e30b86dd
Commit
e30b86dd
authored
Nov 30, 2018
by
wangwei
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
新课包编写
parent
e3fc307f
Changes
6
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
9 additions
and
3 deletions
+9
-3
index.html
dev/index.html
+1
-1
3.c093916fdcec93ff37e2.js
dev/static/js/3.c093916fdcec93ff37e2.js
+2
-0
3.c093916fdcec93ff37e2.js.map
dev/static/js/3.c093916fdcec93ff37e2.js.map
+1
-0
manifest.312fc1e3635af4233954.js
dev/static/js/manifest.312fc1e3635af4233954.js
+2
-0
manifest.312fc1e3635af4233954.js.map
dev/static/js/manifest.312fc1e3635af4233954.js.map
+1
-0
look.vue
src/components/newLesson/look.vue
+2
-2
No files found.
dev/index.html
View file @
e30b86dd
...
...
@@ -4,4 +4,4 @@
hm
.
src
=
"https://hm.baidu.com/hm.js?3d48322170d471164729cba5dfa4195f"
;
var
s
=
document
.
getElementsByTagName
(
"script"
)[
0
];
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
src=
https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/3.0.0/vconsole.min.js
></script><script>
var
vConsole
=
new
VConsole
();
</script><script
type=
text/javascript
src=
/static/js/manifest.5b1bcaa78e9760a7b323.js
></script><script
type=
text/javascript
src=
/static/js/vendor.f0bc50a715dde12aa04f.js
></script><script
type=
text/javascript
src=
/static/js/app.a2b532084f76a79db2c2.js
></script></body></html>
\ No newline at end of file
})();
</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
src=
https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/3.0.0/vconsole.min.js
></script><script>
var
vConsole
=
new
VConsole
();
</script><script
type=
text/javascript
src=
/static/js/manifest.312fc1e3635af4233954.js
></script><script
type=
text/javascript
src=
/static/js/vendor.f0bc50a715dde12aa04f.js
></script><script
type=
text/javascript
src=
/static/js/app.a2b532084f76a79db2c2.js
></script></body></html>
\ No newline at end of file
dev/static/js/3.c093916fdcec93ff37e2.js
0 → 100644
View file @
e30b86dd
webpackJsonp
([
3
],{
"+xa/"
:
function
(
n
,
t
,
o
){(
n
.
exports
=
o
(
"FZ+f"
)(
!
0
)).
push
([
n
.
i
,
"
\n
.fl-r[data-v-6acc4334] {
\n
float: right;
\n
}
\n
.main-block[data-v-6acc4334] {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both[data-v-6acc4334]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
[data-v-6acc4334]::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
[data-v-6acc4334]::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
[data-v-6acc4334]::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
height: 10px;
\n
min-height: 10px;
\n
}
\n
.look-content .content[data-v-6acc4334] {
\n
background: white;
\n
width: 84vw;
\n
position: absolute;
\n
top: 21.33333333vw;
\n
left: 5.33333333vw;
\n
right: 5.33333333vw;
\n
bottom: 5.33333333vw;
\n
overflow: auto;
\n
margin: auto;
\n
display: block;
\n
border-radius: 8px;
\n
padding: 2.66666667vw;
\n
}
\n
"
,
""
,{
version
:
3
,
sources
:[
"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less"
,
"D:/myproject/new-singsingH5/src/components/newLesson/look.vue"
,
"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/look.vue"
],
names
:[],
mappings
:
";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACFD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,sBAAA;CDGH"
,
file
:
"look.vue"
,
sourcesContent
:[
"//颜色参数
\n
@toVw:100/375vw;
\n
@toVh:100/667vh;
\n
@bg-b: #333;
\n
@bg-b-s:#444;
\n
@black-line:#191919;
\n
@gray-line:#666;
\n
@light-line:#ddd;
\n
@main-font-color:#fff;
\n
@secondary-font-color:#999;
\n
@gold-color-light:#FFD04B;
\n
@gold-color: #a18430;
\n\n
//公共类
\n
.fl-r{
\n
float: right;
\n
}
\n
.main-block{
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
html{
\n\n
}
\n
.clear-both{
\n
&:after{
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
}
\n
//滚动条样式
\n
::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性
\n
border-radius: 10px;
\n
}
\n
::-webkit-scrollbar {//滚动条的宽度
\n
width:5px;
\n
height:5px;
\n
}
\n
::-webkit-scrollbar-thumb {//滚动条的设置
\n
background-color:@secondary-font-color;
\n
border-radius: 10px;
\n
height: 10px;
\n
min-height:10px;
\n
}
\n
"
,
".fl-r {
\n
float: right;
\n
}
\n
.main-block {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
height: 10px;
\n
min-height: 10px;
\n
}
\n
.look-content .content {
\n
background: white;
\n
width: 84vw;
\n
position: absolute;
\n
top: 21.33333333vw;
\n
left: 5.33333333vw;
\n
right: 5.33333333vw;
\n
bottom: 5.33333333vw;
\n
overflow: auto;
\n
margin: auto;
\n
display: block;
\n
border-radius: 8px;
\n
padding: 2.66666667vw;
\n
}
\n
"
,
'
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n
\
n@import "../../util/public";
\
n.look-content{
\
n .content{
\
n background: white;
\
n width: 315*@toVw;
\
n position: absolute;
\
n top: 80*@toVw;
\
n left: 20*@toVw;
\
n right: 20*@toVw;
\
n bottom: 20*@toVw;
\
n overflow: auto;
\
n margin: auto;
\
n display: block;
\
n border-radius: 8px;
\
n padding: 10*@toVw;
\
n }
\
n}
\
n'
],
sourceRoot
:
""
}])},
"4t0V"
:
function
(
n
,
t
,
o
){
"use strict"
;
Object
.
defineProperty
(
t
,
"__esModule"
,{
value
:
!
0
});
var
e
=
o
(
"CCn6"
),
i
=
function
(){
var
n
=
this
.
$createElement
,
t
=
this
.
_self
.
_c
||
n
;
return
t
(
"div"
,{
staticClass
:
"look-content"
},[
t
(
"div"
,{
staticClass
:
"content"
,
domProps
:{
innerHTML
:
this
.
_s
(
this
.
content
)}})])};
i
.
_withStripped
=!
0
;
var
a
=
{
render
:
i
,
staticRenderFns
:[]},
A
=
a
;
var
r
=!
1
;
var
c
=
o
(
"VU/8"
)({
name
:
"look"
,
props
:[
"contentData"
],
computed
:{
content
:
function
(){
return
this
.
contentData
.
content
.
content
.
replace
(
/video/g
,
"audio"
)}}},
A
,
!
1
,
function
(
n
){
r
||
o
(
"wpI3"
)},
"data-v-6acc4334"
,
null
);
c
.
options
.
__file
=
"src/components/newLesson/look.vue"
;
var
s
=
c
.
exports
,
d
=
o
(
"FYvK"
),
l
=
o
.
n
(
d
),
g
=
o
(
"O8Ir"
),
w
=
o
.
n
(
g
),
h
=
{
name
:
"play"
,
data
:
function
(){
return
{
ageShow
:
!
1
,
showObj
:{
video
:[],
change
:
!
1
},
imgURL
:{
headerLuolaUrl
:
l
.
a
,
luolacoming
:
w
.
a
}}},
props
:[
"contentData"
],
mounted
:
function
(){
this
.
changeAge
(
this
.
contentData
.
age
)},
methods
:{
changeAudio
:
function
(){
this
.
contentData
.
type
=
"audio"
},
changeAge
:
function
(
n
){
this
.
contentData
.
content
.
age
&&
2
===
n
?
this
.
showObj
=
{
video
:
this
.
contentData
.
content
.
video2
,
change
:
this
.
contentData
.
content
.
change2
}:
this
.
showObj
=
{
video
:
this
.
contentData
.
content
.
video
,
change
:
this
.
contentData
.
content
.
change
}}},
watch
:{
contentData
:{
handler
:
function
(){
this
.
changeAge
(
this
.
contentData
.
age
)},
deep
:
!
0
}}},
p
=
function
(){
var
n
=
this
,
t
=
n
.
$createElement
,
o
=
n
.
_self
.
_c
||
t
;
return
o
(
"div"
,{
staticClass
:
"video-page"
},[
o
(
"div"
,{
staticClass
:
"content"
},[
o
(
"div"
,{
staticClass
:
"header"
},[
o
(
"img"
,{
staticClass
:
"people"
,
attrs
:{
src
:
n
.
imgURL
.
headerLuolaUrl
}}),
n
.
_v
(
" "
),
o
(
"img"
,{
staticClass
:
"text"
,
attrs
:{
src
:
n
.
imgURL
.
luolacoming
}})]),
n
.
_v
(
" "
),
n
.
_l
(
n
.
showObj
.
video
,
function
(
n
){
return
o
(
"div"
,{
staticClass
:
"video-block"
},[
o
(
"video"
,{
attrs
:{
src
:
n
.
url
,
controls
:
""
}})])}),
n
.
_v
(
" "
),
o
(
"div"
,{
staticClass
:
"btn-block"
},[
n
.
contentData
.
content
.
age
?
o
(
"div"
,{
staticClass
:
"age-block"
,
on
:{
click
:
function
(
t
){
n
.
ageShow
=!
n
.
ageShow
}}},[
1
===
n
.
contentData
.
age
?
o
(
"div"
,[
n
.
_v
(
"0-3岁"
),
o
(
"i"
,{
staticClass
:
"playImage _154722344142123489"
})]):
n
.
_e
(),
n
.
_v
(
" "
),
2
===
n
.
contentData
.
age
?
o
(
"div"
,[
n
.
_v
(
"4-6岁"
),
o
(
"i"
,{
staticClass
:
"playImage _154722344142123489"
})]):
n
.
_e
()]):
n
.
_e
(),
n
.
_v
(
" "
),
n
.
contentData
.
content
.
age
?
o
(
"div"
,{
directives
:[{
name
:
"show"
,
rawName
:
"v-show"
,
value
:
n
.
ageShow
,
expression
:
"ageShow"
}],
staticClass
:
"age-change-block"
},[
o
(
"div"
,{
on
:{
click
:
function
(
t
){
n
.
contentData
.
age
=
1
}}},[
n
.
_v
(
"0-3岁"
),
1
===
n
.
contentData
.
age
?
o
(
"i"
,{
staticClass
:
"playImage _282918034425091245"
}):
n
.
_e
()]),
n
.
_v
(
" "
),
o
(
"div"
,{
on
:{
click
:
function
(
t
){
n
.
contentData
.
age
=
2
}}},[
n
.
_v
(
"4-6岁"
),
2
===
n
.
contentData
.
age
?
o
(
"i"
,{
staticClass
:
"playImage _282918034425091245"
}):
n
.
_e
()])]):
n
.
_e
(),
n
.
_v
(
" "
),
n
.
showObj
.
change
?
o
(
"div"
,{
staticClass
:
"change-block"
},[
o
(
"div"
,{
staticClass
:
"active"
},[
n
.
_v
(
"视频教学"
)]),
n
.
_v
(
" "
),
o
(
"div"
,{
on
:{
click
:
function
(
t
){
n
.
changeAudio
()}}},[
n
.
_v
(
"音频教学"
)])]):
n
.
_e
()])],
2
)])};
p
.
_withStripped
=!
0
;
var
b
=
{
render
:
p
,
staticRenderFns
:[]},
v
=
b
;
var
u
=!
1
;
var
C
=
o
(
"VU/8"
)(
h
,
v
,
!
1
,
function
(
n
){
u
||
o
(
"uLGf"
)},
"data-v-d14e4a78"
,
null
);
C
.
options
.
__file
=
"src/components/newLesson/video.vue"
;
var
k
=
C
.
exports
,
f
=
o
(
"Au9i"
),
m
=
{
name
:
"fun"
,
props
:[
"contentData"
],
data
:
function
(){
return
{
popupVisible
:
!
1
,
index
:
0
,
ageShow
:
!
1
,
imgPop
:
!
1
,
startTime
:
"00:00"
,
overTime
:
"00:00"
,
range
:
0
,
showObj
:{
audio
:
null
,
change
:
!
1
},
playFlag
:
!
1
,
offset
:
0
,
timer
:
null
,
playType
:
0
|
Number
(
localStorage
.
getItem
(
"playType"
))}},
mounted
:
function
(){
this
.
changeAge
(
this
.
contentData
.
age
)},
methods
:{
onPlay
:
function
(){
this
.
$refs
.
audio
.
play
()},
lastOne
:
function
(){
this
.
index
>
0
?(
this
.
index
--
,
this
.
keepPlay
()):
0
===
this
.
playType
&&
this
.
showObj
.
audio
.
length
>
1
?(
this
.
index
=
this
.
showObj
.
audio
.
length
-
1
,
this
.
keepPlay
()):
Object
(
f
.
Toast
)(
"已经是第一首"
)},
changeIndex
:
function
(
n
){
this
.
index
=
n
,
this
.
popupVisible
=!
1
,
this
.
keepPlay
()},
keepPlay
:
function
(){
var
n
=
this
;
this
.
playFlag
?
this
.
$nextTick
(
function
(){
n
.
onPlay
()}):
this
.
$nextTick
(
function
(){
n
.
onStop
()})},
nextOne
:
function
(){
this
.
index
<
this
.
showObj
.
audio
.
length
-
1
?(
this
.
index
++
,
this
.
keepPlay
()):
0
===
this
.
playType
&&
this
.
showObj
.
audio
.
length
>
1
?(
this
.
index
=
0
,
this
.
keepPlay
()):
Object
(
f
.
Toast
)(
"已经是最后一首"
)},
canPlay
:
function
(){
var
n
=
this
,
t
=
this
.
$refs
.
audio
;
this
.
offset
=
Math
.
ceil
(
0
|
parseInt
(
t
.
duration
)),
this
.
$nextTick
(
function
(){
n
.
getDuration
()})},
playing
:
function
(){
var
n
=
this
;
this
.
canPlay
();
var
t
=
this
.
$refs
.
audio
;
this
.
playFlag
=!
0
,
this
.
timer
=
setInterval
(
function
(){
var
o
=
null
;
o
=
parseInt
(
t
.
currentTime
/
60
)
<
10
?
"0"
+
parseInt
(
t
.
currentTime
/
60
):
parseInt
(
t
.
currentTime
/
60
);
var
e
=
parseInt
(
t
.
currentTime
%
60
);
e
<
10
&&
(
e
=
"0"
+
e
),
n
.
startTime
=
o
+
":"
+
e
,
n
.
range
=
parseInt
(
t
.
currentTime
),
n
.
range
===
n
.
offset
&&
0
!==
n
.
offset
&&
(
n
.
range
=
0
,
n
.
startTime
=
"00:00"
,
n
.
onOver
(),
clearInterval
(
n
.
timer
))},
1
e3
)},
stopTime
:
function
(){
clearInterval
(
this
.
timer
)},
getDuration
:
function
(){
var
n
=
null
;
if
(
0
===
this
.
offset
)
this
.
overTime
=
"尚未加载"
;
else
{
n
=
parseInt
(
this
.
offset
/
60
)
<
10
?
"0"
+
parseInt
(
this
.
offset
/
60
):
parseInt
(
this
.
offset
/
60
);
var
t
=
parseInt
(
this
.
offset
%
60
);
t
<
10
&&
(
t
=
"0"
+
t
),
this
.
overTime
=
n
+
":"
+
t
}},
onStop
:
function
(){
this
.
$refs
.
audio
.
pause
(),
this
.
playFlag
=!
1
},
onOver
:
function
(){
var
n
=
this
;
switch
(
this
.
playType
){
case
0
:
this
.
index
<
this
.
showObj
.
audio
.
length
-
1
?
this
.
index
++
:
this
.
index
=
0
,
this
.
$nextTick
(
function
(){
n
.
onPlay
()});
break
;
case
1
:
this
.
range
=
0
;
break
;
case
2
:
this
.
index
<
this
.
showObj
.
audio
.
length
-
1
?(
this
.
index
++
,
this
.
$nextTick
(
function
(){
n
.
onPlay
()})):(
this
.
index
=
0
,
this
.
$nextTick
(
function
(){
n
.
onStop
()}))}},
changeType
:
function
(){
this
.
playType
<
2
?
this
.
playType
++
:
this
.
playType
=
0
,
window
.
localStorage
.
setItem
(
"playType"
,
this
.
playType
)},
changeAge
:
function
(
n
){
this
.
contentData
.
content
.
age
&&
2
===
n
?
this
.
showObj
=
{
audio
:
this
.
contentData
.
content
.
audio2
,
change
:
this
.
contentData
.
content
.
change2
}:
this
.
showObj
=
{
audio
:
this
.
contentData
.
content
.
audio
,
change
:
this
.
contentData
.
content
.
change
}}},
watch
:{
contentData
:{
handler
:
function
(){
this
.
changeAge
(
this
.
contentData
.
age
)},
deep
:
!
0
},
range
:
function
(
n
,
t
){
var
o
=
this
,
e
=
this
.
$refs
.
audio
;
Math
.
abs
(
n
-
t
)
>
2
&&
(
this
.
timer
=
setInterval
(
function
(){
var
n
=
null
;
n
=
parseInt
(
e
.
currentTime
/
60
)
<
10
?
"0"
+
parseInt
(
e
.
currentTime
/
60
):
parseInt
(
e
.
currentTime
/
60
);
var
t
=
parseInt
(
e
.
currentTime
%
60
);
t
<
10
&&
(
t
=
"0"
+
t
),
o
.
startTime
=
n
+
":"
+
t
,
o
.
range
=
parseInt
(
e
.
currentTime
),
o
.
range
==
o
.
offset
&&
0
!==
o
.
offset
&&
(
o
.
range
=
0
,
o
.
startTime
=
"00:00"
,
o
.
onOver
(),
clearInterval
(
o
.
timer
))},
1
e3
),
e
.
currentTime
=
n
)}}},
E
=
function
(){
var
n
=
this
,
t
=
n
.
$createElement
,
o
=
n
.
_self
.
_c
||
t
;
return
o
(
"div"
,[
n
.
showObj
.
audio
?
o
(
"div"
,{
staticClass
:
"content"
},[
o
(
"audio"
,{
ref
:
"audio"
,
attrs
:{
src
:
n
.
showObj
.
audio
[
n
.
index
].
url
},
on
:{
canplay
:
n
.
canPlay
,
play
:
function
(
t
){
n
.
playing
()}}}),
n
.
_v
(
" "
),
o
(
"div"
,{
staticClass
:
"image-block"
,
on
:{
click
:
function
(
t
){
n
.
imgPop
=!
0
}}},[
o
(
"img"
,{
attrs
:{
src
:
n
.
showObj
.
audio
[
n
.
index
].
image
}})]),
n
.
_v
(
" "
),
o
(
"div"
,{
staticClass
:
"title-block"
},[
o
(
"div"
,{
staticClass
:
"title"
},[
n
.
_v
(
"
\n
"
+
n
.
_s
(
n
.
showObj
.
audio
[
n
.
index
].
title
)
+
"
\n
"
)]),
n
.
_v
(
" "
),
o
(
"div"
,{
staticClass
:
"tips"
},[
n
.
_v
(
"
\n
"
+
n
.
_s
(
n
.
showObj
.
audio
[
n
.
index
].
tips
)
+
"
\n
"
)])]),
n
.
_v
(
" "
),
o
(
"div"
,{
staticClass
:
"range-block"
},[
o
(
"div"
,{
staticClass
:
"time-block"
},[
o
(
"div"
,{
staticClass
:
"left-time"
},[
n
.
_v
(
n
.
_s
(
n
.
startTime
))]),
n
.
_v
(
" "
),
o
(
"div"
,{
staticClass
:
"right-time"
},[
n
.
_v
(
n
.
_s
(
n
.
overTime
))])]),
n
.
_v
(
" "
),
o
(
"input"
,{
directives
:[{
name
:
"model"
,
rawName
:
"v-model"
,
value
:
n
.
range
,
expression
:
"range"
}],
style
:{
backgroundSize
:(
n
.
offset
?
n
.
range
/
n
.
offset
*
100
:
0
)
+
"% 100%"
},
attrs
:{
type
:
"range"
,
min
:
"0"
,
max
:
n
.
offset
},
domProps
:{
value
:
n
.
range
},
on
:{
__r
:
function
(
t
){
n
.
range
=
t
.
target
.
value
}}})]),
n
.
_v
(
" "
),
o
(
"div"
,{
staticClass
:
"btn-group"
},[
o
(
"i"
,{
staticClass
:
"playImage list"
,
on
:{
click
:
function
(
t
){
n
.
popupVisible
=!
n
.
popupVisible
}}}),
n
.
_v
(
" "
),
o
(
"i"
,{
staticClass
:
"playImage last"
,
on
:{
click
:
function
(
t
){
n
.
lastOne
()}}}),
n
.
_v
(
" "
),
n
.
playFlag
?
n
.
_e
():
o
(
"i"
,{
staticClass
:
"playImage play"
,
on
:{
click
:
n
.
onPlay
}}),
n
.
_v
(
" "
),
n
.
playFlag
?
o
(
"i"
,{
staticClass
:
"playImage stop"
,
on
:{
click
:
n
.
onStop
}}):
n
.
_e
(),
n
.
_v
(
" "
),
o
(
"i"
,{
staticClass
:
"playImage next"
,
on
:{
click
:
function
(
t
){
n
.
nextOne
()}}}),
n
.
_v
(
" "
),
o
(
"i"
,{
class
:{
playImage
:
!
0
,
replay
:
1
===
n
.
playType
,
replayAll
:
0
===
n
.
playType
,
listPlay
:
2
==
n
.
playType
},
on
:{
click
:
function
(
t
){
n
.
changeType
()}}})]),
n
.
_v
(
" "
),
o
(
"div"
,{
staticClass
:
"btn-block"
},[
n
.
contentData
.
content
.
age
?
o
(
"div"
,{
staticClass
:
"age-block"
,
on
:{
click
:
function
(
t
){
n
.
ageShow
=!
n
.
ageShow
}}},[
1
===
n
.
contentData
.
age
?
o
(
"div"
,[
n
.
_v
(
"0-3岁"
),
o
(
"i"
,{
staticClass
:
"playImage _154722344142123489"
})]):
n
.
_e
(),
n
.
_v
(
" "
),
2
===
n
.
contentData
.
age
?
o
(
"div"
,[
n
.
_v
(
"4-6岁"
),
o
(
"i"
,{
staticClass
:
"playImage _154722344142123489"
})]):
n
.
_e
()]):
n
.
_e
(),
n
.
_v
(
" "
),
n
.
contentData
.
content
.
age
?
o
(
"div"
,{
directives
:[{
name
:
"show"
,
rawName
:
"v-show"
,
value
:
n
.
ageShow
,
expression
:
"ageShow"
}],
staticClass
:
"age-change-block"
},[
o
(
"div"
,{
on
:{
click
:
function
(
t
){
n
.
contentData
.
age
=
1
}}},[
n
.
_v
(
"0-3岁"
),
1
===
n
.
contentData
.
age
?
o
(
"i"
,{
staticClass
:
"playImage _282918034425091245"
}):
n
.
_e
()]),
n
.
_v
(
" "
),
o
(
"div"
,{
on
:{
click
:
function
(
t
){
n
.
contentData
.
age
=
2
}}},[
n
.
_v
(
"4-6岁"
),
2
===
n
.
contentData
.
age
?
o
(
"i"
,{
staticClass
:
"playImage _282918034425091245"
}):
n
.
_e
()])]):
n
.
_e
(),
n
.
_v
(
" "
),
n
.
showObj
.
change
?
o
(
"div"
,{
staticClass
:
"change-block"
},[
o
(
"div"
,{
on
:{
click
:
function
(
t
){
n
.
contentData
.
type
=
"video"
}}},[
n
.
_v
(
"视频教学"
)]),
n
.
_v
(
" "
),
o
(
"div"
,{
staticClass
:
"active"
},[
n
.
_v
(
"音频教学"
)])]):
n
.
_e
()])]):
n
.
_e
(),
n
.
_v
(
" "
),
o
(
"mt-popup"
,{
staticStyle
:{
background
:
"transparent"
},
attrs
:{
position
:
"bottom"
},
model
:{
value
:
n
.
popupVisible
,
callback
:
function
(
t
){
n
.
popupVisible
=
t
},
expression
:
"popupVisible"
}},[
n
.
showObj
.
audio
?
o
(
"div"
,{
staticClass
:
"list-popup"
},[
n
.
_l
(
this
.
showObj
.
audio
,
function
(
t
,
e
){
return
o
(
"div"
,{
class
:{
"list-block"
:
!
0
,
active
:
e
===
n
.
index
},
on
:{
click
:
function
(
t
){
n
.
changeIndex
(
e
)}}},[
n
.
_v
(
"
\n
"
+
n
.
_s
(
t
.
title
)
+
"
\n
"
),
o
(
"i"
,{
class
:{
playImage
:
!
0
,
zDefaultIcon
:
e
!==
n
.
index
,
zIcon
:
e
===
n
.
index
}})])}),
n
.
_v
(
" "
),
o
(
"div"
,{
staticClass
:
"close-btn"
,
on
:{
click
:
function
(
t
){
n
.
popupVisible
=!
1
}}},[
n
.
_v
(
"
\n
关闭
\n
"
)])],
2
):
n
.
_e
()]),
n
.
_v
(
" "
),
o
(
"mt-popup"
,{
staticStyle
:{
background
:
"transparent"
},
model
:{
value
:
n
.
imgPop
,
callback
:
function
(
t
){
n
.
imgPop
=
t
},
expression
:
"imgPop"
}},[
n
.
showObj
.
audio
?
o
(
"div"
,{
staticClass
:
"imgPop-block"
},[
o
(
"img"
,{
attrs
:{
src
:
n
.
showObj
.
audio
[
n
.
index
].
image
}})]):
n
.
_e
()])],
1
)};
E
.
_withStripped
=!
0
;
var
D
=
{
render
:
E
,
staticRenderFns
:[]},
y
=
D
;
var
B
=!
1
;
var
x
=
o
(
"VU/8"
)(
m
,
y
,
!
1
,
function
(
n
){
B
||
o
(
"Oq7G"
)},
"data-v-531d3c9f"
,
null
);
x
.
options
.
__file
=
"src/components/newLesson/audio.vue"
;
var
V
=
{
name
:
"index"
,
data
:
function
(){
var
n
=
this
.
$route
.
query
;
return
{
periods_id
:
n
.
periods_id
,
category_id
:
n
.
category_id
,
elementId
:
n
.
elementId
,
lesson
:
null
,
nowShow
:
0
,
nowLesson
:{
type
:
""
,
content
:
null
,
age
:
1
}}},
components
:{
lookBlock
:
s
,
videoBlock
:
k
,
audioBlock
:
x
.
exports
},
mounted
:
function
(){
this
.
initPage
()},
methods
:{
backList
:
function
(){
var
n
=
{
periods_id
:
this
.
$route
.
query
.
periods_id
,
course_type
:
this
.
$route
.
query
.
course_type
,
parent_category_id
:
this
.
$route
.
query
.
parent_category_id
};
this
.
$router
.
push
({
name
:
"map"
,
query
:
n
})},
changeTitle
:
function
(
n
){
switch
(
this
.
nowShow
=
n
,
n
){
case
1
:
this
.
nowLesson
=
{
type
:
"text"
,
content
:
this
.
lesson
.
content
.
look
,
age
:
this
.
nowLesson
.
age
};
break
;
case
2
:
this
.
lesson
.
content
.
play
.
type
?
this
.
nowLesson
=
{
type
:
"audio"
,
content
:
this
.
lesson
.
content
.
play
,
age
:
this
.
nowLesson
.
age
}:
this
.
nowLesson
=
{
type
:
"video"
,
content
:
this
.
lesson
.
content
.
play
,
age
:
this
.
nowLesson
.
age
};
break
;
case
3
:
this
.
lesson
.
content
.
fun
.
type
?
this
.
nowLesson
=
{
type
:
"audio"
,
content
:
this
.
lesson
.
content
.
fun
,
age
:
this
.
nowLesson
.
age
}:
this
.
nowLesson
=
{
type
:
"video"
,
content
:
this
.
lesson
.
content
.
fun
,
age
:
this
.
nowLesson
.
age
}}},
initPage
:
function
(){
var
n
=
this
;
Object
(
e
.
g
)(
this
.
periods_id
,
this
.
category_id
,
this
.
elementId
).
then
(
function
(
t
){
t
.
content
=
JSON
.
parse
(
t
.
content
),
n
.
lesson
=
t
,
n
.
nowShow
=
1
,
n
.
nowLesson
=
{
type
:
"text"
,
content
:
n
.
lesson
.
content
.
look
,
age
:
n
.
nowLesson
.
age
}})}}},
M
=
function
(){
var
n
=
this
,
t
=
n
.
$createElement
,
o
=
n
.
_self
.
_c
||
t
;
return
o
(
"div"
,{
staticClass
:
"newLesson"
},[
o
(
"div"
,{
staticClass
:
"header"
},[
o
(
"i"
,{
class
:{
lessonHeader
:
!
0
,
defaultLook
:
1
!==
n
.
nowShow
,
look
:
1
===
n
.
nowShow
},
on
:{
click
:
function
(
t
){
n
.
changeTitle
(
1
)}}}),
n
.
_v
(
" "
),
o
(
"i"
,{
class
:{
lessonHeader
:
!
0
,
defaultPlay
:
2
!==
n
.
nowShow
,
play
:
2
===
n
.
nowShow
},
on
:{
click
:
function
(
t
){
n
.
changeTitle
(
2
)}}}),
n
.
_v
(
" "
),
o
(
"i"
,{
class
:{
lessonHeader
:
!
0
,
defaultFun
:
3
!==
n
.
nowShow
,
fun
:
3
===
n
.
nowShow
},
on
:{
click
:
function
(
t
){
n
.
changeTitle
(
3
)}}}),
n
.
_v
(
" "
),
o
(
"i"
,{
staticClass
:
"lessonHeader home"
,
on
:{
click
:
n
.
backList
}})]),
n
.
_v
(
" "
),
o
(
"div"
,[
"text"
===
n
.
nowLesson
.
type
?
o
(
"look-block"
,{
attrs
:{
contentData
:
n
.
nowLesson
}}):
n
.
_e
(),
n
.
_v
(
" "
),
"video"
===
n
.
nowLesson
.
type
?
o
(
"video-block"
,{
attrs
:{
contentData
:
n
.
nowLesson
}}):
n
.
_e
(),
n
.
_v
(
" "
),
"audio"
===
n
.
nowLesson
.
type
?
o
(
"audio-block"
,{
attrs
:{
contentData
:
n
.
nowLesson
}}):
n
.
_e
()],
1
)])};
M
.
_withStripped
=!
0
;
var
I
=
{
render
:
M
,
staticRenderFns
:[]},
L
=
I
;
var
z
=!
1
;
var
S
=
o
(
"VU/8"
)(
V
,
L
,
!
1
,
function
(
n
){
z
||
o
(
"PZSc"
)},
"data-v-17c3eb9b"
,
null
);
S
.
options
.
__file
=
"src/components/newLesson/index.vue"
;
t
.
default
=
S
.
exports
},
FYvK
:
function
(
n
,
t
){
n
.
exports
=
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABmCAMAAAAuwYnoAAADAFBMVEVHcEzZ6OPc5d7j59+71dXW5eXJ1tCtxMbH39+609T9//lMOj7m7ODc6uZUQkfx9+713qL///zv4sz/7XydlobSzL3y+fNHOTYyKzCtta3g5dT03cOqtK+VmZT19/Q/PERwdHFua2n/84xxcWr///rj8e/PqWk2LitwZ2jSvZjgyanMqZfy9N33/Pd8hYfdx6t8hYJqZWPCoGTo073g483Mr35ZRED477thW1alppX///X686CSj4HNo2DEoGjRx77UxKKAgHvRzsbp9eH84cLqzbfSv63QwJ2+pHmMfGPLwsb///b///j///T//+///un//uz//ub9/eTz9dn6+uPw8df///L+0VHes5T19d3guZv399/ftJv5+d7Wr4Xdr5fIm1T5zkzWrnzjwqLt7tQnHB7tyrIxJinm5s7hvp7asZH9/OjguaHq6dP///zMoFvis0Hpujnyz7H0x0bj48vyzrjrxq85JyD52MIYDxJHMy3uvkz2x1D31LzYrYv/79n8++AuISJfYFfku6flvbPft606LC1lZV7ouUr838pBLSNkSDruwT/BlU/pxqbSqJDr6s7+9uDatY1OOTPYr6b96NDZ18TisjXf3cftzarYs5rUrXTTzr/Uq5tqaWA+MjZtbWX63sXTqW1WVk7qwasyHhfuxrpXPzhePy/dupV0c20mFRLNpWX4z2Ly8d/Lp3D01rhLS0X69NfNoorGub7RpXtuUEP35sDNxb5UOSzcrk7Knm7WqoPhtVlgS028jnV8XVbKoJi5jFC/lWP2z3p3V0zuwVywhUriwqx/fnTJmH9BPzuieWXOp6TUvqPfz7fKvrJcRUKVbVzGnl3z3bP+2WDn2MKFbXHixZDQtJH88syhdkeVdnS7jYXpwnHdq5C+uKnCbF99WTmEZU69mZHfuWt7ZGf/43C8jj7uzIXTpUJrWlnsz5elgFWrg3mukobTlJDHrIPNcm2NbUX42o6zrqGuk2rWe3ieYmuWjoXLeYXbvICmVDv/+rLIgiTEYzzxZlAWAAAAS3RSTlMALUtbChcgAw8G1fxpPf6b/e3+/lBtgJPyOr7Nd5a1rtaP/er4du/XX5D28vPBdc60q6/I3O7Yk9T49M/Hzni9vuih3eSp3u20+ugaDTFwAAAYRUlEQVRo3sSYa2xT5xnHIY2TgIsBQQuRyCBkEvmwIfKF0pUv7FsFQUhrow5lDgvYhmLElGGf+DAb+XacnKNw1hyDhsEXcOxzsEODexRrnlNfSD3imyDOwEzYpSSumZqRG+UqVdrzJp009m1aTnjk2Ipl6f3p//z/7/s+Z9my/6WqRRWb6uo2VdRUVq5Y9mYLUOr2+BwGQ8P7u3fX1YreJI+oYseepM9iCAQCboPD1bBjfdWbQllRUdeQTLocFovBnVY4AwaDq6G+tuaNsNSsb3Ilk4jGnQ64026DIeC2JLfULV/6Xone2tHg8Ll8vqRvAWReHzf8u6NiqWlEm7a4LLC+xZU0GODd4Ha5LI5A2gDf7li+9CwOi8HgNrh8DgfI4TAAjMUA/TJYLPWipWaZX9wAvUHLOxzoZXEH0sjHuzbVLCmLzwc0QIBci3CgVwaXwxBIE/M07ywZTXXtFmjMPA1aH0CQSu7JQiEfY0mFE+i2LJltlu9AGXItNCrgBuP6AM2Qn3r2LJNgCUUatsDtS5SoqroGWBuZBPwbSFsck468L192vSzxqWgmwZFEOh3YvDQerty0x+crO9xAEwDDBiyTkUI5ny/np7NZa7yYmQAaZzrQuDTC7E76kpOTkclJgzPgFEsio7FcIl+eLMSzcauVH85M4BjQbF6SU2rTh+V8OSKJRCISwumUiCXiQi6Wl+RLcXvWbLby0VxQoVA4N25fgkAt3/1hLD86CopEnIRTEhFLJnOJcjAGLHaryWSmh+9PEIhmm/DSrNjeEIvFmFFmVCJWLMCUQaRgkadbaas1PpXJZHIAo1cohHdNVROwROZhnHqASafFYifDFuJxq53mS/FScTqXIAgCaDYIne6aukgskWBHWWZUTOhBGuBh2dHYVDybtUOfzCavyZrBUZ8U22qF7tLOxEQwyCAYhtDriQiTKOQyU9FU3Go2G80mswlsY58gkTIbt1cKvMnsjAUpCsGwToVMHykEM9Fiaoan7YDRZ0IwZrNtmMOdCj0h8MYnqk/EqCDDjoa4EK5QELGpXBEalLVbrSavt89khj6ZrfTA43EWSSNsnmp3xYIhCmepEIfD1sYUpoolBIO80qlVm2AHnp6ajg4MPKYUMoWzsVrIJtVPJjiKZSmKo3CCIBPR4lShPJkvxgGmu1NtKuVZojydGxjqH9f79eImAfNUvWpXIsEFGSrIUQCDhTLRqViBwfLF4o8w1lIi8jJbonvb72MamXOnkBeJ7ZFgMBQkghSX4HDCMx4tlkrZQiE+n+jucyq52myFntmOHb73DGCIjesFVKZpNMGBZYIcNx7CMSzD00ozHEeIxes9c6ZbpfJCmEzqjgtnZ3GNX6GoF3D33cXGQmBecAwFMGzRZuzrMxqRLF5V55kz566rvKiuX+8420tp/DK9gJvwenAuSTEMywahS/oYb1R1dmoBQOVVLcB0yFVaVKqz94IIRsDDspGhcDJIMjgbDJF6bMquVl3uvny5u1MrV8u13ecuX4dPxKeVn703ATCyjduFCndNE8Ni5CiJk1QI8/i5aFufXNt5ubu7U2Vs7dCCRh3ykRE1aKOSH16AUWwWKk+inQzuJ4GHpEiPzJ9IAYxKixqlbrOpjeAeZavSroQv5X3Hrk4Ai0whWJ5EEsbjxxkMwzlg0edSbUa5Csor77PTrdEoTWcyNG9T9qn7jAevTmhkeplesDxViXGPn8Q9GEP6/RrsfviTg0a1XC5Xq412ns9lUqlMlOZpm/HssYO9vQmNzAMwG4RSRoz7EYwn5PFrNPj9cO8nrca+kZERo80Oh1IKDm/eZqPtxmNXe6VSSqMHZfRCwVRtI/x+DMEAC4KR6tpaDyqVSmAZgVtMPAvbn5Lm2wClvZ3y6z2CwkCGAAbDZfMww0NS3YO2NlsbTSvRFgzXK7PRqEsNAQrAePTgYMFgajYjGCjcAzCyJ2MD7dIhnU7Hw128zzjzHGru+QNdeKD9Yrt0Fn7nERCmutGD+SHYGKkHGM84wLQPDdE0DzSph1Bzc/A2GA4jYaY9GKbXC9emZY0LUfKQGMBgoeEroICOHuJTgBKN37p769Y3008egzLt7b05D4nDdZ0QDKZqJ4l5GBzE0aDK9V9cUCY1weVe/FgYlxqUDkmvBj0hVpwmGMHO7erGbdAjliRJFCcNM3YFwXzKR/34i1fzNTNT9kQHdVKdLYRxEYkEp+qEu0NsAFuyDInJNDJI1E0kDW3nU8HY7ezt25cu3T1vLr7geZ20N+VhKYk4wIy/U1kj1FlZuw2yxDIYAamVabixK4OD0Cd76uFM3Apjijk782qmjZZKeydIGGjEEm54zQdrPnjv7YpVosrKFZU1i3q9qayH+QQH2zjhENRo7vcPDoYHabv91dzcHIr284dzD1p1UinPcRzDRKib19at27p16w/7mteuRPWT1RWL+Gxi+WaYWzEY0ZwyhUJDDg+E52FsMyjVKNwzrW2fSqWPuVAoFIyU7v320TrA+aGlZW8L/O1rbv7F6qpli6VPde3mjegRgxMN0zLZ+HA4HLaP3DXZ7TOpaDQ1SLfZbH+XPqM4MpTIv3/0n7//wx3A2XqgZT/A7Nu3b+/+5rWrq6oXk0YPIz9ikVFPhsO899xnnTBS2ucPJ6vtE+kAR3LUxPTTo0cvdHVde/Ro3dbjLQea/117962tWLzhqQnRwMEDF5bQ+GOpVuv1muNo4kdDv9KmG7xB4czk00t/Pn7qb11dIM2jdZ/9Bwzg/HzVisWkQbLAyYMneC1cpdqiKSXMKFBKm/Riz80nVCj5p/PnDxy98GXX6TuPvv/+i9dgmveuXf3WIj0UqP5lA7IMNIoom2DCbtWN3RjjkY3hNjMbHuu5cf9J8Js/njp14OPZ7/7y5bdff/3VmuOvwczzvCtaDOtUrTzhcKaTL8VsqVPboVYOnezpOTQGKZ8dHBwID/f09PzjZuzUkRNHD3w++93v/nrtzp07Xx050NL83zgr316E5zcVP/voki/59Hw52+ntO3y1/eQhWP/QyfBAf3//2NghqBs3Ch/96uMjn5+YhTadPt3V9e2t30CaXufZu/en7/7fz65E732x/9fn/0Wq2Ya0lWZxvNa0SUSpzTDCWOiHoV0oTJkP02Gg+2GHZRcW8vLc1+j1etPWXCSaXBVNQhhNvSCztAu6prspiU5ZMiu7CI3NBDopvmxBHXWhJJ3WkWoXKZ0dql2dUsYWlrKw5zw3ambbznS6R26jYsPv/s//vDxXr130ifHQSEPr1Zl+hAFtbt9ubwcSeD29edMvybImLnd0QJ6mhj2252EwVUf/LyNbyj74+RsPcn41ocZ6I80Bz8T0dP9pKg1EO35AzNwQiMwJQf/S8Pj4N6tTU1M5nWGw1UC4gKlIZj9yoOr1jbOvElDAAos2wvamwLoz8/PTlMOAwQB9ZvIMIzN+nxxrwjRBLOqEMC6KAy/0E0OdgzWW11Sl8oO3kSW9tULY2PnmS8vXN+e3aXZg2i+3/1MgjMD4RdF1p6e7q6u7u2tDYYEGOBiAYdmSnB08UPYaOPtrKtq4/wBMulr3s/FIaChvKzwFlu/BwHX7+hhBZRh5zJXs6enqgVjP6oRl4dvERRjCuHdpHI6KmrKflCtTWc3xioNtTqf/7QdbK7qejUdS0QXboFq4PrO2tkYd014kmnhqAxH8ouDiJJKb66Exq8qE5TiGgEBk2z1FHvvJw5X7f4I6VcfbIOx2p3NlRWdYNtYLcX5pUFULT6fXthO11j89PXP9kQYSuARNcBGBrKwaMOkczxFOJwzLsTRdpb5xutsqDrzqb8MtZZTFATAAwsC9+Xt74729toQmikvXwTbzSNPfP7156x9Pxvwcy7jGfILbxRJ9tq4HM5Ve5OEmFA4v1AZjGweutrYjxytfaSU01Rx30AAWSDrIHes9j/EX6DWiqN27cWtzvn9mZvru119/uyTEBNlPiBqU4eYJWU+fOQM4Z6qzvJ/RJcIqOmaKEMPP29my22Fevcrjk70nHW0GjBtviCBLKpWKNn+cCKpAowZvPtrcvHHrxrc3NVnC8Pv9WlByOaFyNtJ1dYBzplrkJeLnWVaXwMqconPUz0X7FOuq6kf3UvNRu6OoDGaaITEKE1pY+ONgwgc0qs/n04JBVGlMQhpQRtB8vMsOzS2TBhaILV6SdEbRic7rrM7zQMNt26dI4+i11R79kcWr6rAd3ILhQl38wJKKRsKBvoUFmxZUeVHzBTEGVbh5SRZVSeBYgAFlIHJUmbq6WQ7kIJzCclkFWRRd15GGGD2QwtgiKduhN3/wMWDNSadBA0liY1hHqWgUn5eFwwVd01QRVEkkEkFNlBSJ531BGWDkQYSxO11ZhKmrq0tDH+Q4onCsBD+GLApNFbvTmd1MIRqNpH7167dMP7Aw7DqGIEo8lYqE8BkRAOm8pqoIAx8aZkz1JTRFFwRJVSmM279uKJOWIcEs2lfheR5olBIYBqWxi4XOzkwmEnnvzZfRWI4epGWNjmFYLGiAoSwjfYF8VlYNGFDGh1yaz8cLgqDwqihTGOdGEUYCYcG5FEYUecwUugZhih25sBAeAJpo9NDL/nhhf4XdiQ0G2gEkqTceP5+KREMhfHgWbg7ZFEmELQp0AQMPahpmDbIkyLwoc7BP2d2OXJrC1OXA+6CBzoFjVLQXZApYAIgjmCa7GPD29Y2EO0Oh6KHyF9KYK4843YDihnciOmQpfh5ZOjFLgLSkC/DOGpYTosCl8gLHoXfAIy6EWSnCVNO9wcXqHM9D58ZMYUFx8A+tb1c+0BAI9I2MNDcDTeWLaMwH2uzUXPjfkCVFH/cWo2+J45AGAvuNaggjAIwkcQaMUwAHY1Q7KA3hAMZXlMZIE6EGTlwaamykNCPNocgLtSmrgOkIRRGL0TqKx1PRTsqSDI8E6i/ZQGYBZKCtTkIvSAIqI8soDN2imFkDZt0wBvgGYKANiLysFGsbvy8tLw/VN0IEMFehzItoymFUQ1UbIBCpSAZhwmFvQ6tn+FkOPcgJiiDQ1gtQCsKAhVlasDiTN4zans1SGqgCXsS0Um0E7HsUJv/48YX6xlONhjrh5s73nnOx5bCD1ic1Lg2ESQ4sfDzUNPzpanrLrwiEziugoc1XwHLlBMMHtMsvpilMz0pxWBOAAbujOiCObtAkHg97zrbWn0KaBsxVuPk5GqglN3TeFayhVCYCMJnO5uRAw9By09Q3M3fHZ7OKQnsoQwREUQQ6BXGHMEigSlaKpskVR7VfAmWwZaM6kkJhxh5fGW4629p66lS9oQ3gDLz7PzRVR+Dd7DGjnDNRYEkOeEeXzy4/m+se/+uf/jC1CAkxaPyyjLJsD2RDFkxArGiaasYIjhdPnKitrT1h0Ai4iS1f+XS4qWkSn+SiOFhWXq/33e/7pgYLm6ElFOoMZTJJb0tLPl8o3Lszd67/o9/+bnwDmgpt6DAqoErZIgqzI4zbzW0ZbW/L2GKIwr+zd98+k8WytxbmGa/4CZO/AjCUBtRpba0HbQKBlhagKRmb1sM4lGLAEsUiCi8MDbUEFjju7599Pj0+df+j+1OrOVGiJjQ2neLaxLiK5xG82OqvvkIDVxPYxt0MNuC9JqvVajZbq2qDMFZJAY9/SOOZ9Hh+D0CUpqGhoeXDkhXHVAFjgIE2l4HmAgfZ5SFvPp9lueC///y3f33xxfzD8blqqByObG+SmC9md2nCQ5Kbyc0+eDC7Pru1iF8rUNNiFT5Qs5rMZvP+ytp3CjO3EQZoQJymq5OTZ1sbkWW0fnS0vLTLwPKejWSggkAXb8OQ15tfgpMGl7j39P6Xn/c/7Di3GoNCptoY5eMurrdGjnACuOXF9dl0em72jgYs2O7EKqvFYjbvMe0xmyymsmPvw1ELaIAHYuLqpIfCjI5euPDsWGmXcdpd8QgUc3N4YMDrhSsPezZh5YujHWtrHR0d5+B4Jom03QIA5NTpLj3HupHLNnzn2fJy4eKTa4yErZrnEcZY6qwWq2kf4CDN5ct45rp85erkNozHswtjOgCWge2lM5lEFO9AMhkoMAjDCpmp8bVzcKTv3sj6NFEgruImi7HzCaI53b5HT64lYHKN+XjRmNh7TZZ9xvptMqM6e8p+8bPLIM9tWOpPT1w9W78N03SsdBaAe4EFUcDcA8mF/CcS9hGOxFfn1ubw4Lq6BO8uca5dgpKgqVJvarBJwfAcxJUKgcpNZutunVhMYJ/9b/2m/XT/9N356QkPdr7GBshSUwlM+RFIEu24yAIwA4H8zSBHm1o2OfdwrgufdyR5GAMC47a/BMYtDHJQZ4yoCtCccbXiy6170L3GKIYXK2xTJssvP3z63XfzE2CZUwaMp+n9nV9xlh12uPXcDksLJKq1cO+TWAz3M35pde5hVzdk6o4GMArrepky/23L7EKbOuMwfpImOeeMjjqhXih4pzARhKoML6Zjbjr8aFPT0+ajppiW0Z5YTDjdGCSLBW/CFqUKJqfJuerVAu2JhEjCWXNTS9hVzDYtbYU26yiYUC+EeVEMuud9T9L06y209IPmd57/1/N/09vpsno7rTbbKOpMhzGykGNne+VZM8e1vpn7nfSaOJHGjuHX0fB8pmOfXR1ffoKE0VlwkvGFcklwuDB/bHIFcQrn8/n1g2Rs93h79wnU9XqBW4X0hCAgn7sQJ4dqRGx2bAHQieE+tRx7hlpCG26wHG8K88k163L2yVaQRpKPlp4/L5XxX8e7u13y8425++uFmWCh5MAAdvV499Gm0YYfDk4uTi4Qi3aDwLTsvoDiGZYxm7mvUoSlDuNOTH1namaM9W72BakkwBCepHvpceldWYZNu3nDOxYdXHmlTU97klCmhzSbrs7ru8XRC9ya/W/mvfea6kVL7KYwu3c1luUsJov57NPZ1VUK4+wXZ7cJw7U50o/rVU1ZnI/cxTRgFMw327h3VC4mUv++K8lydMyFNRPGxtq7I1RUlau96Wxlpu/lCrqECwHr2heG4RnQfI7muyrSWWm3h56mtjKGsZxZRpB++JGgEBhn0v1WHjpTLitk+Du8wrBS3jy3+U5RhvHIJC+6uvUBefX6VrJY0y8qgWCwr+9lfqFzfEGHUVXjnrUR0vCWy0CxUxh7CEFqCsO0nlxGkAiLfuDsloTD5iuZHFlLhlzq6JggR5Vz50ZVwNDtoT6xMRnI1ULvw8cH5gtBSaJ+PJwqri9a6zB7L/JMDMe399sH7DiAEUOeqemO5l+1gWXyAZajEfLW9eDtuOj+466ROZwpRaOyPCy4BIcgy0quvBkdUnsah5garE2udPZApVAISJKkm5k+KZwPF+42lNnvutByqX+AwtjtYsjtmfqyuedyR0jyDt5DX77tHLlNW9BPJw3M0UwmqtM4vA5VHo4qymY5p5CfYXOamMjiETYq6+T+VyKi3ILnpJ8jkUjwQCexM+rJfdZpE9cep64TQKI4C2HON3/X+s0TUkf3iK1wximLp9jGQ5mMQl8aA8nriI7J0YWRpcHBjY1KZWWlkM9rPk2LYYBihEp1HMpyS5Ii0jxi6LLZLnL7sFguAaafwKwiSIntwhiO/EzLyOmkNICB03iL/nAol8kpBIfQTHxfVK3ejUIYx9c8MbD4/BF6GjiAkaQCViUYmot7b2EsbGu8kS+rIcAcbwpj+QJmF0nrRMFTGNHtSaROcazJdLQOEx0bVccWUz093mw+QO/k60TkS9jn108Dh6BEIoGs7ea4YGtj9iSw2XRqCyZEM2ZLPbblCFWlDpMk0zwx5WlhMPmNORyCg/1aWbxz8Ib1ReCWfnEXDIZ9GrKFMvn9vgZMkAYpEvH7J23CuKAe43dLw7PGIkle1NNAyA2WbWVtPj0JFEKKkZWknosIw7MGs9lwJZMhNAhUrvReSxSXpn3BmZf0siwYqL5+U9VZYg1lAroqhMW/mIaBUMm7Kbu0YS8s7YDpaArTeoKywKjH42iGYEGUzhp43gBbdiFDaaJKLgMYrVrVNG1+Hk8fjATCHz6urc1VaeLEYvVI+WL+iJ+g+H3v03CdagtHLFUTBB+Gy1gKGjCzT+80hbF8+4DKQtcGe1J8BGGmEu3okmaTgf86Q2gUsGRK67B6Ye1jrTY1jwhpmu9Drbb256tqjLBsnYikw8Ri6wJ8p6uV5RmW3QbDmE7HB0Rxlb6m25Oa7mjG0XhiJInGI1IY0Q4WTPPzZLRiu+DaKUwOLAQGqfv6nze/1Fa06v2/EtUPtd9+ra293kbiR43rMcI3CWFiYkg9hIZr5onf5BqNpEiqSKTPj4T4uynM/0sweeetetmFAAAAAElFTkSuQmCC"
},
O8Ir
:
function
(
n
,
t
){
n
.
exports
=
"data:image/png;base64,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"
},
Oq7G
:
function
(
n
,
t
,
o
){
var
e
=
o
(
"v+hz"
);
"string"
==
typeof
e
&&
(
e
=
[[
n
.
i
,
e
,
""
]]),
e
.
locals
&&
(
n
.
exports
=
e
.
locals
);
o
(
"rjj0"
)(
"91d88164"
,
e
,
!
1
,{})},
PYhZ
:
function
(
n
,
t
,
o
){(
n
.
exports
=
o
(
"FZ+f"
)(
!
0
)).
push
([
n
.
i
,
"
\n
.fl-r[data-v-17c3eb9b] {
\n
float: right;
\n
}
\n
.main-block[data-v-17c3eb9b] {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both[data-v-17c3eb9b]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
[data-v-17c3eb9b]::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
[data-v-17c3eb9b]::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
[data-v-17c3eb9b]::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
height: 10px;
\n
min-height: 10px;
\n
}
\n
.lessonHeader[data-v-17c3eb9b] {
\n
background: url('/static/images/lessonHeader.png') no-repeat;
\n
background-size: 27.2vw 89.06666667vw;
\n
display: inline-block;
\n
}
\n
.home[data-v-17c3eb9b] {
\n
height: 12.26666667vw;
\n
width: 12.26666667vw;
\n
background-position: 0 0;
\n
}
\n
.play[data-v-17c3eb9b] {
\n
height: 12.8vw;
\n
width: 27.2vw;
\n
background-position: 0 -12.26666667vw;
\n
}
\n
.look[data-v-17c3eb9b] {
\n
height: 12.8vw;
\n
width: 27.2vw;
\n
background-position: 0 -25.06666667vw;
\n
}
\n
.fun[data-v-17c3eb9b] {
\n
height: 12.8vw;
\n
width: 27.2vw;
\n
background-position: 0 -37.86666667vw;
\n
}
\n
.defaultFun[data-v-17c3eb9b] {
\n
height: 12.8vw;
\n
width: 27.2vw;
\n
background-position: 0 -50.66666667vw;
\n
}
\n
.defaultLook[data-v-17c3eb9b] {
\n
height: 12.8vw;
\n
width: 27.2vw;
\n
background-position: 0 -63.46666667vw;
\n
}
\n
.defaultPlay[data-v-17c3eb9b] {
\n
height: 12.8vw;
\n
width: 27.2vw;
\n
background-position: 0 -76.26666667vw;
\n
}
\n
.header[data-v-17c3eb9b] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
position: absolute;
\n
top: 0;
\n
left: 0;
\n
width: 100%;
\n
padding: 1.33333333vw 0;
\n
z-index: 2;
\n
background: #ffffff;
\n
-webkit-box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);
\n
box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);
\n
}
\n
.newLesson[data-v-17c3eb9b] {
\n
background: #eeeeee;
\n
}
\n
"
,
""
,{
version
:
3
,
sources
:[
"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less"
,
"D:/myproject/new-singsingH5/src/components/newLesson/index.vue"
,
"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/index.vue"
],
names
:[],
mappings
:
";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC0FD;EAAc,6DAAA;EAA6D,sCAAA;EAAoC,sBAAA;CDrF9G;ACsFD;EAAM,sBAAA;EAAgB,qBAAA;EAAe,yBAAA;CDjFpC;ACkFD;EAAM,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CD7ErC;AC8ED;EAAM,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDzErC;AC0ED;EAAK,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDrEpC;ACsED;EAAY,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDjE3C;ACkED;EAAa,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CD7D5C;AC8DD;EAAa,eAAA;EAAgB,cAAA;EAAgB,sCAAA;CDzD5C;AC0DC;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,wBAAA;EACA,WAAA;EACA,oBAAA;EACA,kEAAA;UAAA,0DAAA;CDxDH;AC0DC;EACE,oBAAA;CDxDH"
,
file
:
"index.vue"
,
sourcesContent
:[
"//颜色参数
\n
@toVw:100/375vw;
\n
@toVh:100/667vh;
\n
@bg-b: #333;
\n
@bg-b-s:#444;
\n
@black-line:#191919;
\n
@gray-line:#666;
\n
@light-line:#ddd;
\n
@main-font-color:#fff;
\n
@secondary-font-color:#999;
\n
@gold-color-light:#FFD04B;
\n
@gold-color: #a18430;
\n\n
//公共类
\n
.fl-r{
\n
float: right;
\n
}
\n
.main-block{
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
html{
\n\n
}
\n
.clear-both{
\n
&:after{
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
}
\n
//滚动条样式
\n
::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性
\n
border-radius: 10px;
\n
}
\n
::-webkit-scrollbar {//滚动条的宽度
\n
width:5px;
\n
height:5px;
\n
}
\n
::-webkit-scrollbar-thumb {//滚动条的设置
\n
background-color:@secondary-font-color;
\n
border-radius: 10px;
\n
height: 10px;
\n
min-height:10px;
\n
}
\n
"
,
".fl-r {
\n
float: right;
\n
}
\n
.main-block {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
height: 10px;
\n
min-height: 10px;
\n
}
\n
.lessonHeader {
\n
background: url('/static/images/lessonHeader.png') no-repeat;
\n
background-size: 27.2vw 89.06666667vw;
\n
display: inline-block;
\n
}
\n
.home {
\n
height: 12.26666667vw;
\n
width: 12.26666667vw;
\n
background-position: 0 0;
\n
}
\n
.play {
\n
height: 12.8vw;
\n
width: 27.2vw;
\n
background-position: 0 -12.26666667vw;
\n
}
\n
.look {
\n
height: 12.8vw;
\n
width: 27.2vw;
\n
background-position: 0 -25.06666667vw;
\n
}
\n
.fun {
\n
height: 12.8vw;
\n
width: 27.2vw;
\n
background-position: 0 -37.86666667vw;
\n
}
\n
.defaultFun {
\n
height: 12.8vw;
\n
width: 27.2vw;
\n
background-position: 0 -50.66666667vw;
\n
}
\n
.defaultLook {
\n
height: 12.8vw;
\n
width: 27.2vw;
\n
background-position: 0 -63.46666667vw;
\n
}
\n
.defaultPlay {
\n
height: 12.8vw;
\n
width: 27.2vw;
\n
background-position: 0 -76.26666667vw;
\n
}
\n
.header {
\n
display: flex;
\n
position: absolute;
\n
top: 0;
\n
left: 0;
\n
width: 100%;
\n
padding: 1.33333333vw 0;
\n
z-index: 2;
\n
background: #ffffff;
\n
box-shadow: 0vw 0.53333333vw 0.8vw 0vw rgba(0, 0, 0, 0.1);
\n
}
\n
.newLesson {
\n
background: #eeeeee;
\n
}
\n
"
,
"
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
@import
\"
../../util/public
\"
;
\n
.lessonHeader{background:url('/static/images/lessonHeader.png') no-repeat;background-size:102*@toVw 334*@toVw;display: inline-block}
\n
.home{height:46*@toVw;width:46*@toVw;background-position:0 0;}
\n
.play{height:48*@toVw;width:102*@toVw;background-position:0 -46*@toVw;}
\n
.look{height:48*@toVw;width:102*@toVw;background-position:0 -94*@toVw;}
\n
.fun{height:48*@toVw;width:102*@toVw;background-position:0 -142*@toVw;}
\n
.defaultFun{height:48*@toVw;width:102*@toVw;background-position:0 -190*@toVw;}
\n
.defaultLook{height:48*@toVw;width:102*@toVw;background-position:0 -238*@toVw;}
\n
.defaultPlay{height:48*@toVw;width:102*@toVw;background-position:0 -286*@toVw;}
\n
.header{
\n
display: flex;
\n
position: absolute;
\n
top: 0;
\n
left: 0;
\n
width: 100%;
\n
padding: 5*@toVw 0;
\n
z-index: 2;
\n
background:rgba(255,255,255,1);
\n
box-shadow:0*@toVw 2*@toVw 3*@toVw 0*@toVw rgba(0,0,0,0.1);
\n
}
\n
.newLesson{
\n
background: #eeeeee;
\n
}
\n
"
],
sourceRoot
:
""
}])},
PZSc
:
function
(
n
,
t
,
o
){
var
e
=
o
(
"PYhZ"
);
"string"
==
typeof
e
&&
(
e
=
[[
n
.
i
,
e
,
""
]]),
e
.
locals
&&
(
n
.
exports
=
e
.
locals
);
o
(
"rjj0"
)(
"3e1bc0fc"
,
e
,
!
1
,{})},
sHWr
:
function
(
n
,
t
,
o
){(
n
.
exports
=
o
(
"FZ+f"
)(
!
0
)).
push
([
n
.
i
,
"
\n
.fl-r[data-v-d14e4a78] {
\n
float: right;
\n
}
\n
.main-block[data-v-d14e4a78] {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both[data-v-d14e4a78]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
[data-v-d14e4a78]::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
[data-v-d14e4a78]::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
[data-v-d14e4a78]::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
height: 10px;
\n
min-height: 10px;
\n
}
\n
.playImage[data-v-d14e4a78] {
\n
background: url('/static/images/playImage.png') no-repeat;
\n
background-size: 10.66666667vw 50.4vw;
\n
display: inline-block;
\n
}
\n
._282918034425091245[data-v-d14e4a78] {
\n
height: 1.73333333vw;
\n
width: 2.4vw;
\n
background-position: 0 0;
\n
}
\n
._154722344142123489[data-v-d14e4a78] {
\n
height: 1.33333333vw;
\n
width: 2.4vw;
\n
background-position: 0 -2.13333333vw;
\n
}
\n
.video-page .content[data-v-d14e4a78] {
\n
background: white;
\n
width: 84vw;
\n
position: absolute;
\n
top: 21.33333333vw;
\n
left: 5.33333333vw;
\n
right: 5.33333333vw;
\n
bottom: 5.33333333vw;
\n
overflow: auto;
\n
margin: auto;
\n
display: block;
\n
border-radius: 2.13333333vw;
\n
padding: 2.66666667vw;
\n
}
\n
.video-page .content .header[data-v-d14e4a78] {
\n
padding-top: 2.13333333vw;
\n
}
\n
.video-page .content .header .people[data-v-d14e4a78] {
\n
width: 18.66666667vw;
\n
margin-left: 4.8vw;
\n
margin-right: 11.2vw;
\n
}
\n
.video-page .content .header .text[data-v-d14e4a78] {
\n
height: 9.86666667vw;
\n
}
\n
.video-page .content .video-block[data-v-d14e4a78] {
\n
margin-bottom: 4.26666667vw;
\n
border: 0.26666667vw solid #666;
\n
border-radius: 3.2vw;
\n
padding: 2.13333333vw;
\n
}
\n
.video-page .content .video-block video[data-v-d14e4a78] {
\n
width: 100%;
\n
margin: 0;
\n
display: block;
\n
padding: 0;
\n
background: rgba(0, 0, 0, 0.4);
\n
border-radius: 2.13333333vw;
\n
}
\n
.video-page .content .btn-block[data-v-d14e4a78] {
\n
position: relative;
\n
text-align: center;
\n
}
\n
.video-page .content .btn-block .age-block[data-v-d14e4a78] {
\n
height: 7.46666667vw;
\n
line-height: 7.46666667vw;
\n
border: 0.26666667vw solid #666;
\n
position: absolute;
\n
padding: 0 3.46666667vw;
\n
border-radius: 26.66666667vw;
\n
font-size: 3.2vw;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #666666;
\n
}
\n
.video-page .content .btn-block .age-change-block[data-v-d14e4a78] {
\n
position: absolute;
\n
top: 9.86666667vw;
\n
left: 0;
\n
width: 17.6vw;
\n
border-radius: 2.13333333vw;
\n
border: 0.26666667vw solid #666666;
\n
font-size: 12px;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #666666;
\n
}
\n
.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78] {
\n
padding: 1.6vw 2.93333333vw;
\n
text-align: left;
\n
}
\n
.video-page .content .btn-block .age-change-block > div[data-v-d14e4a78]:first-child {
\n
border-bottom: 0.26666667vw solid #eee;
\n
}
\n
.video-page .content .btn-block .change-block[data-v-d14e4a78] {
\n
border-radius: 266.66666667vw;
\n
width: 38.4vw;
\n
border: 0.26666667vw solid #40A9FF;
\n
}
\n
.video-page .content .btn-block .change-block[data-v-d14e4a78]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
.video-page .content .btn-block .change-block div[data-v-d14e4a78] {
\n
float: left;
\n
width: 50%;
\n
border-radius: 26.66666667vw;
\n
font-size: 3.2vw;
\n
height: 7.46666667vw;
\n
line-height: 7.46666667vw;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #cccccc;
\n
}
\n
.video-page .content .btn-block .change-block div.active[data-v-d14e4a78] {
\n
background: #40A9FF;
\n
color: white;
\n
}
\n
"
,
""
,{
version
:
3
,
sources
:[
"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less"
,
"D:/myproject/new-singsingH5/src/components/newLesson/video.vue"
,
"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/video.vue"
],
names
:[],
mappings
:
";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC2DD;EAAW,0DAAA;EAA0D,sCAAA;EAAmC,sBAAA;CDtDvG;ACuDD;EAAqB,qBAAA;EAAiB,aAAA;EAAc,yBAAA;CDlDnD;ACmDD;EAAqB,qBAAA;EAAe,aAAA;EAAc,qCAAA;CD9CjD;AC+CD;EAEI,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,4BAAA;EACA,sBAAA;CD9CH;ACiCD;EAeM,0BAAA;CD7CL;AC8BD;EAiBQ,qBAAA;EACA,mBAAA;EACA,qBAAA;CD5CP;ACyBD;EAsBQ,qBAAA;CD5CP;ACsBD;EA0BM,4BAAA;EACA,gCAAA;EACA,qBAAA;EACA,sBAAA;CD7CL;ACgBD;EA+BQ,YAAA;EACA,UAAA;EACA,eAAA;EACA,WAAA;EACA,+BAAA;EACA,4BAAA;CD5CP;ACQD;EAwCM,mBAAA;EACA,mBAAA;CD7CL;ACID;EA2CQ,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,mBAAA;EACA,wBAAA;EACA,6BAAA;EACA,iBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD5CP;ACRD;EAuDQ,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,cAAA;EACA,4BAAA;EACA,mCAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD5CP;AC6CO;EACE,4BAAA;EACA,iBAAA;CD3CT;AC4CS;EACE,uCAAA;CD1CX;AC3BD;EA0EQ,8BAAA;EACA,cAAA;EACA,mCAAA;CD5CP;AC6CO;EACE,YAAA;EACA,eAAA;EACA,YAAA;CD3CT;ACrCD;EAmFU,YAAA;EACA,WAAA;EACA,6BAAA;EACA,iBAAA;EACA,qBAAA;EACA,0BAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;CD3CT;AC4CS;EACE,oBAAA;EACA,aAAA;CD1CX"
,
file
:
"video.vue"
,
sourcesContent
:[
"//颜色参数
\n
@toVw:100/375vw;
\n
@toVh:100/667vh;
\n
@bg-b: #333;
\n
@bg-b-s:#444;
\n
@black-line:#191919;
\n
@gray-line:#666;
\n
@light-line:#ddd;
\n
@main-font-color:#fff;
\n
@secondary-font-color:#999;
\n
@gold-color-light:#FFD04B;
\n
@gold-color: #a18430;
\n\n
//公共类
\n
.fl-r{
\n
float: right;
\n
}
\n
.main-block{
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
html{
\n\n
}
\n
.clear-both{
\n
&:after{
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
}
\n
//滚动条样式
\n
::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性
\n
border-radius: 10px;
\n
}
\n
::-webkit-scrollbar {//滚动条的宽度
\n
width:5px;
\n
height:5px;
\n
}
\n
::-webkit-scrollbar-thumb {//滚动条的设置
\n
background-color:@secondary-font-color;
\n
border-radius: 10px;
\n
height: 10px;
\n
min-height:10px;
\n
}
\n
"
,
".fl-r {
\n
float: right;
\n
}
\n
.main-block {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
height: 10px;
\n
min-height: 10px;
\n
}
\n
.playImage {
\n
background: url('/static/images/playImage.png') no-repeat;
\n
background-size: 10.66666667vw 50.4vw;
\n
display: inline-block;
\n
}
\n
._282918034425091245 {
\n
height: 1.73333333vw;
\n
width: 2.4vw;
\n
background-position: 0 0;
\n
}
\n
._154722344142123489 {
\n
height: 1.33333333vw;
\n
width: 2.4vw;
\n
background-position: 0 -2.13333333vw;
\n
}
\n
.video-page .content {
\n
background: white;
\n
width: 84vw;
\n
position: absolute;
\n
top: 21.33333333vw;
\n
left: 5.33333333vw;
\n
right: 5.33333333vw;
\n
bottom: 5.33333333vw;
\n
overflow: auto;
\n
margin: auto;
\n
display: block;
\n
border-radius: 2.13333333vw;
\n
padding: 2.66666667vw;
\n
}
\n
.video-page .content .header {
\n
padding-top: 2.13333333vw;
\n
}
\n
.video-page .content .header .people {
\n
width: 18.66666667vw;
\n
margin-left: 4.8vw;
\n
margin-right: 11.2vw;
\n
}
\n
.video-page .content .header .text {
\n
height: 9.86666667vw;
\n
}
\n
.video-page .content .video-block {
\n
margin-bottom: 4.26666667vw;
\n
border: 0.26666667vw solid #666;
\n
border-radius: 3.2vw;
\n
padding: 2.13333333vw;
\n
}
\n
.video-page .content .video-block video {
\n
width: 100%;
\n
margin: 0;
\n
display: block;
\n
padding: 0;
\n
background: rgba(0, 0, 0, 0.4);
\n
border-radius: 2.13333333vw;
\n
}
\n
.video-page .content .btn-block {
\n
position: relative;
\n
text-align: center;
\n
}
\n
.video-page .content .btn-block .age-block {
\n
height: 7.46666667vw;
\n
line-height: 7.46666667vw;
\n
border: 0.26666667vw solid #666;
\n
position: absolute;
\n
padding: 0 3.46666667vw;
\n
border-radius: 26.66666667vw;
\n
font-size: 3.2vw;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #666666;
\n
}
\n
.video-page .content .btn-block .age-change-block {
\n
position: absolute;
\n
top: 9.86666667vw;
\n
left: 0;
\n
width: 17.6vw;
\n
border-radius: 2.13333333vw;
\n
border: 0.26666667vw solid #666666;
\n
font-size: 12px;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #666666;
\n
}
\n
.video-page .content .btn-block .age-change-block > div {
\n
padding: 1.6vw 2.93333333vw;
\n
text-align: left;
\n
}
\n
.video-page .content .btn-block .age-change-block > div:first-child {
\n
border-bottom: 0.26666667vw solid #eee;
\n
}
\n
.video-page .content .btn-block .change-block {
\n
border-radius: 266.66666667vw;
\n
width: 38.4vw;
\n
border: 0.26666667vw solid #40A9FF;
\n
}
\n
.video-page .content .btn-block .change-block:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
.video-page .content .btn-block .change-block div {
\n
float: left;
\n
width: 50%;
\n
border-radius: 26.66666667vw;
\n
font-size: 3.2vw;
\n
height: 7.46666667vw;
\n
line-height: 7.46666667vw;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #cccccc;
\n
}
\n
.video-page .content .btn-block .change-block div.active {
\n
background: #40A9FF;
\n
color: white;
\n
}
\n
"
,
"
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
@import
\"
../../util/public
\"
;
\n
.playImage{background:url('/static/images/playImage.png') no-repeat;background-size:40*@toVw 189*@toVw;display: inline-block}
\n
._282918034425091245{height:6.5*@toVw;width:9*@toVw;background-position:0 0;}
\n
._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;}
\n
.video-page{
\n
.content{
\n
background: white;
\n
width: 315*@toVw;
\n
position: absolute;
\n
top: 80*@toVw;
\n
left: 20*@toVw;
\n
right: 20*@toVw;
\n
bottom: 20*@toVw;
\n
overflow: auto;
\n
margin: auto;
\n
display: block;
\n
border-radius: 8*@toVw;
\n
padding: 10*@toVw;
\n
.header{
\n
padding-top: 8*@toVw;
\n
.people{
\n
width: 70*@toVw;
\n
margin-left: 18*@toVw;
\n
margin-right: 42*@toVw;
\n
}
\n
.text{
\n
height:37*@toVw ;
\n
}
\n
}
\n
.video-block{
\n
margin-bottom: 16*@toVw;
\n
border: 1*@toVw solid #666;
\n
border-radius: 12*@toVw;
\n
padding: 8*@toVw;
\n
video{
\n
width: 100%;
\n
margin: 0;
\n
display: block;
\n
padding: 0;
\n
background:rgba(0,0,0,0.4);
\n
border-radius:8*@toVw;
\n
}
\n
}
\n
.btn-block{
\n
position: relative;
\n
text-align: center;
\n
.age-block{
\n
height: 28*@toVw;
\n
line-height: 28*@toVw;
\n
border: 1*@toVw solid #666;
\n
position: absolute;
\n
padding: 0 13*@toVw;
\n
border-radius: 100*@toVw;
\n
font-size:12*@toVw;
\n
font-family:PingFang-SC-Medium;
\n
font-weight:500;
\n
color:rgba(102,102,102,1);
\n
}
\n
.age-change-block{
\n
position: absolute;
\n
top: 37*@toVw;
\n
left: 0;
\n
width: 66*@toVw;
\n
border-radius: 8*@toVw;
\n
border: 1*@toVw solid #666666;
\n
font-size:12px;
\n
font-family:PingFang-SC-Medium;
\n
font-weight:500;
\n
color:rgba(102,102,102,1);
\n
&>div{
\n
padding: 6*@toVw 11*@toVw;
\n
text-align: left;
\n
&:first-child{
\n
border-bottom: 1*@toVw solid #eee;
\n
}
\n
}
\n
}
\n
.change-block{
\n
border-radius: 1000*@toVw;
\n
width: 144*@toVw;
\n
border:1*@toVw solid #40A9FF;
\n
&:after{
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
div{
\n
float: left;
\n
width: 50%;
\n
border-radius: 100*@toVw;
\n
font-size:12*@toVw;
\n
height: 28*@toVw;
\n
line-height: 28*@toVw;
\n
font-family:PingFang-SC-Medium;
\n
font-weight:500;
\n
color:rgba(204,204,204,1);
\n
&.active{
\n
background: #40A9FF;
\n
color: white;
\n
}
\n
}
\n
}
\n
}
\n
}
\n
}
\n
"
],
sourceRoot
:
""
}])},
uLGf
:
function
(
n
,
t
,
o
){
var
e
=
o
(
"sHWr"
);
"string"
==
typeof
e
&&
(
e
=
[[
n
.
i
,
e
,
""
]]),
e
.
locals
&&
(
n
.
exports
=
e
.
locals
);
o
(
"rjj0"
)(
"16a703ac"
,
e
,
!
1
,{})},
"v+hz"
:
function
(
n
,
t
,
o
){(
n
.
exports
=
o
(
"FZ+f"
)(
!
0
)).
push
([
n
.
i
,
"
\n
.fl-r[data-v-531d3c9f] {
\n
float: right;
\n
}
\n
.main-block[data-v-531d3c9f] {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both[data-v-531d3c9f]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
[data-v-531d3c9f]::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
[data-v-531d3c9f]::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
[data-v-531d3c9f]::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
height: 10px;
\n
min-height: 10px;
\n
}
\n
.playImage[data-v-531d3c9f] {
\n
background: url('/static/images/playImage.png') no-repeat;
\n
background-size: 10.66666667vw 60vw;
\n
display: inline-block;
\n
}
\n
._282918034425091245[data-v-531d3c9f] {
\n
height: 2.13333333vw;
\n
width: 2.4vw;
\n
background-position: 0 0;
\n
}
\n
._154722344142123489[data-v-531d3c9f] {
\n
height: 1.33333333vw;
\n
width: 2.4vw;
\n
background-position: 0 -2.13333333vw;
\n
}
\n
.next[data-v-531d3c9f] {
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
background-position: 0 -3.46666667vw;
\n
}
\n
.replay[data-v-531d3c9f] {
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
background-position: 0 -7.73333333vw;
\n
}
\n
.replayAll[data-v-531d3c9f] {
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
background-position: 0 -12vw;
\n
}
\n
.list[data-v-531d3c9f] {
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
background-position: 0 -16.26666667vw;
\n
}
\n
.last[data-v-531d3c9f] {
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
background-position: 0 -20.53333333vw;
\n
}
\n
.listPlay[data-v-531d3c9f] {
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
background-position: 0 -24.8vw;
\n
}
\n
.zDefaultIcon[data-v-531d3c9f] {
\n
height: 4.8vw;
\n
width: 4.8vw;
\n
background-position: 0 -29.06666667vw;
\n
float: right;
\n
}
\n
.zIcon[data-v-531d3c9f] {
\n
height: 4.8vw;
\n
width: 4.8vw;
\n
background-position: 0 -33.86666667vw;
\n
float: right;
\n
}
\n
.play[data-v-531d3c9f] {
\n
height: 10.66666667vw;
\n
width: 10.66666667vw;
\n
background-position: 0 -38.66666667vw;
\n
}
\n
.stop[data-v-531d3c9f] {
\n
height: 10.66666667vw;
\n
width: 10.66666667vw;
\n
background-position: 0 -49.33333333vw;
\n
}
\n
.content[data-v-531d3c9f] {
\n
background: white;
\n
width: 84vw;
\n
position: absolute;
\n
top: 21.33333333vw;
\n
left: 5.33333333vw;
\n
right: 5.33333333vw;
\n
bottom: 5.33333333vw;
\n
overflow: auto;
\n
margin: auto;
\n
display: block;
\n
border-radius: 8px;
\n
text-align: center;
\n
padding: 2.66666667vw;
\n
}
\n
.content .image-block[data-v-531d3c9f] {
\n
width: 50.13333333vw;
\n
height: 50.13333333vw;
\n
margin-top: 5.33333333vw;
\n
-webkit-box-shadow: 0 0 8vw 1.33333333vw #ddd;
\n
box-shadow: 0 0 8vw 1.33333333vw #ddd;
\n
overflow: hidden;
\n
border-radius: 2.13333333vw;
\n
}
\n
.content .image-block img[data-v-531d3c9f] {
\n
width: 100%;
\n
}
\n
.content .title-block[data-v-531d3c9f] {
\n
margin-top: 6.4vw;
\n
}
\n
.content .title-block .title[data-v-531d3c9f] {
\n
font-size: 4.26666667vw;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #666666;
\n
}
\n
.content .title-block .tips[data-v-531d3c9f] {
\n
font-size: 3.73333333vw;
\n
margin-top: 1.6vw;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #999999;
\n
}
\n
.content .range-block[data-v-531d3c9f] {
\n
width: 63.2vw;
\n
margin-top: 4.26666667vw;
\n
}
\n
.content .range-block .time-block[data-v-531d3c9f] {
\n
font-size: 12px;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #666666;
\n
text-align: left;
\n
}
\n
.content .range-block .time-block[data-v-531d3c9f]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
.content .range-block .time-block .left-time[data-v-531d3c9f] {
\n
float: left;
\n
}
\n
.content .range-block .time-block .right-time[data-v-531d3c9f] {
\n
float: right;
\n
}
\n
.content .range-block input[type=range][data-v-531d3c9f] {
\n
-webkit-transform: translateZ(0);
\n
transform: translateZ(0);
\n
-webkit-appearance: none;
\n
background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;
\n
background-size: 75% 100%;
\n
/*设置左右宽度比例*/
\n
width: 100%;
\n
border-radius: 2.66666667vw;
\n
/*这个属性设置使填充进度条时的图形为圆角*/
\n
}
\n
.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {
\n
-webkit-appearance: none;
\n
}
\n
.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-runnable-track {
\n
height: 1.06666667vw;
\n
border-radius: 0.53333333vw;
\n
}
\n
.content .range-block input[type=range][data-v-531d3c9f]:focus {
\n
outline: none;
\n
}
\n
.content .range-block input[type=range][data-v-531d3c9f]::-webkit-slider-thumb {
\n
-webkit-appearance: none;
\n
border-radius: 50%;
\n
/*外观设置为圆形*/
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
margin-top: -1.6vw;
\n
/*使滑块超出轨道部分的偏移量相等*/
\n
background: #49E2A5;
\n
}
\n
.content .btn-group[data-v-531d3c9f] {
\n
margin-top: 5.33333333vw;
\n
width: 53.33333333vw;
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
}
\n
.list-popup[data-v-531d3c9f] {
\n
width: 100vw;
\n
max-height: 92vw;
\n
overflow: auto;
\n
border-radius: 8px 8px 0 0;
\n
background: white;
\n
padding-top: 5.33333333vw;
\n
}
\n
.list-popup .list-block[data-v-531d3c9f] {
\n
display: block;
\n
width: auto;
\n
margin: 0 5.33333333vw;
\n
padding: 3.2vw 9.6vw;
\n
border-bottom: 1px solid #dddddd;
\n
}
\n
.list-popup .list-block.active[data-v-531d3c9f] {
\n
color: #49E2A5;
\n
}
\n
.list-popup .close-btn[data-v-531d3c9f] {
\n
text-align: center;
\n
padding: 5.33333333vw;
\n
}
\n
.imgPop-block[data-v-531d3c9f] {
\n
max-height: 133.33333333vw;
\n
overflow: auto;
\n
}
\n
.imgPop-block img[data-v-531d3c9f] {
\n
max-width: 80vw;
\n
}
\n
.btn-block[data-v-531d3c9f] {
\n
position: relative;
\n
margin-top: 7.46666667vw;
\n
text-align: center;
\n
}
\n
.btn-block .age-block[data-v-531d3c9f] {
\n
height: 7.46666667vw;
\n
line-height: 7.46666667vw;
\n
border: 0.26666667vw solid #666;
\n
position: absolute;
\n
padding: 0 3.46666667vw;
\n
border-radius: 26.66666667vw;
\n
font-size: 3.2vw;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #666666;
\n
}
\n
.btn-block .age-change-block[data-v-531d3c9f] {
\n
position: absolute;
\n
top: 9.86666667vw;
\n
left: 0;
\n
width: 17.6vw;
\n
border-radius: 2.13333333vw;
\n
border: 0.26666667vw solid #666666;
\n
font-size: 12px;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #666666;
\n
}
\n
.btn-block .age-change-block > div[data-v-531d3c9f] {
\n
padding: 1.6vw 2.93333333vw;
\n
text-align: left;
\n
}
\n
.btn-block .age-change-block > div[data-v-531d3c9f]:first-child {
\n
border-bottom: 0.26666667vw solid #eee;
\n
}
\n
.btn-block .change-block[data-v-531d3c9f] {
\n
border-radius: 266.66666667vw;
\n
width: 38.4vw;
\n
border: 1px solid #40A9FF;
\n
}
\n
.btn-block .change-block[data-v-531d3c9f]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
.btn-block .change-block div[data-v-531d3c9f] {
\n
float: left;
\n
width: 50%;
\n
border-radius: 26.66666667vw;
\n
font-size: 12px;
\n
height: 7.46666667vw;
\n
line-height: 7.46666667vw;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #cccccc;
\n
}
\n
.btn-block .change-block div.active[data-v-531d3c9f] {
\n
background: #40A9FF;
\n
color: white;
\n
}
\n
"
,
""
,{
version
:
3
,
sources
:[
"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less"
,
"D:/myproject/new-singsingH5/src/components/newLesson/audio.vue"
,
"D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/audio.vue"
],
names
:[],
mappings
:
"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"
,
file
:
"audio.vue"
,
sourcesContent
:[
"//颜色参数
\n
@toVw:100/375vw;
\n
@toVh:100/667vh;
\n
@bg-b: #333;
\n
@bg-b-s:#444;
\n
@black-line:#191919;
\n
@gray-line:#666;
\n
@light-line:#ddd;
\n
@main-font-color:#fff;
\n
@secondary-font-color:#999;
\n
@gold-color-light:#FFD04B;
\n
@gold-color: #a18430;
\n\n
//公共类
\n
.fl-r{
\n
float: right;
\n
}
\n
.main-block{
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
html{
\n\n
}
\n
.clear-both{
\n
&:after{
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
}
\n
//滚动条样式
\n
::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性
\n
border-radius: 10px;
\n
}
\n
::-webkit-scrollbar {//滚动条的宽度
\n
width:5px;
\n
height:5px;
\n
}
\n
::-webkit-scrollbar-thumb {//滚动条的设置
\n
background-color:@secondary-font-color;
\n
border-radius: 10px;
\n
height: 10px;
\n
min-height:10px;
\n
}
\n
"
,
".fl-r {
\n
float: right;
\n
}
\n
.main-block {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
height: 10px;
\n
min-height: 10px;
\n
}
\n
.playImage {
\n
background: url('/static/images/playImage.png') no-repeat;
\n
background-size: 10.66666667vw 60vw;
\n
display: inline-block;
\n
}
\n
._282918034425091245 {
\n
height: 2.13333333vw;
\n
width: 2.4vw;
\n
background-position: 0 0;
\n
}
\n
._154722344142123489 {
\n
height: 1.33333333vw;
\n
width: 2.4vw;
\n
background-position: 0 -2.13333333vw;
\n
}
\n
.next {
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
background-position: 0 -3.46666667vw;
\n
}
\n
.replay {
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
background-position: 0 -7.73333333vw;
\n
}
\n
.replayAll {
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
background-position: 0 -12vw;
\n
}
\n
.list {
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
background-position: 0 -16.26666667vw;
\n
}
\n
.last {
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
background-position: 0 -20.53333333vw;
\n
}
\n
.listPlay {
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
background-position: 0 -24.8vw;
\n
}
\n
.zDefaultIcon {
\n
height: 4.8vw;
\n
width: 4.8vw;
\n
background-position: 0 -29.06666667vw;
\n
float: right;
\n
}
\n
.zIcon {
\n
height: 4.8vw;
\n
width: 4.8vw;
\n
background-position: 0 -33.86666667vw;
\n
float: right;
\n
}
\n
.play {
\n
height: 10.66666667vw;
\n
width: 10.66666667vw;
\n
background-position: 0 -38.66666667vw;
\n
}
\n
.stop {
\n
height: 10.66666667vw;
\n
width: 10.66666667vw;
\n
background-position: 0 -49.33333333vw;
\n
}
\n
.content {
\n
background: white;
\n
width: 84vw;
\n
position: absolute;
\n
top: 21.33333333vw;
\n
left: 5.33333333vw;
\n
right: 5.33333333vw;
\n
bottom: 5.33333333vw;
\n
overflow: auto;
\n
margin: auto;
\n
display: block;
\n
border-radius: 8px;
\n
text-align: center;
\n
padding: 2.66666667vw;
\n
}
\n
.content .image-block {
\n
width: 50.13333333vw;
\n
height: 50.13333333vw;
\n
margin-top: 5.33333333vw;
\n
box-shadow: 0 0 8vw 1.33333333vw #ddd;
\n
overflow: hidden;
\n
border-radius: 2.13333333vw;
\n
}
\n
.content .image-block img {
\n
width: 100%;
\n
}
\n
.content .title-block {
\n
margin-top: 6.4vw;
\n
}
\n
.content .title-block .title {
\n
font-size: 4.26666667vw;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #666666;
\n
}
\n
.content .title-block .tips {
\n
font-size: 3.73333333vw;
\n
margin-top: 1.6vw;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #999999;
\n
}
\n
.content .range-block {
\n
width: 63.2vw;
\n
margin-top: 4.26666667vw;
\n
}
\n
.content .range-block .time-block {
\n
font-size: 12px;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #666666;
\n
text-align: left;
\n
}
\n
.content .range-block .time-block:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
.content .range-block .time-block .left-time {
\n
float: left;
\n
}
\n
.content .range-block .time-block .right-time {
\n
float: right;
\n
}
\n
.content .range-block input[type=range] {
\n
-webkit-transform: translateZ(0);
\n
transform: translateZ(0);
\n
-webkit-appearance: none;
\n
background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat, #D8D8D8;
\n
background-size: 75% 100%;
\n
/*设置左右宽度比例*/
\n
width: 100%;
\n
border-radius: 2.66666667vw;
\n
/*这个属性设置使填充进度条时的图形为圆角*/
\n
}
\n
.content .range-block input[type=range]::-webkit-slider-thumb {
\n
-webkit-appearance: none;
\n
}
\n
.content .range-block input[type=range]::-webkit-slider-runnable-track {
\n
height: 1.06666667vw;
\n
border-radius: 0.53333333vw;
\n
}
\n
.content .range-block input[type=range]:focus {
\n
outline: none;
\n
}
\n
.content .range-block input[type=range]::-webkit-slider-thumb {
\n
-webkit-appearance: none;
\n
border-radius: 50%;
\n
/*外观设置为圆形*/
\n
height: 4.26666667vw;
\n
width: 4.26666667vw;
\n
margin-top: -1.6vw;
\n
/*使滑块超出轨道部分的偏移量相等*/
\n
background: #49E2A5;
\n
}
\n
.content .btn-group {
\n
margin-top: 5.33333333vw;
\n
width: 53.33333333vw;
\n
display: flex;
\n
}
\n
.list-popup {
\n
width: 100vw;
\n
max-height: 92vw;
\n
overflow: auto;
\n
border-radius: 8px 8px 0 0;
\n
background: white;
\n
padding-top: 5.33333333vw;
\n
}
\n
.list-popup .list-block {
\n
display: block;
\n
width: auto;
\n
margin: 0 5.33333333vw;
\n
padding: 3.2vw 9.6vw;
\n
border-bottom: 1px solid #dddddd;
\n
}
\n
.list-popup .list-block.active {
\n
color: #49E2A5;
\n
}
\n
.list-popup .close-btn {
\n
text-align: center;
\n
padding: 5.33333333vw;
\n
}
\n
.imgPop-block {
\n
max-height: 133.33333333vw;
\n
overflow: auto;
\n
}
\n
.imgPop-block img {
\n
max-width: 80vw;
\n
}
\n
.btn-block {
\n
position: relative;
\n
margin-top: 7.46666667vw;
\n
text-align: center;
\n
}
\n
.btn-block .age-block {
\n
height: 7.46666667vw;
\n
line-height: 7.46666667vw;
\n
border: 0.26666667vw solid #666;
\n
position: absolute;
\n
padding: 0 3.46666667vw;
\n
border-radius: 26.66666667vw;
\n
font-size: 3.2vw;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #666666;
\n
}
\n
.btn-block .age-change-block {
\n
position: absolute;
\n
top: 9.86666667vw;
\n
left: 0;
\n
width: 17.6vw;
\n
border-radius: 2.13333333vw;
\n
border: 0.26666667vw solid #666666;
\n
font-size: 12px;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #666666;
\n
}
\n
.btn-block .age-change-block > div {
\n
padding: 1.6vw 2.93333333vw;
\n
text-align: left;
\n
}
\n
.btn-block .age-change-block > div:first-child {
\n
border-bottom: 0.26666667vw solid #eee;
\n
}
\n
.btn-block .change-block {
\n
border-radius: 266.66666667vw;
\n
width: 38.4vw;
\n
border: 1px solid #40A9FF;
\n
}
\n
.btn-block .change-block:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
.btn-block .change-block div {
\n
float: left;
\n
width: 50%;
\n
border-radius: 26.66666667vw;
\n
font-size: 12px;
\n
height: 7.46666667vw;
\n
line-height: 7.46666667vw;
\n
font-family: PingFang-SC-Medium;
\n
font-weight: 500;
\n
color: #cccccc;
\n
}
\n
.btn-block .change-block div.active {
\n
background: #40A9FF;
\n
color: white;
\n
}
\n
"
,
"
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
@import
\"
../../util/public
\"
;
\n
.playImage{background:url('/static/images/playImage.png') no-repeat;background-size:40*@toVw 225*@toVw;display: inline-block}
\n
._282918034425091245{height:8*@toVw;width:9*@toVw;background-position:0 0;}
\n
._154722344142123489{height:5*@toVw;width:9*@toVw;background-position:0 -8*@toVw;}
\n
.next{height:16*@toVw;width:16*@toVw;background-position:0 -13*@toVw;}
\n
.replay{height:16*@toVw;width:16*@toVw;background-position:0 -29*@toVw;}
\n
.replayAll{height:16*@toVw;width:16*@toVw;background-position:0 -45*@toVw;}
\n
.list{height:16*@toVw;width:16*@toVw;background-position:0 -61*@toVw;}
\n
.last{height:16*@toVw;width:16*@toVw;background-position:0 -77*@toVw;}
\n
.listPlay{height:16*@toVw;width:16*@toVw;background-position:0 -93*@toVw;}
\n
.zDefaultIcon{height:18*@toVw;width:18*@toVw;background-position:0 -109*@toVw; float: right}
\n
.zIcon{height:18*@toVw;width:18*@toVw;background-position:0 -127*@toVw;; float: right}
\n
.play{height:40*@toVw;width:40*@toVw;background-position:0 -145*@toVw;}
\n
.stop{height:40*@toVw;width:40*@toVw;background-position:0 -185*@toVw;}
\n
.content{
\n
background: white;
\n
width: 315*@toVw;
\n
position: absolute;
\n
top: 80*@toVw;
\n
left: 20*@toVw;
\n
right: 20*@toVw;
\n
bottom: 20*@toVw;
\n
overflow: auto;
\n
margin: auto;
\n
display: block;
\n
border-radius: 8px;
\n
text-align: center;
\n
padding: 10*@toVw;
\n
.image-block{
\n
width: 188*@toVw;
\n
height: 188*@toVw;
\n
margin-top: 20*@toVw;
\n
box-shadow: 0 0 30*@toVw 5*@toVw #ddd;
\n
overflow: hidden;
\n
border-radius: 8*@toVw;
\n
img{
\n
width: 100%;
\n
}
\n
}
\n
.title-block{
\n
margin-top: 24*@toVw;
\n
.title{
\n
font-size:16*@toVw;
\n
font-family:PingFang-SC-Medium;
\n
font-weight:500;
\n
color:rgba(102,102,102,1);
\n
}
\n
.tips{
\n
font-size:14*@toVw;
\n
margin-top: 6*@toVw;
\n
font-family:PingFang-SC-Medium;
\n
font-weight:500;
\n
color:rgba(153,153,153,1);
\n
}
\n
}
\n
.range-block{
\n
width: 237 * @toVw;
\n
margin-top: 16*@toVw;
\n
.time-block{
\n
font-size:12px;
\n
font-family:PingFang-SC-Medium;
\n
font-weight:500;
\n
color:rgba(102,102,102,1);
\n
text-align: left;
\n
&:after{
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
.left-time{
\n
float: left;
\n
}
\n
.right-time{
\n
float: right;
\n
}
\n
}
\n
input[type=range] {
\n
-webkit-transform: translateZ(0);
\n
transform: translateZ(0);
\n
-webkit-appearance: none;
\n
background: -webkit-linear-gradient(#49E2A5, #49E2A5) no-repeat,#D8D8D8;
\n
background-size: 75% 100%;/*设置左右宽度比例*/
\n
width: 100%;
\n
border-radius: 10*@toVw; /*这个属性设置使填充进度条时的图形为圆角*/
\n
}
\n
input[type=range]::-webkit-slider-thumb {
\n
-webkit-appearance: none;
\n
}
\n
input[type=range]::-webkit-slider-runnable-track {
\n
height: 4*@toVw;
\n
border-radius: 2*@toVw ;
\n
}
\n
input[type=range]:focus {
\n
outline: none;
\n
}
\n
input[type=range]::-webkit-slider-thumb {
\n
-webkit-appearance: none;
\n
border-radius: 50%; /*外观设置为圆形*/
\n
height: 16*@toVw;
\n
width: 16*@toVw;
\n
margin-top: -6*@toVw; /*使滑块超出轨道部分的偏移量相等*/
\n
background: #49E2A5;
\n
}
\n
}
\n
.btn-group{
\n
margin-top: 20*@toVw;
\n
width: 200*@toVw;
\n
display: flex;
\n
}
\n
}
\n
.list-popup{
\n
width: 375*@toVw;
\n
max-height: 345*@toVw;
\n
overflow: auto;
\n
border-radius: 8px 8px 0 0;
\n
background: white;
\n
padding-top: 20*@toVw;
\n
.list-block{
\n
display: block;
\n
width: auto;
\n
margin: 0 20*@toVw;
\n
padding:12*@toVw 36*@toVw;
\n
border-bottom: 1px solid #dddddd;
\n
&.active{
\n
color: #49E2A5;
\n
}
\n
}
\n
.close-btn{
\n
text-align: center;
\n
padding: 20*@toVw;
\n
}
\n
}
\n
.imgPop-block{
\n
max-height: 500*@toVw;
\n
overflow: auto;
\n
img{
\n
max-width: 300*@toVw;
\n
}
\n
}
\n
.btn-block{
\n
position: relative;
\n
margin-top: 28*@toVw;
\n
text-align: center;
\n
.age-block{
\n
height: 28*@toVw;
\n
line-height: 28*@toVw;
\n
border: 1*@toVw solid #666;
\n
position: absolute;
\n
padding: 0 13*@toVw;
\n
border-radius: 100*@toVw;
\n
font-size:12*@toVw;
\n
font-family:PingFang-SC-Medium;
\n
font-weight:500;
\n
color:rgba(102,102,102,1);
\n
}
\n
.age-change-block{
\n
position: absolute;
\n
top: 37*@toVw;
\n
left: 0;
\n
width: 66*@toVw;
\n
border-radius: 8*@toVw;
\n
border: 1*@toVw solid #666666;
\n
font-size:12px;
\n
font-family:PingFang-SC-Medium;
\n
font-weight:500;
\n
color:rgba(102,102,102,1);
\n
&>div{
\n
padding: 6*@toVw 11*@toVw;
\n
text-align: left;
\n
&:first-child{
\n
border-bottom: 1*@toVw solid #eee;
\n
}
\n
}
\n
}
\n
.change-block{
\n
border-radius: 1000*@toVw;
\n
width: 144*@toVw;
\n
border:1px solid #40A9FF;
\n
&:after{
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
div{
\n
float: left;
\n
width: 50%;
\n
border-radius: 100*@toVw;
\n
font-size:12px;
\n
height: 28*@toVw;
\n
line-height: 28*@toVw;
\n
font-family:PingFang-SC-Medium;
\n
font-weight:500;
\n
color:rgba(204,204,204,1);
\n
&.active{
\n
background: #40A9FF;
\n
color: white;
\n
}
\n
}
\n
}
\n
}
\n
"
],
sourceRoot
:
""
}])},
wpI3
:
function
(
n
,
t
,
o
){
var
e
=
o
(
"+xa/"
);
"string"
==
typeof
e
&&
(
e
=
[[
n
.
i
,
e
,
""
]]),
e
.
locals
&&
(
n
.
exports
=
e
.
locals
);
o
(
"rjj0"
)(
"27e1adf9"
,
e
,
!
1
,{})}});
//# sourceMappingURL=3.c093916fdcec93ff37e2.js.map
\ No newline at end of file
dev/static/js/3.c093916fdcec93ff37e2.js.map
0 → 100644
View file @
e30b86dd
This source diff could not be displayed because it is too large. You can
view the blob
instead.
dev/static/js/manifest.312fc1e3635af4233954.js
0 → 100644
View file @
e30b86dd
!
function
(
e
){
var
n
=
window
.
webpackJsonp
;
window
.
webpackJsonp
=
function
(
r
,
o
,
f
){
for
(
var
a
,
d
,
i
,
u
=
0
,
b
=
[];
u
<
r
.
length
;
u
++
)
d
=
r
[
u
],
t
[
d
]
&&
b
.
push
(
t
[
d
][
0
]),
t
[
d
]
=
0
;
for
(
a
in
o
)
Object
.
prototype
.
hasOwnProperty
.
call
(
o
,
a
)
&&
(
e
[
a
]
=
o
[
a
]);
for
(
n
&&
n
(
r
,
o
,
f
);
b
.
length
;)
b
.
shift
()();
if
(
f
)
for
(
u
=
0
;
u
<
f
.
length
;
u
++
)
i
=
c
(
c
.
s
=
f
[
u
]);
return
i
};
var
r
=
{},
t
=
{
18
:
0
};
function
c
(
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
,
c
),
t
.
l
=!
0
,
t
.
exports
}
c
.
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
,
c
){
n
=
t
[
e
]
=
[
r
,
c
]});
n
[
2
]
=
r
;
var
o
=
document
.
getElementsByTagName
(
"head"
)[
0
],
f
=
document
.
createElement
(
"script"
);
f
.
type
=
"text/javascript"
,
f
.
charset
=
"utf-8"
,
f
.
async
=!
0
,
f
.
timeout
=
12
e4
,
c
.
nc
&&
f
.
setAttribute
(
"nonce"
,
c
.
nc
),
f
.
src
=
c
.
p
+
"static/js/"
+
e
+
"."
+
{
0
:
"142a69ccfb8053522ccd"
,
1
:
"018ebfeb3b60610fa566"
,
2
:
"4b793d0de9f3f2bd254c"
,
3
:
"c093916fdcec93ff37e2"
,
4
:
"0f107fbfb8728377fbc1"
,
5
:
"1294bc63a1ca36e9b591"
,
6
:
"1796c2d534decefd0b9f"
,
7
:
"9e94cf5ac550ce51f81e"
,
8
:
"379ad03bdbb1a73c5f21"
,
9
:
"d4b2baf93a9430b19dd3"
,
10
:
"01437b5d24dc0988f3d5"
,
11
:
"18d305b76c1e26d81068"
,
12
:
"378fa4653f81cfe1e4a0"
,
13
:
"be588fe7be86451f24cd"
,
14
:
"27ec4c0b18cbfb90134e"
,
15
:
"2f54991e72a53597dd95"
}[
e
]
+
".js"
;
var
a
=
setTimeout
(
d
,
12
e4
);
function
d
(){
f
.
onerror
=
f
.
onload
=
null
,
clearTimeout
(
a
);
var
n
=
t
[
e
];
0
!==
n
&&
(
n
&&
n
[
1
](
new
Error
(
"Loading chunk "
+
e
+
" failed."
)),
t
[
e
]
=
void
0
)}
return
f
.
onerror
=
f
.
onload
=
d
,
o
.
appendChild
(
f
),
r
},
c
.
m
=
e
,
c
.
c
=
r
,
c
.
d
=
function
(
e
,
n
,
r
){
c
.
o
(
e
,
n
)
||
Object
.
defineProperty
(
e
,
n
,{
configurable
:
!
1
,
enumerable
:
!
0
,
get
:
r
})},
c
.
n
=
function
(
e
){
var
n
=
e
&&
e
.
__esModule
?
function
(){
return
e
.
default
}:
function
(){
return
e
};
return
c
.
d
(
n
,
"a"
,
n
),
n
},
c
.
o
=
function
(
e
,
n
){
return
Object
.
prototype
.
hasOwnProperty
.
call
(
e
,
n
)},
c
.
p
=
"/"
,
c
.
oe
=
function
(
e
){
throw
console
.
error
(
e
),
e
}}([]);
//# sourceMappingURL=manifest.312fc1e3635af4233954.js.map
\ No newline at end of file
dev/static/js/manifest.312fc1e3635af4233954.js.map
0 → 100644
View file @
e30b86dd
{"version":3,"sources":["webpack:///webpack/bootstrap 0fd0017609a78b7f6a4d"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","18","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","15","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,uBAAAC,GAAA,wBAAsbtD,GAAA,MAC9f,IAAAkC,EAAAqB,WAAAC,EAAA,MAEA,SAAAA,IAEA3B,EAAA4B,QAAA5B,EAAA6B,OAAA,KACAC,aAAAzB,GACA,IAAA0B,EAAAvD,EAAAL,GACA,IAAA4D,IACAA,GACAA,EAAA,OAAAC,MAAA,iBAAA7D,EAAA,aAEAK,EAAAL,QAAA8D,GAKA,OAfAjC,EAAA4B,QAAA5B,EAAA6B,OAAAF,EAaA9B,EAAAqC,YAAAlC,GAEAL,GAIAX,EAAAmD,EAAArD,EAGAE,EAAAoD,EAAAlD,EAGAF,EAAAqD,EAAA,SAAAjD,EAAAkD,EAAAC,GACAvD,EAAAwD,EAAApD,EAAAkD,IACA5D,OAAA+D,eAAArD,EAAAkD,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAvD,EAAA6D,EAAA,SAAAxD,GACA,IAAAkD,EAAAlD,KAAAyD,WACA,WAA2B,OAAAzD,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAqD,EAAAE,EAAA,IAAAA,GACAA,GAIAvD,EAAAwD,EAAA,SAAAO,EAAAC,GAAsD,OAAAtE,OAAAC,UAAAC,eAAAC,KAAAkE,EAAAC,IAGtDhE,EAAAyB,EAAA,IAGAzB,EAAAiE,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.312fc1e3635af4233954.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\t18: 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\":\"142a69ccfb8053522ccd\",\"1\":\"018ebfeb3b60610fa566\",\"2\":\"4b793d0de9f3f2bd254c\",\"3\":\"c093916fdcec93ff37e2\",\"4\":\"0f107fbfb8728377fbc1\",\"5\":\"1294bc63a1ca36e9b591\",\"6\":\"1796c2d534decefd0b9f\",\"7\":\"9e94cf5ac550ce51f81e\",\"8\":\"379ad03bdbb1a73c5f21\",\"9\":\"d4b2baf93a9430b19dd3\",\"10\":\"01437b5d24dc0988f3d5\",\"11\":\"18d305b76c1e26d81068\",\"12\":\"378fa4653f81cfe1e4a0\",\"13\":\"be588fe7be86451f24cd\",\"14\":\"27ec4c0b18cbfb90134e\",\"15\":\"2f54991e72a53597dd95\"}[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 0fd0017609a78b7f6a4d"],"sourceRoot":""}
\ No newline at end of file
src/components/newLesson/look.vue
View file @
e30b86dd
<
template
>
<div
class=
"look-content"
>
<div
class=
"content"
v-html=
"content
Data.content.content
"
>
<div
class=
"content"
v-html=
"content"
>
</div>
</div>
</
template
>
...
...
@@ -13,7 +13,7 @@
],
computed
:{
content
(){
return
contentData
.
content
.
content
.
replace
(
/video/g
,
'audio'
)
return
this
.
contentData
.
content
.
content
.
replace
(
/video/g
,
'audio'
)
}
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment