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
cb1cf486
Commit
cb1cf486
authored
May 16, 2019
by
chenyishuai@singsingenglish.com
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
5.16
parent
b7a21f87
Changes
7
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
10 additions
and
7 deletions
+10
-7
index.html
dev/index.html
+1
-1
15.6a476701edef14401c95.js
dev/static/js/15.6a476701edef14401c95.js
+1
-0
30.27016f398ace46e3fe07.js
dev/static/js/30.27016f398ace46e3fe07.js
+1
-0
30.2e9330178c4953f41110.js
dev/static/js/30.2e9330178c4953f41110.js
+0
-1
manifest.d2e4c50cf7af3d0e7bec.js
dev/static/js/manifest.d2e4c50cf7af3d0e7bec.js
+1
-1
index.vue
src/components/index.vue
+5
-3
order.vue
src/components/order.vue
+1
-1
No files found.
dev/index.html
View file @
cb1cf486
...
...
@@ -6,4 +6,4 @@
overflow
:
hidden
;
position
:
fixed
;
background
:
#f4f4f4
;
}
</style><link
href=
static/css/app.a33637a3392be2fde512aa6031b6e4df.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=
static/vconsole/vconsole.min.js
></script><script
type=
text/javascript
src=
static/js/manifest.862bdde8ecfa95495503.js
></script><script
type=
text/javascript
src=
static/js/vendor.971a89734ef51957abe6.js
></script><script
type=
text/javascript
src=
static/js/app.436f01e1569fecfb6bca.js
></script></body></html>
\ No newline at end of file
}
</style><link
href=
static/css/app.a33637a3392be2fde512aa6031b6e4df.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=
static/vconsole/vconsole.min.js
></script><script
type=
text/javascript
src=
static/js/manifest.d2e4c50cf7af3d0e7bec.js
></script><script
type=
text/javascript
src=
static/js/vendor.971a89734ef51957abe6.js
></script><script
type=
text/javascript
src=
static/js/app.436f01e1569fecfb6bca.js
></script></body></html>
\ No newline at end of file
dev/static/js/15.
4d1c0a4b96843b0dced9
.js
→
dev/static/js/15.
6a476701edef14401c95
.js
View file @
cb1cf486
webpackJsonp
([
15
],{
"DhZ+"
:
function
(
n
,
t
,
e
){
n
.
exports
=
e
.
p
+
"static/img/orderless.961cec0.png"
},
QCaR
:
function
(
n
,
t
,
e
){
var
i
=
e
(
"j2op"
);
"string"
==
typeof
i
&&
(
i
=
[[
n
.
i
,
i
,
""
]]),
i
.
locals
&&
(
n
.
exports
=
i
.
locals
);
e
(
"rjj0"
)(
"b44d3a68"
,
i
,
!
1
,{})},
R7Pr
:
function
(
n
,
t
,
e
){
"use strict"
;
Object
.
defineProperty
(
t
,
"__esModule"
,{
value
:
!
0
});
e
(
"eqfM"
);
var
i
=
e
(
"/QYm"
),
A
=
e
(
"CCn6"
),
a
=
e
(
"Jmy5"
),
o
=
e
(
"az9f"
),
r
=
e
.
n
(
o
),
s
=
e
(
"DhZ+"
),
c
=
e
.
n
(
s
),
f
=
e
(
"/Bxx"
),
l
=
e
.
n
(
f
),
d
=
{
name
:
"order"
,
data
:
function
(){
return
{
orderList
:[],
showShare
:
!
1
,
shareTipsUrl
:
l
.
a
,
shareUrl
:
r
.
a
,
mok4
:
c
.
a
,
shopId
:
""
,
orderImg
:
a
.
e
}},
filters
:{
orderType
:
function
(
n
){
if
(
2
===
n
.
buy_type
){
if
(
1
==
n
.
status
)
return
a
.
e
.
orderStatus2
;
if
(
4
==
n
.
status
)
return
a
.
e
.
orderStatus3
}
else
{
if
(
1
===
n
.
buy_type
&&
1
==
n
.
status
)
return
a
.
e
.
orderStatus1
;
if
(
2
==
n
.
status
)
return
a
.
e
.
orderStatus4
}}},
mounted
:
function
(){
this
.
initPage
()},
methods
:{
goDetail
:
function
(
n
){
1
==
this
.
orderList
[
n
].
buy_type
?
this
.
$router
.
push
({
name
:
"buySuccess"
,
query
:{
out_trade_no
:
this
.
orderList
[
n
].
out_trade_no
}}):
this
.
$router
.
push
({
name
:
"success"
,
query
:{
out_trade_no
:
this
.
orderList
[
n
].
out_trade_no
}})},
goIndex
:
function
(){
this
.
$router
.
push
({
name
:
"index"
})},
initPage
:
function
(){
var
n
=
this
;
Object
(
A
.
G
)({
api_list
:
"onMenuShareAppMessage,onMenuShareTimeline"
,
url
:
window
.
location
.
href
.
split
(
"#"
)[
0
]}).
then
(
function
(
n
){
wx
.
config
({
debug
:
!
1
,
appId
:
n
.
appId
,
timestamp
:
parseInt
(
n
.
timestamp
),
nonceStr
:
n
.
nonceStr
,
signature
:
n
.
signature
,
jsApiList
:
n
.
jsApiList
})}),
Object
(
A
.
t
)({
status
:
1
}).
then
(
function
(
t
){
t
.
list
.
forEach
(
function
(
n
){
n
.
goods_desc
&&
(
n
.
goods_desc
=
JSON
.
parse
(
n
.
goods_desc
))}),
n
.
orderList
=
t
.
list
})},
shareOrder
:
function
(
n
){
this
.
$sa
.
track
(
"buttonClick"
,{
tabTitle
:
"订单"
,
moduleTitle
:
"订单"
,
buttonType
:
"分享"
,
buttonName
:
"团购分享"
}),
this
.
showShare
=!
0
;
var
t
=
void
0
;
t
=
n
.
invite_id
&&
""
!=
n
.
invite_id
?
"TEACHER"
===
n
.
invite_type
?
"CC-USER-"
+
n
.
user_id
:
"CC-"
+
n
.
invite_type
+
"-"
+
n
.
user_id
:
"CC-USER-"
+
n
.
user_id
;
var
e
=
JSON
.
parse
(
n
.
share_desc
),
A
=
this
,
a
=
"https://wechat-test.changchangenglish.com/#/buyDetail?shopId="
+
n
.
goods_id
+
"&groupId="
+
n
.
order_group_id
+
"&invite_code="
+
t
+
"'"
;
wx
.
onMenuShareAppMessage
({
title
:
e
.
title
,
desc
:
e
.
content
,
link
:
a
,
imgUrl
:
e
.
img
[
0
]?
e
.
img
[
0
].
url
:
"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png"
,
success
:
function
(){
Object
(
i
.
a
)(
"分享成功"
),
A
.
showShare
=!
1
}}),
wx
.
onMenuShareTimeline
({
title
:
e
.
title
,
desc
:
e
.
content
,
link
:
a
,
imgUrl
:
e
.
img
[
0
]?
e
.
img
[
0
].
url
:
"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png"
,
success
:
function
(){
Object
(
i
.
a
)(
"分享成功"
),
A
.
showShare
=!
1
}})}}},
B
=
function
(){
var
n
=
this
,
t
=
n
.
$createElement
,
e
=
n
.
_self
.
_c
||
t
;
return
e
(
"div"
,[
e
(
"van-popup"
,{
staticClass
:
"refer-share"
,
attrs
:{
position
:
"top"
},
model
:{
value
:
n
.
showShare
,
callback
:
function
(
t
){
n
.
showShare
=
t
},
expression
:
"showShare"
}},[
e
(
"img"
,{
attrs
:{
src
:
n
.
shareTipsUrl
}})]),
n
.
_v
(
" "
),
n
.
orderList
.
length
<
1
?
e
(
"div"
,{
staticClass
:
"unStart"
},[
e
(
"img"
,{
attrs
:{
src
:
n
.
mok4
,
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"p"
,[
n
.
_v
(
"还没有订单哦~"
)]),
n
.
_v
(
" "
),
e
(
"div"
,{
on
:{
click
:
n
.
goIndex
}},[
n
.
_v
(
"去逛逛吧"
)])]):
n
.
_e
(),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"listBox"
},
n
.
_l
(
n
.
orderList
,
function
(
t
,
i
){
return
e
(
"div"
,{
staticClass
:
"list"
},[
e
(
"div"
,{
staticClass
:
"head"
},[
t
.
goods_desc
?
e
(
"div"
,{
staticClass
:
"bg-img"
,
style
:{
backgroundImage
:
"url("
+
t
.
goods_desc
.
img
[
0
].
url
+
")"
},
on
:{
click
:
function
(
t
){
n
.
goDetail
(
i
)}}}):
n
.
_e
(),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"content"
},[
0
!=
t
.
status
?
e
(
"img"
,{
staticClass
:
"status"
,
attrs
:{
src
:
n
.
_f
(
"orderType"
)(
t
),
alt
:
""
},
on
:{
click
:
function
(
t
){
n
.
goDetail
(
i
)}}}):
n
.
_e
(),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"title"
,
on
:{
click
:
function
(
t
){
n
.
goDetail
(
i
)}}},[
n
.
_v
(
n
.
_s
(
t
.
goods_name
))]),
n
.
_v
(
" "
),
t
.
goods_desc
?
e
(
"div"
,{
staticClass
:
"desc"
,
on
:{
click
:
function
(
t
){
n
.
goDetail
(
i
)}}},[
n
.
_v
(
n
.
_s
(
t
.
goods_desc
.
desc
))]):
n
.
_e
(),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"time"
,
on
:{
click
:
function
(
t
){
n
.
goDetail
(
i
)}}},[
n
.
_v
(
"付款时间："
+
n
.
_s
(
t
.
pay_at
))]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"bottom"
},[
e
(
"span"
,{
staticClass
:
"payMoney"
},[
n
.
_v
(
"实付："
+
n
.
_s
(
t
.
money
/
100
)
+
"元"
)]),
2
===
t
.
buy_type
&&
4
!==
t
.
status
?
e
(
"span"
,{
staticClass
:
"share"
,
on
:{
click
:
function
(
e
){
n
.
shareOrder
(
t
)}}},[
n
.
_v
(
"
\n
我要分享 "
),
e
(
"img"
,{
attrs
:{
src
:
n
.
shareUrl
}})]):
n
.
_e
()])])])])}))],
1
)};
B
.
_withStripped
=!
0
;
var
C
=
{
render
:
B
,
staticRenderFns
:[]},
p
=
C
;
var
w
=!
1
;
var
h
=
e
(
"VU/8"
)(
d
,
p
,
!
1
,
function
(
n
){
w
||
e
(
"QCaR"
)},
"data-v-5ffcfc6e"
,
null
);
h
.
options
.
__file
=
"src/components/order.vue"
;
t
.
default
=
h
.
exports
},
az9f
:
function
(
n
,
t
){
n
.
exports
=
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAAMFBMVEVHcExmZmZmZmZmZmZmZmZmZmZlZWVkZGRmZmZmZmZmZmZkZGRmZmZmZmZmZmZmZmY+CoHcAAAAD3RSTlMAuEMrdt5eC4/KhRvwnK0VbnSZAAAA2klEQVQY02NgAAIr0Z8McGD4//+fAhiH4//XZdowDrv8TwUwDSYZ/zuARbk+glT3f4Mo2fJfnIGBGSJld/7//y9AhWDDWf4DAVCR/ScQT/+jdtn/CwwM/gEg3vwHDCx/gbR8AwNI8wYGBiBiiE8AEmwQlxUwnAdZygVSxcB9EsLj/QHiMf2HqOT9BeKxfYWa0g1xG9QGMGD9BbUdDPQ/M/AhvD1fAOZqsFsNGBjWf4Mp/IHkW5b/AoiQYJoP9jsD1/+vbUoZ8f8bIBrsQF79Lwwz2kT0TKAziAEAvsROXdc3HlsAAAAASUVORK5CYII="
},
j2op
:
function
(
n
,
t
,
e
){(
n
.
exports
=
e
(
"FZ+f"
)(
!
0
)).
push
([
n
.
i
,
"
\n
.fl-r[data-v-5ffcfc6e] {
\n
float: right;
\n
}
\n
.main-block[data-v-5ffcfc6e] {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both[data-v-5ffcfc6e]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
[data-v-5ffcfc6e]::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
[data-v-5ffcfc6e]::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
[data-v-5ffcfc6e]::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
min-height: 10px;
\n
}
\n
.child-view[data-v-5ffcfc6e] {
\n
background: white;
\n
}
\n
.unStart[data-v-5ffcfc6e] {
\n
text-align: center;
\n
}
\n
.unStart img[data-v-5ffcfc6e] {
\n
width: 80vw;
\n
}
\n
.unStart p[data-v-5ffcfc6e] {
\n
line-height: 22px;
\n
font-size: 16px;
\n
color: #666666;
\n
}
\n
.unStart div[data-v-5ffcfc6e] {
\n
width: 66.66666667vw;
\n
height: 10.66666667vw;
\n
line-height: 10.66666667vw;
\n
background: #40A9FF;
\n
color: white;
\n
border-radius: 5.33333333vw;
\n
margin-top: 19.2vw;
\n
}
\n
.refer-share[data-v-5ffcfc6e] {
\n
width: 100%;
\n
overflow-y: visible;
\n
}
\n
.refer-share img[data-v-5ffcfc6e] {
\n
position: absolute;
\n
width: 80%;
\n
right: 0;
\n
z-index: 2002;
\n
}
\n
.tips[data-v-5ffcfc6e] {
\n
padding: 5.33333333vw;
\n
font-size: 24px;
\n
text-align: center;
\n
color: #888888;
\n
}
\n
.listBox[data-v-5ffcfc6e] {
\n
padding: 4vw;
\n
}
\n
.list[data-v-5ffcfc6e] {
\n
-webkit-box-shadow: 0px 0.8vw 2.13333333vw 0px rgba(0, 0, 0, 0.06);
\n
box-shadow: 0px 0.8vw 2.13333333vw 0px rgba(0, 0, 0, 0.06);
\n
border-radius: 4vw;
\n
overflow: hidden;
\n
}
\n
.list .bg-img[data-v-5ffcfc6e] {
\n
width: 28.8vw;
\n
height: 28.8vw;
\n
margin-right: 4vw;
\n
margin-left: 0vw;
\n
background-size: 100% 100%;
\n
}
\n
.list .head[data-v-5ffcfc6e] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: center;
\n
-ms-flex-pack: center;
\n
justify-content: center;
\n
-webkit-box-align: center;
\n
-ms-flex-align: center;
\n
align-items: center;
\n
line-height: 1.6em;
\n
position: relative;
\n
-webkit-box-orient: horizontal;
\n
-webkit-box-direction: normal;
\n
-ms-flex-flow: row nowrap;
\n
flex-flow: row nowrap;
\n
}
\n
.list .head .content[data-v-5ffcfc6e] {
\n
font-size: 3.2vw;
\n
color: #999;
\n
margin-left: 0;
\n
position: relative;
\n
}
\n
.list .head .content .title[data-v-5ffcfc6e] {
\n
width: 42.66666667vw;
\n
margin-left: 0;
\n
overflow: hidden;
\n
text-overflow: ellipsis;
\n
white-space: nowrap;
\n
color: #666;
\n
font-size: 4vw;
\n
}
\n
.list .head .content .desc[data-v-5ffcfc6e] {
\n
width: 42.66666667vw;
\n
margin-left: 0;
\n
overflow: hidden;
\n
text-overflow: ellipsis;
\n
white-space: nowrap;
\n
}
\n
.list .head .content .status[data-v-5ffcfc6e] {
\n
position: absolute;
\n
width: 16vw;
\n
right: 0;
\n
}
\n
.list .head .content .bottom[data-v-5ffcfc6e] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
width: 60.26666667vw;
\n
}
\n
.list .head .content .bottom .share[data-v-5ffcfc6e] {
\n
margin-right: 2.66666667vw;
\n
}
\n
.list .head .content .bottom .share img[data-v-5ffcfc6e] {
\n
width: 3.46666667vw;
\n
display: inline-block;
\n
margin-right: 0.8vw;
\n
vertical-align: text-bottom;
\n
}
\n
.list .head .content .bottom .payMoney[data-v-5ffcfc6e] {
\n
margin-left: 0;
\n
}
\n
.list .head .content .bottom .pay[data-v-5ffcfc6e] {
\n
width: 18.66666667vw;
\n
height: 7.46666667vw;
\n
border: 1px solid #f46363;
\n
color: #f46363;
\n
text-align: center;
\n
line-height: 7.46666667vw;
\n
border-radius: 3.73333333vw;
\n
}
\n
.list .footer[data-v-5ffcfc6e] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-orient: horizontal;
\n
-webkit-box-direction: normal;
\n
-ms-flex-flow: row nowrap;
\n
flex-flow: row nowrap;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
-webkit-box-align: center;
\n
-ms-flex-align: center;
\n
align-items: center;
\n
margin-left: 10px;
\n
margin-right: 10px;
\n
padding: 6px 12px;
\n
color: #999;
\n
font-size: 3.2vw;
\n
border: 1px solid #ccc;
\n
border-top: none;
\n
border-bottom-left-radius: 9px;
\n
border-bottom-right-radius: 9px;
\n
-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
\n
box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
\n
}
\n
.list .footer span[data-v-5ffcfc6e] {
\n
margin: 0;
\n
line-height: 5.33333333vw;
\n
}
\n
.list .footer .red[data-v-5ffcfc6e] {
\n
color: #f06a33;
\n
}
\n
"
,
""
,{
version
:
3
,
sources
:[
"C:/Users/Administrator/Desktop/h5/wechat/src/components/order.vue"
],
names
:[],
mappings
:
";AACA;EACE,aAAa;CACd;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;EACE,kBAAkB;CACnB;AACD;EACE,mBAAmB;CACpB;AACD;EACE,YAAY;CACb;AACD;EACE,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,2BAA2B;EAC3B,oBAAoB;EACpB,aAAa;EACb,4BAA4B;EAC5B,mBAAmB;CACpB;AACD;EACE,YAAY;EACZ,oBAAoB;CACrB;AACD;EACE,mBAAmB;EACnB,WAAW;EACX,SAAS;EACT,cAAc;CACf;AACD;EACE,sBAAsB;EACtB,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;CAChB;AACD;EACE,aAAa;CACd;AACD;EACE,mEAAmE;UAC3D,2DAA2D;EACnE,mBAAmB;EACnB,iBAAiB;CAClB;AACD;EACE,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,iBAAiB;EACjB,2BAA2B;CAC5B;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,sBAAsB;EACtB,yBAAyB;MACrB,sBAAsB;UAClB,wBAAwB;EAChC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;EAC5B,mBAAmB;EACnB,mBAAmB;EACnB,+BAA+B;EAC/B,8BAA8B;MAC1B,0BAA0B;UACtB,sBAAsB;CAC/B;AACD;EACE,iBAAiB;EACjB,YAAY;EACZ,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,qBAAqB;EACrB,eAAe;EACf,iBAAiB;EACjB,wBAAwB;EACxB,oBAAoB;EACpB,YAAY;EACZ,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,eAAe;EACf,iBAAiB;EACjB,wBAAwB;EACxB,oBAAoB;CACrB;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,SAAS;CACV;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,sBAAsB;EACtB,0BAA0B;MACtB,uBAAuB;UACnB,+BAA+B;EACvC,qBAAqB;CACtB;AACD;EACE,2BAA2B;CAC5B;AACD;EACE,oBAAoB;EACpB,sBAAsB;EACtB,oBAAoB;EACpB,4BAA4B;CAC7B;AACD;EACE,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,0BAA0B;EAC1B,eAAe;EACf,mBAAmB;EACnB,0BAA0B;EAC1B,4BAA4B;CAC7B;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,sBAAsB;EACtB,+BAA+B;EAC/B,8BAA8B;MAC1B,0BAA0B;UACtB,sBAAsB;EAC9B,0BAA0B;MACtB,uBAAuB;UACnB,+BAA+B;EACvC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;EAC5B,kBAAkB;EAClB,mBAAmB;EACnB,kBAAkB;EAClB,YAAY;EACZ,iBAAiB;EACjB,uBAAuB;EACvB,iBAAiB;EACjB,+BAA+B;EAC/B,gCAAgC;EAChC,uDAAuD;UAC/C,+CAA+C;CACxD;AACD;EACE,UAAU;EACV,0BAA0B;CAC3B;AACD;EACE,eAAe;CAChB"
,
file
:
"order.vue"
,
sourcesContent
:[
"
\n
.fl-r[data-v-5ffcfc6e] {
\n
float: right;
\n
}
\n
.main-block[data-v-5ffcfc6e] {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both[data-v-5ffcfc6e]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
[data-v-5ffcfc6e]::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
[data-v-5ffcfc6e]::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
[data-v-5ffcfc6e]::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
min-height: 10px;
\n
}
\n
.child-view[data-v-5ffcfc6e] {
\n
background: white;
\n
}
\n
.unStart[data-v-5ffcfc6e] {
\n
text-align: center;
\n
}
\n
.unStart img[data-v-5ffcfc6e] {
\n
width: 80vw;
\n
}
\n
.unStart p[data-v-5ffcfc6e] {
\n
line-height: 22px;
\n
font-size: 16px;
\n
color: #666666;
\n
}
\n
.unStart div[data-v-5ffcfc6e] {
\n
width: 66.66666667vw;
\n
height: 10.66666667vw;
\n
line-height: 10.66666667vw;
\n
background: #40A9FF;
\n
color: white;
\n
border-radius: 5.33333333vw;
\n
margin-top: 19.2vw;
\n
}
\n
.refer-share[data-v-5ffcfc6e] {
\n
width: 100%;
\n
overflow-y: visible;
\n
}
\n
.refer-share img[data-v-5ffcfc6e] {
\n
position: absolute;
\n
width: 80%;
\n
right: 0;
\n
z-index: 2002;
\n
}
\n
.tips[data-v-5ffcfc6e] {
\n
padding: 5.33333333vw;
\n
font-size: 24px;
\n
text-align: center;
\n
color: #888888;
\n
}
\n
.listBox[data-v-5ffcfc6e] {
\n
padding: 4vw;
\n
}
\n
.list[data-v-5ffcfc6e] {
\n
-webkit-box-shadow: 0px 0.8vw 2.13333333vw 0px rgba(0, 0, 0, 0.06);
\n
box-shadow: 0px 0.8vw 2.13333333vw 0px rgba(0, 0, 0, 0.06);
\n
border-radius: 4vw;
\n
overflow: hidden;
\n
}
\n
.list .bg-img[data-v-5ffcfc6e] {
\n
width: 28.8vw;
\n
height: 28.8vw;
\n
margin-right: 4vw;
\n
margin-left: 0vw;
\n
background-size: 100% 100%;
\n
}
\n
.list .head[data-v-5ffcfc6e] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: center;
\n
-ms-flex-pack: center;
\n
justify-content: center;
\n
-webkit-box-align: center;
\n
-ms-flex-align: center;
\n
align-items: center;
\n
line-height: 1.6em;
\n
position: relative;
\n
-webkit-box-orient: horizontal;
\n
-webkit-box-direction: normal;
\n
-ms-flex-flow: row nowrap;
\n
flex-flow: row nowrap;
\n
}
\n
.list .head .content[data-v-5ffcfc6e] {
\n
font-size: 3.2vw;
\n
color: #999;
\n
margin-left: 0;
\n
position: relative;
\n
}
\n
.list .head .content .title[data-v-5ffcfc6e] {
\n
width: 42.66666667vw;
\n
margin-left: 0;
\n
overflow: hidden;
\n
text-overflow: ellipsis;
\n
white-space: nowrap;
\n
color: #666;
\n
font-size: 4vw;
\n
}
\n
.list .head .content .desc[data-v-5ffcfc6e] {
\n
width: 42.66666667vw;
\n
margin-left: 0;
\n
overflow: hidden;
\n
text-overflow: ellipsis;
\n
white-space: nowrap;
\n
}
\n
.list .head .content .status[data-v-5ffcfc6e] {
\n
position: absolute;
\n
width: 16vw;
\n
right: 0;
\n
}
\n
.list .head .content .bottom[data-v-5ffcfc6e] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
width: 60.26666667vw;
\n
}
\n
.list .head .content .bottom .share[data-v-5ffcfc6e] {
\n
margin-right: 2.66666667vw;
\n
}
\n
.list .head .content .bottom .share img[data-v-5ffcfc6e] {
\n
width: 3.46666667vw;
\n
display: inline-block;
\n
margin-right: 0.8vw;
\n
vertical-align: text-bottom;
\n
}
\n
.list .head .content .bottom .payMoney[data-v-5ffcfc6e] {
\n
margin-left: 0;
\n
}
\n
.list .head .content .bottom .pay[data-v-5ffcfc6e] {
\n
width: 18.66666667vw;
\n
height: 7.46666667vw;
\n
border: 1px solid #f46363;
\n
color: #f46363;
\n
text-align: center;
\n
line-height: 7.46666667vw;
\n
border-radius: 3.73333333vw;
\n
}
\n
.list .footer[data-v-5ffcfc6e] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-orient: horizontal;
\n
-webkit-box-direction: normal;
\n
-ms-flex-flow: row nowrap;
\n
flex-flow: row nowrap;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
-webkit-box-align: center;
\n
-ms-flex-align: center;
\n
align-items: center;
\n
margin-left: 10px;
\n
margin-right: 10px;
\n
padding: 6px 12px;
\n
color: #999;
\n
font-size: 3.2vw;
\n
border: 1px solid #ccc;
\n
border-top: none;
\n
border-bottom-left-radius: 9px;
\n
border-bottom-right-radius: 9px;
\n
-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
\n
box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
\n
}
\n
.list .footer span[data-v-5ffcfc6e] {
\n
margin: 0;
\n
line-height: 5.33333333vw;
\n
}
\n
.list .footer .red[data-v-5ffcfc6e] {
\n
color: #f06a33;
\n
}
\n
"
],
sourceRoot
:
""
}])}});
\ No newline at end of file
webpackJsonp
([
15
],{
"DhZ+"
:
function
(
n
,
t
,
e
){
n
.
exports
=
e
.
p
+
"static/img/orderless.961cec0.png"
},
QCaR
:
function
(
n
,
t
,
e
){
var
i
=
e
(
"j2op"
);
"string"
==
typeof
i
&&
(
i
=
[[
n
.
i
,
i
,
""
]]),
i
.
locals
&&
(
n
.
exports
=
i
.
locals
);
e
(
"rjj0"
)(
"b44d3a68"
,
i
,
!
1
,{})},
R7Pr
:
function
(
n
,
t
,
e
){
"use strict"
;
Object
.
defineProperty
(
t
,
"__esModule"
,{
value
:
!
0
});
e
(
"eqfM"
);
var
i
=
e
(
"/QYm"
),
A
=
e
(
"CCn6"
),
a
=
e
(
"Jmy5"
),
o
=
e
(
"az9f"
),
r
=
e
.
n
(
o
),
s
=
e
(
"DhZ+"
),
c
=
e
.
n
(
s
),
f
=
e
(
"/Bxx"
),
l
=
e
.
n
(
f
),
d
=
{
name
:
"order"
,
data
:
function
(){
return
{
orderList
:[],
showShare
:
!
1
,
shareTipsUrl
:
l
.
a
,
shareUrl
:
r
.
a
,
mok4
:
c
.
a
,
shopId
:
""
,
orderImg
:
a
.
e
}},
filters
:{
orderType
:
function
(
n
){
if
(
2
===
n
.
buy_type
){
if
(
1
==
n
.
status
)
return
a
.
e
.
orderStatus2
;
if
(
4
==
n
.
status
)
return
a
.
e
.
orderStatus3
}
else
{
if
(
1
===
n
.
buy_type
&&
1
==
n
.
status
)
return
a
.
e
.
orderStatus1
;
if
(
2
==
n
.
status
)
return
a
.
e
.
orderStatus4
}}},
mounted
:
function
(){
this
.
initPage
()},
methods
:{
goDetail
:
function
(
n
){
1
==
this
.
orderList
[
n
].
buy_type
?
this
.
$router
.
push
({
name
:
"buySuccess"
,
query
:{
out_trade_no
:
this
.
orderList
[
n
].
out_trade_no
}}):
this
.
$router
.
push
({
name
:
"success"
,
query
:{
out_trade_no
:
this
.
orderList
[
n
].
out_trade_no
}})},
goIndex
:
function
(){
this
.
$router
.
push
({
name
:
"index"
})},
initPage
:
function
(){
var
n
=
this
;
Object
(
A
.
G
)({
api_list
:
"onMenuShareAppMessage,onMenuShareTimeline"
,
url
:
window
.
location
.
href
.
split
(
"#"
)[
0
]}).
then
(
function
(
n
){
wx
.
config
({
debug
:
!
1
,
appId
:
n
.
appId
,
timestamp
:
parseInt
(
n
.
timestamp
),
nonceStr
:
n
.
nonceStr
,
signature
:
n
.
signature
,
jsApiList
:
n
.
jsApiList
})}),
Object
(
A
.
t
)({
status
:
1
}).
then
(
function
(
t
){
t
.
list
.
forEach
(
function
(
n
){
n
.
goods_desc
&&
(
n
.
goods_desc
=
JSON
.
parse
(
n
.
goods_desc
))}),
n
.
orderList
=
t
.
list
})},
shareOrder
:
function
(
n
){
this
.
$sa
.
track
(
"buttonClick"
,{
tabTitle
:
"订单"
,
moduleTitle
:
"订单"
,
buttonType
:
"分享"
,
buttonName
:
"团购分享"
}),
this
.
showShare
=!
0
;
var
t
=
void
0
;
t
=
n
.
invite_id
&&
""
!=
n
.
invite_id
?
"TEACHER"
===
n
.
invite_type
?
"CC-USER-"
+
n
.
user_id
:
"CC-"
+
n
.
invite_type
+
"-"
+
n
.
user_id
:
"CC-USER-"
+
n
.
user_id
;
var
e
=
JSON
.
parse
(
n
.
share_desc
),
A
=
this
,
a
=
"https://wechat-test.changchangenglish.com/#/buyDetail?shopId="
+
n
.
goods_id
+
"&groupId="
+
n
.
order_group_id
+
"&invite_code="
+
t
+
"'"
;
wx
.
onMenuShareAppMessage
({
title
:
e
.
title
,
desc
:
e
.
content
,
link
:
a
,
imgUrl
:
e
.
img
[
0
]?
e
.
img
[
0
].
url
:
"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png"
,
success
:
function
(){
Object
(
i
.
a
)(
"分享成功"
),
A
.
showShare
=!
1
}}),
wx
.
onMenuShareTimeline
({
title
:
e
.
title
,
desc
:
e
.
content
,
link
:
a
,
imgUrl
:
e
.
img
[
0
]?
e
.
img
[
0
].
url
:
"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png"
,
success
:
function
(){
Object
(
i
.
a
)(
"分享成功"
),
A
.
showShare
=!
1
}})}}},
B
=
function
(){
var
n
=
this
,
t
=
n
.
$createElement
,
e
=
n
.
_self
.
_c
||
t
;
return
e
(
"div"
,[
e
(
"van-popup"
,{
staticClass
:
"refer-share"
,
attrs
:{
position
:
"top"
},
model
:{
value
:
n
.
showShare
,
callback
:
function
(
t
){
n
.
showShare
=
t
},
expression
:
"showShare"
}},[
e
(
"img"
,{
attrs
:{
src
:
n
.
shareTipsUrl
}})]),
n
.
_v
(
" "
),
n
.
orderList
.
length
<
1
?
e
(
"div"
,{
staticClass
:
"unStart"
},[
e
(
"img"
,{
attrs
:{
src
:
n
.
mok4
,
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"p"
,[
n
.
_v
(
"还没有订单哦~"
)]),
n
.
_v
(
" "
),
e
(
"div"
,{
on
:{
click
:
n
.
goIndex
}},[
n
.
_v
(
"去逛逛吧"
)])]):
n
.
_e
(),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"listBox"
},
n
.
_l
(
n
.
orderList
,
function
(
t
,
i
){
return
e
(
"div"
,{
staticClass
:
"list"
},[
e
(
"div"
,{
staticClass
:
"head"
},[
t
.
goods_desc
?
e
(
"div"
,{
staticClass
:
"bg-img"
,
style
:{
backgroundImage
:
"url("
+
t
.
goods_desc
.
img
[
0
].
url
+
")"
},
on
:{
click
:
function
(
t
){
n
.
goDetail
(
i
)}}}):
n
.
_e
(),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"content"
},[
0
!=
t
.
status
?
e
(
"img"
,{
staticClass
:
"status"
,
attrs
:{
src
:
n
.
_f
(
"orderType"
)(
t
),
alt
:
""
},
on
:{
click
:
function
(
t
){
n
.
goDetail
(
i
)}}}):
n
.
_e
(),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"title"
,
on
:{
click
:
function
(
t
){
n
.
goDetail
(
i
)}}},[
n
.
_v
(
n
.
_s
(
t
.
goods_name
))]),
n
.
_v
(
" "
),
t
.
goods_desc
?
e
(
"div"
,{
staticClass
:
"desc"
,
on
:{
click
:
function
(
t
){
n
.
goDetail
(
i
)}}},[
n
.
_v
(
n
.
_s
(
t
.
goods_desc
.
desc
))]):
n
.
_e
(),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"time"
,
on
:{
click
:
function
(
t
){
n
.
goDetail
(
i
)}}},[
n
.
_v
(
"付款时间："
+
n
.
_s
(
t
.
pay_at
))]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"bottom"
},[
e
(
"span"
,{
staticClass
:
"payMoney"
},[
n
.
_v
(
"实付："
+
n
.
_s
(
t
.
money
/
100
)
+
"元"
)]),
2
===
t
.
buy_type
&&
4
!==
t
.
status
?
e
(
"span"
,{
staticClass
:
"share"
,
on
:{
click
:
function
(
e
){
n
.
shareOrder
(
t
)}}},[
n
.
_v
(
"
\n
我要分享 "
),
e
(
"img"
,{
attrs
:{
src
:
n
.
shareUrl
}})]):
n
.
_e
()])])])])}))],
1
)};
B
.
_withStripped
=!
0
;
var
C
=
{
render
:
B
,
staticRenderFns
:[]},
p
=
C
;
var
w
=!
1
;
var
h
=
e
(
"VU/8"
)(
d
,
p
,
!
1
,
function
(
n
){
w
||
e
(
"QCaR"
)},
"data-v-5ffcfc6e"
,
null
);
h
.
options
.
__file
=
"src/components/order.vue"
;
t
.
default
=
h
.
exports
},
az9f
:
function
(
n
,
t
){
n
.
exports
=
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAAMFBMVEVHcExmZmZmZmZmZmZmZmZmZmZlZWVkZGRmZmZmZmZmZmZkZGRmZmZmZmZmZmZmZmY+CoHcAAAAD3RSTlMAuEMrdt5eC4/KhRvwnK0VbnSZAAAA2klEQVQY02NgAAIr0Z8McGD4//+fAhiH4//XZdowDrv8TwUwDSYZ/zuARbk+glT3f4Mo2fJfnIGBGSJld/7//y9AhWDDWf4DAVCR/ScQT/+jdtn/CwwM/gEg3vwHDCx/gbR8AwNI8wYGBiBiiE8AEmwQlxUwnAdZygVSxcB9EsLj/QHiMf2HqOT9BeKxfYWa0g1xG9QGMGD9BbUdDPQ/M/AhvD1fAOZqsFsNGBjWf4Mp/IHkW5b/AoiQYJoP9jsD1/+vbUoZ8f8bIBrsQF79Lwwz2kT0TKAziAEAvsROXdc3HlsAAAAASUVORK5CYII="
},
j2op
:
function
(
n
,
t
,
e
){(
n
.
exports
=
e
(
"FZ+f"
)(
!
0
)).
push
([
n
.
i
,
"
\n
.fl-r[data-v-5ffcfc6e] {
\n
float: right;
\n
}
\n
.main-block[data-v-5ffcfc6e] {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both[data-v-5ffcfc6e]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
[data-v-5ffcfc6e]::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
[data-v-5ffcfc6e]::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
[data-v-5ffcfc6e]::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
min-height: 10px;
\n
}
\n
.child-view[data-v-5ffcfc6e] {
\n
background: white;
\n
}
\n
.unStart[data-v-5ffcfc6e] {
\n
text-align: center;
\n
}
\n
.unStart img[data-v-5ffcfc6e] {
\n
width: 80vw;
\n
}
\n
.unStart p[data-v-5ffcfc6e] {
\n
line-height: 22px;
\n
font-size: 16px;
\n
color: #666666;
\n
}
\n
.unStart div[data-v-5ffcfc6e] {
\n
width: 66.66666667vw;
\n
height: 10.66666667vw;
\n
line-height: 10.66666667vw;
\n
background: #40A9FF;
\n
color: white;
\n
border-radius: 5.33333333vw;
\n
margin-top: 19.2vw;
\n
}
\n
.refer-share[data-v-5ffcfc6e] {
\n
width: 100%;
\n
overflow-y: visible;
\n
}
\n
.refer-share img[data-v-5ffcfc6e] {
\n
position: absolute;
\n
width: 80%;
\n
right: 0;
\n
z-index: 2002;
\n
}
\n
.tips[data-v-5ffcfc6e] {
\n
padding: 5.33333333vw;
\n
font-size: 24px;
\n
text-align: center;
\n
color: #888888;
\n
}
\n
.listBox[data-v-5ffcfc6e] {
\n
padding: 4vw;
\n
}
\n
.list[data-v-5ffcfc6e] {
\n
-webkit-box-shadow: 1px 0.8vw 2.13333333vw 0px rgba(0, 0, 0, 0.1);
\n
box-shadow: 1px 0.8vw 2.13333333vw 0px rgba(0, 0, 0, 0.1);
\n
border-radius: 4vw;
\n
overflow: hidden;
\n
}
\n
.list .bg-img[data-v-5ffcfc6e] {
\n
width: 28.8vw;
\n
height: 28.8vw;
\n
margin-right: 4vw;
\n
margin-left: 0vw;
\n
background-size: 100% 100%;
\n
}
\n
.list .head[data-v-5ffcfc6e] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: center;
\n
-ms-flex-pack: center;
\n
justify-content: center;
\n
-webkit-box-align: center;
\n
-ms-flex-align: center;
\n
align-items: center;
\n
line-height: 1.6em;
\n
position: relative;
\n
-webkit-box-orient: horizontal;
\n
-webkit-box-direction: normal;
\n
-ms-flex-flow: row nowrap;
\n
flex-flow: row nowrap;
\n
}
\n
.list .head .content[data-v-5ffcfc6e] {
\n
font-size: 3.2vw;
\n
color: #999;
\n
margin-left: 0;
\n
position: relative;
\n
}
\n
.list .head .content .title[data-v-5ffcfc6e] {
\n
width: 42.66666667vw;
\n
margin-left: 0;
\n
overflow: hidden;
\n
text-overflow: ellipsis;
\n
white-space: nowrap;
\n
color: #666;
\n
font-size: 4vw;
\n
}
\n
.list .head .content .desc[data-v-5ffcfc6e] {
\n
width: 42.66666667vw;
\n
margin-left: 0;
\n
overflow: hidden;
\n
text-overflow: ellipsis;
\n
white-space: nowrap;
\n
}
\n
.list .head .content .status[data-v-5ffcfc6e] {
\n
position: absolute;
\n
width: 16vw;
\n
right: 0;
\n
}
\n
.list .head .content .bottom[data-v-5ffcfc6e] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
width: 60.26666667vw;
\n
}
\n
.list .head .content .bottom .share[data-v-5ffcfc6e] {
\n
margin-right: 2.66666667vw;
\n
}
\n
.list .head .content .bottom .share img[data-v-5ffcfc6e] {
\n
width: 3.46666667vw;
\n
display: inline-block;
\n
margin-right: 0.8vw;
\n
vertical-align: text-bottom;
\n
}
\n
.list .head .content .bottom .payMoney[data-v-5ffcfc6e] {
\n
margin-left: 0;
\n
}
\n
.list .head .content .bottom .pay[data-v-5ffcfc6e] {
\n
width: 18.66666667vw;
\n
height: 7.46666667vw;
\n
border: 1px solid #f46363;
\n
color: #f46363;
\n
text-align: center;
\n
line-height: 7.46666667vw;
\n
border-radius: 3.73333333vw;
\n
}
\n
.list .footer[data-v-5ffcfc6e] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-orient: horizontal;
\n
-webkit-box-direction: normal;
\n
-ms-flex-flow: row nowrap;
\n
flex-flow: row nowrap;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
-webkit-box-align: center;
\n
-ms-flex-align: center;
\n
align-items: center;
\n
margin-left: 10px;
\n
margin-right: 10px;
\n
padding: 6px 12px;
\n
color: #999;
\n
font-size: 3.2vw;
\n
border: 1px solid #ccc;
\n
border-top: none;
\n
border-bottom-left-radius: 9px;
\n
border-bottom-right-radius: 9px;
\n
-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
\n
box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
\n
}
\n
.list .footer span[data-v-5ffcfc6e] {
\n
margin: 0;
\n
line-height: 5.33333333vw;
\n
}
\n
.list .footer .red[data-v-5ffcfc6e] {
\n
color: #f06a33;
\n
}
\n
"
,
""
,{
version
:
3
,
sources
:[
"C:/Users/Administrator/Desktop/h5/wechat/src/components/order.vue"
],
names
:[],
mappings
:
";AACA;EACE,aAAa;CACd;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;EACE,kBAAkB;CACnB;AACD;EACE,mBAAmB;CACpB;AACD;EACE,YAAY;CACb;AACD;EACE,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,2BAA2B;EAC3B,oBAAoB;EACpB,aAAa;EACb,4BAA4B;EAC5B,mBAAmB;CACpB;AACD;EACE,YAAY;EACZ,oBAAoB;CACrB;AACD;EACE,mBAAmB;EACnB,WAAW;EACX,SAAS;EACT,cAAc;CACf;AACD;EACE,sBAAsB;EACtB,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;CAChB;AACD;EACE,aAAa;CACd;AACD;EACE,kEAAkE;UAC1D,0DAA0D;EAClE,mBAAmB;EACnB,iBAAiB;CAClB;AACD;EACE,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,iBAAiB;EACjB,2BAA2B;CAC5B;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,sBAAsB;EACtB,yBAAyB;MACrB,sBAAsB;UAClB,wBAAwB;EAChC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;EAC5B,mBAAmB;EACnB,mBAAmB;EACnB,+BAA+B;EAC/B,8BAA8B;MAC1B,0BAA0B;UACtB,sBAAsB;CAC/B;AACD;EACE,iBAAiB;EACjB,YAAY;EACZ,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,qBAAqB;EACrB,eAAe;EACf,iBAAiB;EACjB,wBAAwB;EACxB,oBAAoB;EACpB,YAAY;EACZ,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,eAAe;EACf,iBAAiB;EACjB,wBAAwB;EACxB,oBAAoB;CACrB;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,SAAS;CACV;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,sBAAsB;EACtB,0BAA0B;MACtB,uBAAuB;UACnB,+BAA+B;EACvC,qBAAqB;CACtB;AACD;EACE,2BAA2B;CAC5B;AACD;EACE,oBAAoB;EACpB,sBAAsB;EACtB,oBAAoB;EACpB,4BAA4B;CAC7B;AACD;EACE,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,0BAA0B;EAC1B,eAAe;EACf,mBAAmB;EACnB,0BAA0B;EAC1B,4BAA4B;CAC7B;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,sBAAsB;EACtB,+BAA+B;EAC/B,8BAA8B;MAC1B,0BAA0B;UACtB,sBAAsB;EAC9B,0BAA0B;MACtB,uBAAuB;UACnB,+BAA+B;EACvC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;EAC5B,kBAAkB;EAClB,mBAAmB;EACnB,kBAAkB;EAClB,YAAY;EACZ,iBAAiB;EACjB,uBAAuB;EACvB,iBAAiB;EACjB,+BAA+B;EAC/B,gCAAgC;EAChC,uDAAuD;UAC/C,+CAA+C;CACxD;AACD;EACE,UAAU;EACV,0BAA0B;CAC3B;AACD;EACE,eAAe;CAChB"
,
file
:
"order.vue"
,
sourcesContent
:[
"
\n
.fl-r[data-v-5ffcfc6e] {
\n
float: right;
\n
}
\n
.main-block[data-v-5ffcfc6e] {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both[data-v-5ffcfc6e]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
[data-v-5ffcfc6e]::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
[data-v-5ffcfc6e]::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
[data-v-5ffcfc6e]::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
min-height: 10px;
\n
}
\n
.child-view[data-v-5ffcfc6e] {
\n
background: white;
\n
}
\n
.unStart[data-v-5ffcfc6e] {
\n
text-align: center;
\n
}
\n
.unStart img[data-v-5ffcfc6e] {
\n
width: 80vw;
\n
}
\n
.unStart p[data-v-5ffcfc6e] {
\n
line-height: 22px;
\n
font-size: 16px;
\n
color: #666666;
\n
}
\n
.unStart div[data-v-5ffcfc6e] {
\n
width: 66.66666667vw;
\n
height: 10.66666667vw;
\n
line-height: 10.66666667vw;
\n
background: #40A9FF;
\n
color: white;
\n
border-radius: 5.33333333vw;
\n
margin-top: 19.2vw;
\n
}
\n
.refer-share[data-v-5ffcfc6e] {
\n
width: 100%;
\n
overflow-y: visible;
\n
}
\n
.refer-share img[data-v-5ffcfc6e] {
\n
position: absolute;
\n
width: 80%;
\n
right: 0;
\n
z-index: 2002;
\n
}
\n
.tips[data-v-5ffcfc6e] {
\n
padding: 5.33333333vw;
\n
font-size: 24px;
\n
text-align: center;
\n
color: #888888;
\n
}
\n
.listBox[data-v-5ffcfc6e] {
\n
padding: 4vw;
\n
}
\n
.list[data-v-5ffcfc6e] {
\n
-webkit-box-shadow: 1px 0.8vw 2.13333333vw 0px rgba(0, 0, 0, 0.1);
\n
box-shadow: 1px 0.8vw 2.13333333vw 0px rgba(0, 0, 0, 0.1);
\n
border-radius: 4vw;
\n
overflow: hidden;
\n
}
\n
.list .bg-img[data-v-5ffcfc6e] {
\n
width: 28.8vw;
\n
height: 28.8vw;
\n
margin-right: 4vw;
\n
margin-left: 0vw;
\n
background-size: 100% 100%;
\n
}
\n
.list .head[data-v-5ffcfc6e] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: center;
\n
-ms-flex-pack: center;
\n
justify-content: center;
\n
-webkit-box-align: center;
\n
-ms-flex-align: center;
\n
align-items: center;
\n
line-height: 1.6em;
\n
position: relative;
\n
-webkit-box-orient: horizontal;
\n
-webkit-box-direction: normal;
\n
-ms-flex-flow: row nowrap;
\n
flex-flow: row nowrap;
\n
}
\n
.list .head .content[data-v-5ffcfc6e] {
\n
font-size: 3.2vw;
\n
color: #999;
\n
margin-left: 0;
\n
position: relative;
\n
}
\n
.list .head .content .title[data-v-5ffcfc6e] {
\n
width: 42.66666667vw;
\n
margin-left: 0;
\n
overflow: hidden;
\n
text-overflow: ellipsis;
\n
white-space: nowrap;
\n
color: #666;
\n
font-size: 4vw;
\n
}
\n
.list .head .content .desc[data-v-5ffcfc6e] {
\n
width: 42.66666667vw;
\n
margin-left: 0;
\n
overflow: hidden;
\n
text-overflow: ellipsis;
\n
white-space: nowrap;
\n
}
\n
.list .head .content .status[data-v-5ffcfc6e] {
\n
position: absolute;
\n
width: 16vw;
\n
right: 0;
\n
}
\n
.list .head .content .bottom[data-v-5ffcfc6e] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
width: 60.26666667vw;
\n
}
\n
.list .head .content .bottom .share[data-v-5ffcfc6e] {
\n
margin-right: 2.66666667vw;
\n
}
\n
.list .head .content .bottom .share img[data-v-5ffcfc6e] {
\n
width: 3.46666667vw;
\n
display: inline-block;
\n
margin-right: 0.8vw;
\n
vertical-align: text-bottom;
\n
}
\n
.list .head .content .bottom .payMoney[data-v-5ffcfc6e] {
\n
margin-left: 0;
\n
}
\n
.list .head .content .bottom .pay[data-v-5ffcfc6e] {
\n
width: 18.66666667vw;
\n
height: 7.46666667vw;
\n
border: 1px solid #f46363;
\n
color: #f46363;
\n
text-align: center;
\n
line-height: 7.46666667vw;
\n
border-radius: 3.73333333vw;
\n
}
\n
.list .footer[data-v-5ffcfc6e] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-orient: horizontal;
\n
-webkit-box-direction: normal;
\n
-ms-flex-flow: row nowrap;
\n
flex-flow: row nowrap;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
-webkit-box-align: center;
\n
-ms-flex-align: center;
\n
align-items: center;
\n
margin-left: 10px;
\n
margin-right: 10px;
\n
padding: 6px 12px;
\n
color: #999;
\n
font-size: 3.2vw;
\n
border: 1px solid #ccc;
\n
border-top: none;
\n
border-bottom-left-radius: 9px;
\n
border-bottom-right-radius: 9px;
\n
-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
\n
box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
\n
}
\n
.list .footer span[data-v-5ffcfc6e] {
\n
margin: 0;
\n
line-height: 5.33333333vw;
\n
}
\n
.list .footer .red[data-v-5ffcfc6e] {
\n
color: #f06a33;
\n
}
\n
"
],
sourceRoot
:
""
}])}});
\ No newline at end of file
dev/static/js/30.27016f398ace46e3fe07.js
0 → 100644
View file @
cb1cf486
webpackJsonp
([
30
],{
dAjm
:
function
(
n
,
t
,
e
){
"use strict"
;
Object
.
defineProperty
(
t
,
"__esModule"
,{
value
:
!
0
});
var
o
=
e
(
"mvHQ"
),
a
=
e
.
n
(
o
),
A
=
e
(
"woOf"
),
i
=
e
.
n
(
A
),
s
=
(
e
(
"eqfM"
),
e
(
"/QYm"
)),
r
=
e
(
"CCn6"
),
B
=
e
(
"Jmy5"
),
d
=
e
(
"2oJL"
),
b
=
e
(
"sf/l"
),
v
=
e
(
"mkI/"
),
w
=
e
(
"eMjc"
),
C
=
e
.
n
(
w
),
l
=
{
name
:
"index"
,
components
:{
bottomTab
:
d
.
a
,
audioPage
:
v
.
a
},
data
:
function
(){
return
{
pt
:
!
1
,
countTime
:
"00:00:00"
,
orderList
:[],
bannerList
:[],
teacherQ2
:
!
1
,
teacherDetail
:
null
,
imgUrl
:
B
.
b
,
user_id
:
null
,
newUrl
:
""
,
lessonList
:[],
medList
:[],
qmList
:[],
mxxyList
:[],
userCourse
:{},
bannerData
:{
qr
:
""
,
start_at
:
""
,
active_start_at
:
""
,
is_start_active
:
""
},
showObj
:{
audio
:[],
audioIndex
:
0
,
show
:
!
1
},
unlook
:
!
1
,
canvasData
:
"1"
}},
created
:
function
(){
this
.
initPage
(),
s
.
a
.
loading
({
mask
:
!
0
,
message
:
""
})},
mounted
:
function
(){
window
.
scrollTo
(
0
,
0
),
this
.
unlook
=
localStorage
.
getItem
(
"unlook"
),
this
.
pt
=
sessionStorage
.
getItem
(
"pt"
)},
methods
:{
goDetail
:
function
(
n
){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
groupItem
),
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
groupIcon
),
this
.
$router
.
push
({
name
:
"success"
,
query
:{
out_trade_no
:
this
.
orderList
[
n
].
out_trade_no
}}),
sessionStorage
.
setItem
(
"pt"
,
!
0
)},
onReachBottom
:
function
(){},
toShop
:
function
(){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
toShopD
),
this
.
$router
.
push
({
name
:
"buyDetail"
,
query
:{
shopId
:
this
.
bannerData
.
goods_id
,
invite_code
:
this
.
bannerData
.
invite_code
}})},
goMed
:
function
(
n
){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
meditem
[
n
]),
this
.
showObj
.
audioIndex
=
n
,
this
.
showObj
.
show
=!
0
,
this
.
$refs
.
audioPage
.
onPlay
()},
goLink
:
function
(
n
,
t
){
"qm"
==
t
?(
console
.
log
(
this
.
$refs
.
qmitem
),
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
qmitem
),
this
.
bannerData
.
active_start_at
?
window
.
location
.
href
=
"https://appaNQLfktH3717.h5.xiaoeknow.com/content_page/eyJ0eXBlIjozLCJyZXNvdXJjZV90eXBlIjo4LCJyZXNvdXJjZV9pZCI6IiIsInByb2R1Y3RfaWQiOiJwXzVjYjQyMDgzYTA2NDNfMXF0OUFGbnoiLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTcifQ"
:
window
.
location
.
href
=
n
):(
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
mxxyitem
),
window
.
location
.
href
=
n
)},
getBannerListApi
:
function
(){
var
n
=
this
;
this
.
medList
=
[];
var
t
=
{
limit
:
4
,
page
:
1
};
Object
(
r
.
c
)(
2
,{
limit
:
99
,
page
:
1
}).
then
(
function
(
e
){
for
(
var
o
=
0
;
o
<
4
;
o
++
)
n
.
medList
.
push
(
e
.
list
[
o
]);
n
.
showObj
.
audio
=
e
.
list
,
Object
(
r
.
c
)(
4
,
t
).
then
(
function
(
t
){
n
.
mxxyList
=
t
.
list
})}),
Object
(
r
.
c
)(
3
,{
limit
:
2
,
page
:
1
}).
then
(
function
(
t
){
n
.
qmList
=
t
.
list
}),
s
.
a
.
clear
()},
initPage
:
function
(){
var
n
=
this
;
Object
(
r
.
i
)().
then
(
function
(
t
){
localStorage
.
setItem
(
"userCourse"
,
""
);
var
e
=
"没有课程"
;
t
.
start_periods_course_type
&&
(
e
=
0
==
t
.
start_periods_course_type
?
"正式课"
:
"体验课"
),
n
.
$sa
.
track
(
"viewHomepage"
,{
is_view_course
:
e
}),
n
.
getBannerListApi
(),
t
.
goods_id
&&!
t
.
automation_id
?(
n
.
userCourse
=
i
()({},
t
),
localStorage
.
setItem
(
"userCourse"
,
a
()(
n
.
userCourse
)),
n
.
bannerData
=
t
,
n
.
$refs
.
bottomTab
.
setBtn
()):
void
0
!=
t
.
start_periods_id
&&
t
.
start_periods_id
>
0
?(
t
.
teacher_qr
&&
(
n
.
bannerData
.
qr
=
t
.
teacher_qr
),
n
.
bannerData
.
start_at
=
t
.
periods_list
[
0
].
start_at
,
n
.
bannerData
.
active_start_at
=
t
.
periods_list
[
0
].
active_start_at
,
n
.
bannerData
.
is_start_active
=
t
.
is_start_active
,
n
.
bannerData
.
start_periods_id
=
t
.
start_periods_id
,
n
.
userCourse
=
i
()({},
t
),
localStorage
.
setItem
(
"userCourse"
,
a
()(
n
.
userCourse
)),
n
.
$refs
.
bottomTab
.
setBtn
(),
!
sessionStorage
.
getItem
(
"frist"
)
&&
n
.
bannerData
.
is_start_active
&&
(
sessionStorage
.
setItem
(
"frist"
,
!
0
),
n
.
$router
.
push
({
name
:
"map"
,
query
:{
periods_id
:
t
.
start_periods_id
,
course_type
:
t
.
start_periods_course_type
}})),
n
.
$nextTick
(
function
(){
C
()(
document
.
getElementById
(
"capture33"
),{
async
:
!
0
,
scrollX
:
0
,
scale
:
2
,
letterRendering
:
!
0
,
useCORS
:
!
0
}).
then
(
function
(
t
){
n
.
divShow
=!
1
;
var
e
=
t
.
toDataURL
(
"image/jpg"
);
n
.
canvasData
=
e
}).
catch
(
function
(
n
){
alert
(
n
),
console
.
log
()})})):
void
0
!=
t
.
start_periods_id
&&
0
==
t
.
start_periods_id
?(
t
.
teacher_qr
&&
(
n
.
bannerData
.
qr
=
t
.
teacher_qr
),
n
.
bannerData
.
start_at
=
t
.
periods_list
[
0
].
start_at
,
n
.
bannerData
.
active_start_at
=
t
.
periods_list
[
0
].
active_start_at
,
n
.
bannerData
.
is_start_active
=
t
.
is_start_active
,
n
.
bannerData
.
start_periods_id
=
t
.
start_periods_id
,
n
.
userCourse
=
i
()({},
t
),
localStorage
.
setItem
(
"userCourse"
,
a
()(
n
.
userCourse
)),
console
.
log
(
n
.
userCourse
),
n
.
$refs
.
bottomTab
.
setBtn
()):
t
.
automation_id
.
length
&&
(
n
.
bannerData
=
t
,
n
.
userCourse
=
i
()({},
t
),
localStorage
.
setItem
(
"userCourse"
,
a
()(
n
.
userCourse
)),
sessionStorage
.
getItem
(
"frist"
)
||
(
sessionStorage
.
setItem
(
"frist"
,
!
0
),
n
.
$router
.
push
({
name
:
"map"
,
query
:{}})))}),
Object
(
r
.
t
)().
then
(
function
(
t
){
var
e
=
n
,
o
=
[];
t
.
list
.
forEach
(
function
(
n
){
if
(
2
==
n
.
buy_type
&&
1
==
n
.
status
&&
new
Date
(
n
.
group_info
.
deadline
.
replace
(
/-/g
,
"/"
)).
getTime
()
>=
(
new
Date
).
getTime
()){
n
.
goods_desc
=
JSON
.
parse
(
n
.
goods_desc
),
o
.
push
(
n
);
var
t
=
setInterval
(
function
(){
e
.
countTime
=
b
.
a
.
leftTimer
(
new
Date
(
n
.
group_info
.
deadline
.
replace
(
/-/g
,
"/"
)),
t
)},
1
e3
)}}),
n
.
orderList
=
o
,
console
.
log
(
o
)})},
dateParse
:
function
(
n
){
var
t
=
void
0
;
return
t
=
n
.
indexOf
(
"-"
)
>-
1
?
n
.
split
(
"-"
):
n
.
indexOf
(
"/"
)
>-
1
?
n
.
split
(
"/"
):
n
.
split
(
"."
),
new
Date
(
t
[
0
],
t
[
1
]
-
1
,
t
[
2
])},
dateCompare
:
function
(
n
,
t
){
var
e
=
n
.
getTime
(),
o
=
t
.
getTime
();
return
o
>
e
?
1
:
o
==
e
?
0
:
-
1
},
toMap
:
function
(
n
){
this
.
$sa
.
track
(
"buttonClick"
,{
tabTitle
:
"首页"
,
moduleTitle
:
"课程"
,
buttonType
:
"课程"
,
buttonName
:
"进入课程"
}),
this
.
dateCompare
(
new
Date
,
this
.
dateParse
(
n
.
start_at
))
<
1
?
this
.
$router
.
push
({
name
:
"map"
,
query
:{
periods_id
:
n
.
periods_id
,
parent_category_id
:
n
.
parent_category_id
,
course_type
:
n
.
course_type
}}):
Object
(
s
.
a
)(
"该课程暂未开始"
)},
toHear
:
function
(){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
med
),
this
.
bannerData
.
active_start_at
?
window
.
location
.
href
=
"https://appaNQLfktH3717.h5.xiaoeknow.com/content_page/eyJ0eXBlIjozLCJyZXNvdXJjZV90eXBlIjo4LCJyZXNvdXJjZV9pZCI6IiIsInByb2R1Y3RfaWQiOiJwXzVjYjQyMDgzYTA2NDNfMXF0OUFGbnoiLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTcifQ"
:
this
.
$router
.
push
({
name
:
"med"
})},
toCollection
:
function
(){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
collection
),
this
.
$router
.
push
({
name
:
"collection"
})},
toTeacher
:
function
(){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
teacher
),
window
.
location
.
href
=
"https://www.changchangenglish.com/m-home.html"
},
toPreview
:
function
(){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
preview
),
localStorage
.
setItem
(
"unlook"
,
"1"
),
this
.
$router
.
push
({
name
:
"preview"
})},
toBbda
:
function
(){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
bbda
),
this
.
$router
.
push
({
name
:
"bbda"
})}}},
c
=
function
(){
var
n
=
this
,
t
=
n
.
$createElement
,
e
=
n
.
_self
.
_c
||
t
;
return
e
(
"div"
,{
staticClass
:
"index"
},[
e
(
"div"
,{
staticClass
:
"padTop"
},[
e
(
"div"
,{
staticClass
:
"banner-block"
},[
null
!=
n
.
userCourse
.
goods_id
&&
n
.
userCourse
.
goods_id
>
0
?
e
(
"div"
,{
ref
:
"toShopD"
,
staticClass
:
"unBanner"
,
on
:{
click
:
function
(
t
){
n
.
toShop
()}}},[
e
(
"img"
,{
staticClass
:
"bgimg"
,
attrs
:{
src
:
n
.
imgUrl
.
indexBanener1
,
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"content"
},[
e
(
"div"
,{
staticClass
:
"title"
},[
e
(
"p"
,{
staticClass
:
"title1"
},[
n
.
_v
(
"唱唱启蒙英语"
)]),
n
.
_v
(
" "
),
e
(
"p"
,{
staticClass
:
"title2"
},[
n
.
_v
(
n
.
_s
(
n
.
bannerData
.
course_title
))])]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"date"
},[
e
(
"p"
,{
staticClass
:
"date1"
,
staticStyle
:{
"text-decoration"
:
"line-through"
}},[
n
.
_v
(
"原价："
+
n
.
_s
(
n
.
bannerData
.
original_price
/
100
)
+
"元"
)]),
n
.
_v
(
" "
),
e
(
"p"
,{
staticClass
:
"date2"
},[
n
.
_v
(
"限时"
+
n
.
_s
(
n
.
bannerData
.
current_price
/
100
)
+
"元领取"
)])]),
n
.
_v
(
" "
),
n
.
_m
(
0
)])]):
n
.
_e
(),
n
.
_v
(
" "
),
null
!=
n
.
userCourse
.
start_periods_id
?
e
(
"div"
,{
staticClass
:
"Banner"
,
attrs
:{
id
:
"capture33"
}},[
e
(
"img"
,{
staticClass
:
"bgimg"
,
attrs
:{
src
:
n
.
imgUrl
.
indexBanener2
,
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"content"
},[
e
(
"img"
,{
staticClass
:
"qr"
,
attrs
:{
src
:
n
.
bannerData
.
qr
,
alt
:
""
}}),
n
.
_v
(
" "
),
n
.
_m
(
1
),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"date"
},[
e
(
"p"
,[
n
.
_v
(
"开课时间："
+
n
.
_s
(
n
.
bannerData
.
start_at
))]),
n
.
_v
(
" "
),
n
.
bannerData
.
active_start_at
?
e
(
"p"
,[
n
.
_v
(
"全勤打卡活动开始时间："
+
n
.
_s
(
n
.
bannerData
.
active_start_at
))]):
n
.
_e
()])]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"triangle"
},[
n
.
bannerData
.
start_periods_id
>
0
?
e
(
"span"
,[
n
.
_v
(
"已开课"
)]):
n
.
_e
(),
n
.
_v
(
" "
),
0
==
n
.
bannerData
.
start_periods_id
?
e
(
"span"
,[
n
.
_v
(
"待开课"
)]):
n
.
_e
()]),
n
.
_v
(
" "
),
n
.
canvasData
?
e
(
"img"
,{
staticClass
:
"bgimg canvas"
,
attrs
:{
src
:
n
.
canvasData
,
alt
:
""
}}):
n
.
_e
()]):
n
.
_e
()]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"btn-block"
},[
e
(
"div"
,{
ref
:
"preview"
,
staticClass
:
"btn toPreview"
,
on
:{
click
:
n
.
toPreview
}},[
n
.
unlook
?
n
.
_e
():
e
(
"div"
,{
staticClass
:
"nolook"
},[
n
.
_v
(
"1"
)])]),
n
.
_v
(
" "
),
n
.
userCourse
.
is_start_active
?
n
.
_e
():
e
(
"div"
,{
ref
:
"bbda"
,
staticClass
:
"btn toBbda"
,
on
:{
click
:
function
(
t
){
n
.
toBbda
(
t
)}}}),
n
.
_v
(
" "
),
1
==
n
.
userCourse
.
is_start_active
?
e
(
"div"
,{
ref
:
"collection"
,
staticClass
:
"btn toCollection"
,
on
:{
click
:
n
.
toCollection
}}):
n
.
_e
(),
n
.
_v
(
" "
),
e
(
"div"
,{
ref
:
"teacher"
,
staticClass
:
"btn toTeacher"
,
on
:{
click
:
n
.
toTeacher
}})]),
n
.
_v
(
" "
),
n
.
orderList
&&
n
.
orderList
.
length
?
e
(
"div"
,{
staticClass
:
"orderBox"
},[
n
.
_l
(
n
.
orderList
,
function
(
t
,
o
){
return
e
(
"div"
,{
ref
:
"groupItem"
,
refInFor
:
!
0
,
staticClass
:
"item groupItem"
,
on
:{
click
:
function
(
t
){
n
.
goDetail
(
o
)}}},[
e
(
"div"
,{
staticClass
:
"top"
},[
e
(
"img"
,{
attrs
:{
src
:
t
.
goods_desc
.
img
[
0
].
url
,
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"info"
},[
e
(
"h3"
,[
n
.
_v
(
n
.
_s
(
t
.
goods_name
))]),
n
.
_v
(
" "
),
e
(
"p"
,[
n
.
_v
(
"还差"
),
e
(
"span"
,[
n
.
_v
(
n
.
_s
(
t
.
group_info
.
diff_size
)
+
"人"
)]),
n
.
_v
(
"拼团成功"
)]),
n
.
_v
(
" "
),
e
(
"p"
,[
n
.
_v
(
"剩余拼团时间 "
),
e
(
"span"
,[
n
.
_v
(
n
.
_s
(
n
.
countTime
))])])])]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"line"
}),
n
.
_v
(
" "
),
n
.
_m
(
2
,
!
0
)])}),
n
.
_v
(
" "
),
!
n
.
pt
&&
n
.
orderList
.
length
?
e
(
"div"
,{
staticClass
:
"shadow"
,
on
:{
click
:
function
(
t
){
n
.
pt
=!
0
}}}):
n
.
_e
(),
n
.
_v
(
" "
),
!
n
.
pt
&&
n
.
orderList
.
length
?
e
(
"div"
,{
ref
:
"groupIcon"
,
staticClass
:
"imgbox groupItem"
,
on
:{
click
:
function
(
t
){
n
.
goDetail
(
0
)}}},[
e
(
"div"
,{
staticClass
:
"text"
},[
n
.
_v
(
"
\
r
\n
快去邀请好友完成拼团吧~
\
r
\n
"
)]),
n
.
_v
(
" "
),
e
(
"img"
,{
attrs
:{
src
:
n
.
imgUrl
.
img_title
,
alt
:
""
}})]):
n
.
_e
()],
2
):
n
.
_e
()]),
n
.
_v
(
" "
),
n
.
medList
.
length
>
0
?
e
(
"div"
,{
staticClass
:
"contentBox med"
},[
e
(
"div"
,{
staticClass
:
"commonTitle"
},[
e
(
"span"
,{
staticClass
:
"line"
}),
n
.
_v
(
" "
),
e
(
"span"
,{
staticClass
:
"title"
},[
n
.
_v
(
"磨耳朵"
)]),
n
.
_v
(
" "
),
e
(
"span"
,{
staticClass
:
"tip"
},[
n
.
_v
(
"每天10分钟 成长看得见"
)]),
n
.
_v
(
" "
),
e
(
"div"
,{
ref
:
"med"
,
staticClass
:
"more med"
,
on
:{
click
:
n
.
toHear
}},[
n
.
_v
(
"更多 "
),
e
(
"i"
,{
staticClass
:
"iconfont icon-youjiantou"
})])]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"content"
},
n
.
_l
(
n
.
medList
,
function
(
t
,
o
){
return
e
(
"div"
,{
ref
:
"meditem"
,
refInFor
:
!
0
,
staticClass
:
"contentItem med"
,
on
:{
click
:
function
(
t
){
n
.
goMed
(
o
)}}},[
e
(
"img"
,{
attrs
:{
src
:
t
.
url
,
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"white"
}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"text"
},[
e
(
"div"
,{
staticClass
:
"title"
},[
n
.
_v
(
n
.
_s
(
t
.
title
))]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"enTitle"
},[
n
.
_v
(
n
.
_s
(
t
.
sub_title
))]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"lookData"
},[
e
(
"i"
,{
staticClass
:
"iconfont icon-yanjing"
}),
n
.
_v
(
n
.
_s
(
t
.
watch_num
)
+
"人"
)])])])}))]):
n
.
_e
(),
n
.
_v
(
" "
),
n
.
qmList
.
length
>
0
?
e
(
"div"
,{
staticClass
:
"contentBox qm"
},[
e
(
"div"
,{
staticClass
:
"commonTitle"
},[
e
(
"span"
,{
staticClass
:
"line"
}),
n
.
_v
(
" "
),
e
(
"span"
,{
staticClass
:
"title"
},[
n
.
_v
(
"启蒙小课堂"
)]),
n
.
_v
(
" "
),
e
(
"span"
,{
staticClass
:
"tip"
},[
n
.
_v
(
"名师手把手，爸妈小帮手"
)]),
n
.
_v
(
" "
),
n
.
bannerData
.
active_start_at
?
n
.
_e
():
e
(
"a"
,{
staticClass
:
"more qm"
,
attrs
:{
href
:
"https://appanqlfkth3717.h5.xiaoeknow.com/homepage/10"
}},[
n
.
_v
(
"更多 "
),
e
(
"i"
,{
staticClass
:
"iconfont icon-youjiantou"
})]),
n
.
_v
(
" "
),
n
.
bannerData
.
active_start_at
?
e
(
"a"
,{
staticClass
:
"more qm"
,
attrs
:{
href
:
"https://appaNQLfktH3717.h5.xiaoeknow.com/content_page/eyJ0eXBlIjozLCJyZXNvdXJjZV90eXBlIjo4LCJyZXNvdXJjZV9pZCI6IiIsInByb2R1Y3RfaWQiOiJwXzVjYjQyMDgzYTA2NDNfMXF0OUFGbnoiLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTcifQ"
}},[
n
.
_v
(
"更多 "
),
e
(
"i"
,{
staticClass
:
"iconfont icon-youjiantou"
})]):
n
.
_e
()]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"content"
},
n
.
_l
(
n
.
qmList
,
function
(
t
){
return
e
(
"div"
,{
ref
:
"qmitem"
,
refInFor
:
!
0
,
staticClass
:
"contentItem qm"
,
on
:{
click
:
function
(
e
){
n
.
goLink
(
t
.
link
,
"qm"
)}}},[
e
(
"img"
,{
attrs
:{
src
:
t
.
url
,
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"text"
},[
e
(
"div"
,{
staticClass
:
"title"
},[
n
.
_v
(
n
.
_s
(
t
.
title
))]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"line"
}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"enTitle"
},[
n
.
_v
(
n
.
_s
(
t
.
sub_title
))]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"lookData"
},[
e
(
"i"
,{
staticClass
:
"iconfont icon-yanjing"
}),
n
.
_v
(
n
.
_s
(
t
.
watch_num
)
+
"人"
)])])])}))]):
n
.
_e
(),
n
.
_v
(
" "
),
n
.
mxxyList
.
length
>
0
?
e
(
"div"
,{
staticClass
:
"contentBox mxxy"
},[
n
.
_m
(
3
),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"content"
},
n
.
_l
(
n
.
mxxyList
,
function
(
t
){
return
e
(
"div"
,{
ref
:
"mxxyitem"
,
refInFor
:
!
0
,
staticClass
:
"contentItem mxxy"
,
on
:{
click
:
function
(
e
){
n
.
goLink
(
t
.
link
,
"mxxy"
)}}},[
e
(
"img"
,{
directives
:[{
name
:
"lazy"
,
rawName
:
"v-lazy"
,
value
:
t
.
url
,
expression
:
"item.url"
}],
attrs
:{
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"text"
},[
e
(
"div"
,{
staticClass
:
"title"
},[
n
.
_v
(
n
.
_s
(
t
.
title
))])]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"tip"
},[
n
.
_v
(
n
.
_s
(
t
.
sub_title
))])])}))]):
n
.
_e
(),
n
.
_v
(
" "
),
n
.
showObj
.
audio
.
length
>
0
?
e
(
"audio-page"
,{
directives
:[{
name
:
"show"
,
rawName
:
"v-show"
,
value
:
n
.
showObj
.
show
,
expression
:
"showObj.show"
}],
ref
:
"audioPage"
,
attrs
:{
sc
:
"1"
,
showObj
:
n
.
showObj
}}):
n
.
_e
(),
n
.
_v
(
" "
),
e
(
"bottom-tab"
,{
ref
:
"bottomTab"
})],
1
)};
c
.
_withStripped
=!
0
;
var
f
=
{
render
:
c
,
staticRenderFns
:[
function
(){
var
n
=
this
.
$createElement
,
t
=
this
.
_self
.
_c
||
n
;
return
t
(
"div"
,{
staticClass
:
"triangle"
},[
t
(
"span"
,[
this
.
_v
(
"专属福利"
)])])},
function
(){
var
n
=
this
.
$createElement
,
t
=
this
.
_self
.
_c
||
n
;
return
t
(
"div"
,{
staticClass
:
"text"
},[
t
(
"p"
,[
this
.
_v
(
"请扫码添加客服班主任"
)]),
this
.
_v
(
" "
),
t
(
"p"
,[
this
.
_v
(
"领取学习资料"
)])])},
function
(){
var
n
=
this
.
$createElement
,
t
=
this
.
_self
.
_c
||
n
;
return
t
(
"div"
,{
staticClass
:
"bottom"
},[
t
(
"span"
,{
staticClass
:
"text"
},[
this
.
_v
(
"*拼团成功后即可获取课程"
)]),
this
.
_v
(
" "
),
t
(
"span"
,{
staticClass
:
"btn"
},[
this
.
_v
(
"去邀请"
)])])},
function
(){
var
n
=
this
.
$createElement
,
t
=
this
.
_self
.
_c
||
n
;
return
t
(
"div"
,{
staticClass
:
"commonTitle"
},[
t
(
"span"
,{
staticClass
:
"line"
}),
this
.
_v
(
" "
),
t
(
"span"
,{
staticClass
:
"title"
},[
this
.
_v
(
"明星学员"
)]),
this
.
_v
(
" "
),
t
(
"span"
,{
staticClass
:
"tip"
},[
this
.
_v
(
"百万家庭力荐"
)]),
this
.
_v
(
" "
),
t
(
"a"
,{
staticClass
:
"more mxxy"
,
attrs
:{
href
:
"https://mp.weixin.qq.com/mp/homepage?__biz=MzU2ODM5NjA5OA==&hid=4&sn=bb876d6313345925e86913bfe42671c6"
}},[
this
.
_v
(
"更多 "
),
t
(
"i"
,{
staticClass
:
"iconfont icon-youjiantou"
})])])}]},
m
=
f
;
var
p
=!
1
;
var
g
=
e
(
"VU/8"
)(
l
,
m
,
!
1
,
function
(
n
){
p
||
e
(
"xofo"
)},
"data-v-47323bf2"
,
null
);
g
.
options
.
__file
=
"src/components/index.vue"
;
t
.
default
=
g
.
exports
},
fRWU
:
function
(
n
,
t
,
e
){(
n
.
exports
=
e
(
"FZ+f"
)(
!
0
)).
push
([
n
.
i
,
"
\n
.fl-r[data-v-47323bf2] {
\n
float: right;
\n
}
\n
.main-block[data-v-47323bf2] {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both[data-v-47323bf2]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
[data-v-47323bf2]::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
[data-v-47323bf2]::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
[data-v-47323bf2]::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
min-height: 10px;
\n
}
\n
.index[data-v-47323bf2] {
\n
background: #F5F5F9;
\n
padding-bottom: 13.33333333vw;
\n
}
\n
.banner-block[data-v-47323bf2] {
\n
width: 89.33333333vw;
\n
height: 65.6vw;
\n
position: relative;
\n
background: white;
\n
padding: 3.73333333vw 5.33333333vw 5.33333333vw;
\n
margin: 0;
\n
}
\n
.banner-block .bgimg[data-v-47323bf2] {
\n
position: absolute;
\n
width: 89.33333333vw;
\n
z-index: 0;
\n
}
\n
.banner-block .canvas[data-v-47323bf2] {
\n
width: 89.6vw;
\n
z-index: 2;
\n
}
\n
.banner-block .content[data-v-47323bf2] {
\n
position: absolute;
\n
z-index: 1;
\n
height: 65.6vw;
\n
width: 89.33333333vw;
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
}
\n
.banner-block .Banner[data-v-47323bf2] {
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
position: relative;
\n
height: 65.6vw;
\n
width: 89.33333333vw;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.banner-block .Banner .qr[data-v-47323bf2] {
\n
width: 33.6vw;
\n
position: absolute;
\n
left: 27.73333333vw;
\n
top: 5.33333333vw;
\n
z-index: 2;
\n
}
\n
.banner-block .Banner .text[data-v-47323bf2] {
\n
font-size: 4.26666667vw;
\n
color: #FF4D4F;
\n
text-align: center;
\n
position: absolute;
\n
top: 40.8vw;
\n
width: 100%;
\n
font-weight: 600;
\n
}
\n
.banner-block .Banner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 2.13333333vw;
\n
width: 100%;
\n
font-size: 3.2vw;
\n
}
\n
.banner-block .Banner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 27.73333333vw;
\n
height: 27.73333333vw;
\n
position: absolute;
\n
right: -12.26666667vw;
\n
top: -16.53333333vw;
\n
-webkit-transform: rotate(-50deg);
\n
transform: rotate(-50deg);
\n
z-index: 3;
\n
}
\n
.banner-block .Banner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
font-size: 3.73333333vw;
\n
-webkit-transform: rotate(91deg);
\n
transform: rotate(91deg);
\n
position: absolute;
\n
top: 13.86666667vw;
\n
font-size: 3.46666667vw;
\n
}
\n
.banner-block .unBanner[data-v-47323bf2] {
\n
border-radius: 6.66666667vw;
\n
overflow: hidden;
\n
height: 65.6vw;
\n
width: 89.33333333vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.banner-block .unBanner .title[data-v-47323bf2] {
\n
position: absolute;
\n
color: white;
\n
top: 9.33333333vw;
\n
left: 5.33333333vw;
\n
}
\n
.banner-block .unBanner .title .title1[data-v-47323bf2] {
\n
font-size: 5.33333333vw;
\n
}
\n
.banner-block .unBanner .title .title2[data-v-47323bf2] {
\n
font-size: 9.6vw;
\n
}
\n
.banner-block .unBanner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 8vw;
\n
padding-top: 2.66666667vw;
\n
border-radius: 7.46666667vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
background: #FFC53D;
\n
-webkit-animation: myfirst-data-v-47323bf2 3s linear infinite;
\n
animation: myfirst-data-v-47323bf2 3s linear infinite;
\n
left: 5.33333333vw;
\n
font-size: 3.73333333vw;
\n
width: 40.53333333vw;
\n
height: 14.93333333vw;
\n
}
\n
.banner-block .unBanner .date .date1[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.banner-block .unBanner .date .date2[data-v-47323bf2] {
\n
font-size: 4.26666667vw;
\n
}
\n
@-webkit-keyframes myfirst-data-v-47323bf2 {
\n
0% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
50% {
\n
-webkit-transform: scale(1.1);
\n
transform: scale(1.1);
\n
}
\n
100% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
}
\n
@keyframes myfirst-data-v-47323bf2 {
\n
0% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
50% {
\n
-webkit-transform: scale(1.1);
\n
transform: scale(1.1);
\n
}
\n
100% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
}
\n
.banner-block .unBanner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 27.73333333vw;
\n
height: 27.73333333vw;
\n
position: absolute;
\n
right: -12.26666667vw;
\n
top: -16.53333333vw;
\n
-webkit-transform: rotate(-50deg);
\n
transform: rotate(-50deg);
\n
}
\n
.banner-block .unBanner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
font-size: 3.73333333vw;
\n
-webkit-transform: rotate(85deg);
\n
transform: rotate(85deg);
\n
position: absolute;
\n
top: 14.4vw;
\n
font-size: 3.46666667vw;
\n
bottom: 19.73333333vw;
\n
}
\n
.contentBox[data-v-47323bf2] {
\n
padding: 2.66666667vw 5.33333333vw;
\n
background: white;
\n
margin: 2.66666667vw 0;
\n
}
\n
.contentBox .commonTitle[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
vertical-align: top;
\n
}
\n
.contentBox .commonTitle .line[data-v-47323bf2] {
\n
height: 5.33333333vw;
\n
width: 1.06666667vw;
\n
border-radius: 0.53333333vw;
\n
margin-right: 2.66666667vw;
\n
margin: auto 2.66666667vw auto 0;
\n
}
\n
.contentBox .commonTitle .more[data-v-47323bf2] {
\n
height: 8.8vw;
\n
line-height: 11.46666667vw;
\n
font-size: 3.2vw;
\n
color: #666666;
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
overflow: hidden;
\n
}
\n
.contentBox .commonTitle .more .iconfont[data-v-47323bf2] {
\n
font-size: 3.73333333vw;
\n
color: #666666;
\n
}
\n
.contentBox .commonTitle .title[data-v-47323bf2] {
\n
font-size: 6.4vw;
\n
height: 8.8vw;
\n
line-height: 8.8vw;
\n
display: inline-block;
\n
margin-right: 2.66666667vw;
\n
font-weight: bold;
\n
}
\n
.contentBox .commonTitle .tip[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
color: #999999;
\n
height: 8.8vw;
\n
display: inline-block;
\n
line-height: 11.46666667vw;
\n
overflow: hidden;
\n
}
\n
.contentBox .lookData[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.contentBox .lookData .iconfont[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.med .commonTitle .line[data-v-47323bf2] {
\n
background: #4A90E2;
\n
}
\n
.med .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
height: 56.53333333vw;
\n
overflow: hidden;
\n
}
\n
.med .content .contentItem[data-v-47323bf2] {
\n
width: 50%;
\n
height: 50.93333333vw;
\n
margin-top: 4.8vw;
\n
position: relative;
\n
}
\n
.med .content .contentItem img[data-v-47323bf2] {
\n
width: 28.53333333vw;
\n
height: 28.53333333vw;
\n
position: absolute;
\n
top: 0;
\n
left: 7.2vw;
\n
border-radius: 14.13333333vw;
\n
}
\n
.med .content .contentItem .white[data-v-47323bf2] {
\n
position: absolute;
\n
background: white;
\n
width: 5.33333333vw;
\n
height: 5.33333333vw;
\n
border-radius: 2.66666667vw;
\n
top: 11.6vw;
\n
left: 18.8vw;
\n
}
\n
.med .content .contentItem .text[data-v-47323bf2] {
\n
width: 42.93333333vw;
\n
height: 42.93333333vw;
\n
margin-top: 8vw;
\n
color: #999999;
\n
padding-top: 24vw;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 4.26666667vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.med .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 3.73333333vw;
\n
color: black;
\n
}
\n
.med .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
line-height: 4.53333333vw;
\n
}
\n
.qm .commonTitle .line[data-v-47323bf2] {
\n
background: #FF7875;
\n
}
\n
.qm .content[data-v-47323bf2] {
\n
text-align: center;
\n
}
\n
.qm .content .contentItem[data-v-47323bf2] {
\n
margin-top: 4.8vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
}
\n
.qm .content .contentItem img[data-v-47323bf2] {
\n
width: 89.33333333vw;
\n
height: 40vw;
\n
}
\n
.qm .content .contentItem .text[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
width: 89.33333333vw;
\n
color: #999999;
\n
padding: 5.06666667vw 4vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.qm .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
color: black;
\n
}
\n
.qm .content .contentItem .text .line[data-v-47323bf2] {
\n
border-right: 0.26666667vw solid #999999;
\n
height: 5.33333333vw;
\n
margin: 0 2.66666667vw;
\n
}
\n
.qm .content .contentItem .text .lookData[data-v-47323bf2] {
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
}
\n
.qm .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.mxxy .commonTitle .line[data-v-47323bf2] {
\n
background: #7ED321;
\n
}
\n
.mxxy .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem[data-v-47323bf2] {
\n
width: 43.2vw;
\n
margin-top: 4.8vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
padding-bottom: 4.8vw;
\n
}
\n
.mxxy .content .contentItem img[data-v-47323bf2] {
\n
width: 100%;
\n
}
\n
.mxxy .content .contentItem .text[data-v-47323bf2] {
\n
color: #999999;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
padding: 2.66666667vw 4vw 0;
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 3.73333333vw;
\n
color: black;
\n
text-align: left;
\n
width: 50%;
\n
}
\n
.mxxy .content .contentItem .tip[data-v-47323bf2] {
\n
color: #999999;
\n
padding: 0 4vw;
\n
text-align: left;
\n
margin-top: 1.06666667vw;
\n
font-size: 3.2vw;
\n
}
\n
.btn-block[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
padding: 0 5.33333333vw 3.2vw;
\n
background: white;
\n
-ms-flex-pack: distribute;
\n
justify-content: space-around;
\n
-webkit-justify-content: space-around;
\n
width: 89.33333333vw;
\n
}
\n
.btn-block .btn[data-v-47323bf2] {
\n
width: 28vw;
\n
height: 11.73333333vw;
\n
border-radius: 3.2vw;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
position: relative;
\n
}
\n
.btn-block .btn .nolook[data-v-47323bf2] {
\n
position: absolute;
\n
top: -1.33333333vw;
\n
left: -1.33333333vw;
\n
background: #ff4d4f;
\n
width: 4.26666667vw;
\n
height: 4.26666667vw;
\n
color: white;
\n
border-radius: 2.13333333vw;
\n
text-align: center;
\n
font-size: 3.2vw;
\n
line-height: 4.26666667vw;
\n
}
\n
.btn-block .btn img[data-v-47323bf2] {
\n
width: 28vw;
\n
height: 11.73333333vw;
\n
}
\n
.btn-block .toPreview[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -16.8vw;
\n
background-size: 100% ;
\n
}
\n
.btn-block .toBbda[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png');
\n
background-size: 100%;
\n
}
\n
.btn-block .toCollection[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -34.13333333vw;
\n
background-size: 100%;
\n
}
\n
.btn-block .toTeacher[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -50.93333333vw;
\n
background-size: 100%;
\n
}
\n
.orderBox[data-v-47323bf2] {
\n
position: relative;
\n
padding: 0 5.33333333vw 3.2vw;
\n
background: white;
\n
}
\n
.orderBox .item[data-v-47323bf2]:first-child {
\n
position: relative;
\n
z-index: 1000;
\n
background: white;
\n
}
\n
.orderBox .item[data-v-47323bf2] {
\n
-webkit-box-shadow: 1px 2px 7px 0px #ffd2cf;
\n
box-shadow: 1px 2px 7px 0px #ffd2cf;
\n
border-radius: 4.26666667vw;
\n
}
\n
.orderBox .item .top[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
padding: 4vw 2.66666667vw;
\n
}
\n
.orderBox .item .top img[data-v-47323bf2] {
\n
width: 19.73333333vw;
\n
height: 19.73333333vw;
\n
border-radius: 2.66666667vw;
\n
}
\n
.orderBox .item .top .info[data-v-47323bf2] {
\n
padding-left: 2.66666667vw;
\n
}
\n
.orderBox .item .top .info h3[data-v-47323bf2] {
\n
font-size: 4vw;
\n
color: #333333;
\n
}
\n
.orderBox .item .top .info p[data-v-47323bf2] {
\n
font-size: 3.46666667vw;
\n
color: #666666;
\n
}
\n
.orderBox .item .top .info p span[data-v-47323bf2] {
\n
color: #FF7171;
\n
}
\n
.orderBox .item .line[data-v-47323bf2] {
\n
height: 0;
\n
border-bottom: 1px solid #E2E2E2;
\n
}
\n
.orderBox .item .bottom[data-v-47323bf2] {
\n
padding: 1.06666667vw 2.13333333vw;
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.orderBox .item .bottom .text[data-v-47323bf2] {
\n
height: 9.06666667vw;
\n
line-height: 9.06666667vw;
\n
color: #333333;
\n
font-size: 3.46666667vw;
\n
}
\n
.orderBox .item .bottom .btn[data-v-47323bf2] {
\n
width: 21.33333333vw;
\n
height: 9.06666667vw;
\n
background: #FF7171;
\n
color: white;
\n
border-radius: 4.53333333vw;
\n
font-size: 4vw;
\n
line-height: 9.06666667vw;
\n
text-align: center;
\n
}
\n
.orderBox .imgbox[data-v-47323bf2] {
\n
position: absolute;
\n
z-index: 1000;
\n
top: -25.06666667vw;
\n
left: 18.66666667vw;
\n
}
\n
.orderBox .imgbox img[data-v-47323bf2] {
\n
width: 69.6vw;
\n
}
\n
.orderBox .imgbox .text[data-v-47323bf2] {
\n
color: white;
\n
position: absolute;
\n
top: 8vw;
\n
left: 2.66666667vw;
\n
font-size: 4.53333333vw;
\n
}
\n
.orderBox .shadow[data-v-47323bf2] {
\n
position: fixed;
\n
bottom: 0;
\n
left: 0;
\n
top: 0;
\n
background: black;
\n
opacity: 0.6;
\n
width: 100%;
\n
z-index: 999;
\n
}
\n
.lesson-block[data-v-47323bf2] {
\n
padding-bottom: 5.33333333vw;
\n
}
\n
.lesson-block .goods-block[data-v-47323bf2] {
\n
position: relative;
\n
width: 89.33333333vw;
\n
}
\n
.lesson-block .goods-block .tips[data-v-47323bf2] {
\n
display: inline-block;
\n
font-size: 3.2vw;
\n
font-family: PingFang-SC-Bold;
\n
font-weight: normal;
\n
color: #ffffff;
\n
line-height: 4.53333333vw;
\n
padding: 0.53333333vw 1.33333333vw;
\n
position: absolute;
\n
right: 2.66666667vw;
\n
top: 3.2vw;
\n
background: #f5a623;
\n
border-radius: 2.93333333vw;
\n
}
\n
.lesson-block .goods-block img[data-v-47323bf2] {
\n
width: 89.33333333vw;
\n
height: 62.93333333vw;
\n
border-radius: 2.13333333vw;
\n
}
\n
.class-block[data-v-47323bf2] {
\n
margin-top: 2.66666667vw;
\n
font-family: PingFang-SC-Medium;
\n
font-size: 4.8vw;
\n
color: #333333;
\n
text-align: center;
\n
background: white;
\n
}
\n
.class-block .title[data-v-47323bf2] {
\n
padding: 2.13333333vw;
\n
position: relative;
\n
}
\n
.class-block .title .more[data-v-47323bf2] {
\n
position: absolute;
\n
width: 8vw;
\n
bottom: 2.66666667vw;
\n
right: 5.33333333vw;
\n
}
\n
@media screen and (min-width: 600px) {
\n
.index[data-v-47323bf2] {
\n
background: #F5F5F9;
\n
padding-bottom: 4.8828125vw;
\n
}
\n
.padTop[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
-ms-flex-pack: distribute;
\n
justify-content: space-around;
\n
display: -webkit-flex;
\n
-webkit-justify-content: space-around;
\n
background: white;
\n
}
\n
.padTop .btn-block[data-v-47323bf2] {
\n
display: block;
\n
padding: 1.46484375vw 4.1015625vw 0 2.9296875vw;
\n
background: white;
\n
-webkit-justify-content: space-around;
\n
width: 26.171875vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.padTop .btn-block .btn[data-v-47323bf2] {
\n
width: 19.140625vw;
\n
height: 15.72265625vw;
\n
border-radius: 2.34375vw;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
margin-bottom: 1.953125vw;
\n
position: relative;
\n
background: #ff9c6e;
\n
}
\n
.padTop .btn-block .btn .nolook[data-v-47323bf2] {
\n
position: absolute;
\n
top: -0.48828125vw;
\n
left: -0.48828125vw;
\n
background: #ff4d4f;
\n
width: 2.5390625vw;
\n
height: 2.5390625vw;
\n
color: white;
\n
border-radius: 1.26953125vw;
\n
text-align: center;
\n
font-size: 1.171875vw;
\n
line-height: 2.5390625vw;
\n
}
\n
.padTop .btn-block .btn img[data-v-47323bf2] {
\n
width: 19.140625vw;
\n
height: 15.72265625vw;
\n
}
\n
.padTop .btn-block .toPreview[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 0;
\n
background-size: 100% ;
\n
}
\n
.padTop .btn-block .toBbda[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -52.734375vw;
\n
background-size: 100% ;
\n
}
\n
.padTop .btn-block .toCollection[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -17.578125vw;
\n
background-size: 100% ;
\n
}
\n
.padTop .btn-block .toTeacher[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -35.15625vw;
\n
background-size: 100% ;
\n
}
\n
.padTop .banner-block[data-v-47323bf2] {
\n
width: 73.828125vw;
\n
height: 51.26953125vw;
\n
position: relative;
\n
background: white;
\n
padding: 1.3671875vw 2.9296875vw 1.953125vw 4.1015625vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
margin: 0;
\n
}
\n
.padTop .banner-block .bgimg[data-v-47323bf2] {
\n
position: absolute;
\n
width: 69.7265625vw;
\n
z-index: 2;
\n
}
\n
.padTop .banner-block .content[data-v-47323bf2] {
\n
position: absolute;
\n
z-index: 3;
\n
height: 51.26953125vw;
\n
width: 69.7265625vw;
\n
border-radius: 2.9296875vw;
\n
overflow: hidden;
\n
}
\n
.padTop .banner-block .Banner[data-v-47323bf2] {
\n
border-radius: 3.22265625vw;
\n
overflow: hidden;
\n
position: relative;
\n
height: 51.26953125vw;
\n
width: 69.7265625vw;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.padTop .banner-block .Banner .qr[data-v-47323bf2] {
\n
width: 25.09765625vw;
\n
position: absolute;
\n
left: 22.4609375vw;
\n
top: 5.859375vw;
\n
z-index: 2;
\n
}
\n
.padTop .banner-block .Banner .text[data-v-47323bf2] {
\n
font-size: 2.5390625vw;
\n
color: #FF4D4F;
\n
text-align: center;
\n
position: absolute;
\n
top: 32.32421875vw;
\n
width: 100%;
\n
font-weight: 500;
\n
}
\n
.padTop .banner-block .Banner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 2.9296875vw;
\n
width: 100%;
\n
font-size: 2.1484375vw;
\n
}
\n
.padTop .banner-block .Banner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 14.0625vw;
\n
height: 14.0625vw;
\n
position: absolute;
\n
right: -7.6171875vw;
\n
top: -6.25vw;
\n
-webkit-transform: rotate(-41deg);
\n
transform: rotate(-41deg);
\n
z-index: 3;
\n
}
\n
.padTop .banner-block .Banner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
font-size: 18 px;
\n
-webkit-transform: rotate(91deg);
\n
transform: rotate(91deg);
\n
position: absolute;
\n
top: 6.0546875vw;
\n
font-size: 1.7578125vw;
\n
}
\n
.padTop .banner-block .unBanner[data-v-47323bf2] {
\n
border-radius: 3.22265625vw;
\n
overflow: hidden;
\n
height: 51.26953125vw;
\n
width: 69.7265625vw;
\n
position: relative;
\n
background: #ff7d77;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.padTop .banner-block .unBanner .title[data-v-47323bf2] {
\n
position: absolute;
\n
color: white;
\n
top: 3.41796875vw;
\n
left: 1.953125vw;
\n
}
\n
.padTop .banner-block .unBanner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 6.4453125vw;
\n
padding-top: 0.9765625vw;
\n
border-radius: 5.46875vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
background: #FFC53D;
\n
left: 4.39453125vw;
\n
font-size: 1.3671875vw;
\n
width: 31.640625vw;
\n
height: 11.328125vw;
\n
}
\n
.padTop .banner-block .unBanner .date .date1[data-v-47323bf2] {
\n
font-size: 2.9296875vw;
\n
}
\n
.padTop .banner-block .unBanner .date .date2[data-v-47323bf2] {
\n
font-size: 3.3203125vw;
\n
}
\n
.padTop .banner-block .unBanner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 14.0625vw;
\n
height: 14.0625vw;
\n
position: absolute;
\n
right: -7.6171875vw;
\n
top: -6.25vw;
\n
-webkit-transform: rotate(-41deg);
\n
transform: rotate(-41deg);
\n
z-index: 3;
\n
}
\n
.padTop .banner-block .unBanner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
-webkit-transform: rotate(91deg);
\n
transform: rotate(91deg);
\n
position: absolute;
\n
top: 6.640625vw;
\n
font-size: 1.7578125vw;
\n
}
\n
.padTop .banner-block .canvas[data-v-47323bf2] {
\n
width: 69.921875vw;
\n
z-index: 2;
\n
}
\n
.contentBox[data-v-47323bf2] {
\n
padding: 1.953125vw 4.1015625vw 1.953125vw;
\n
background: white;
\n
margin: 0.9765625vw 0;
\n
}
\n
.contentBox .commonTitle[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
vertical-align: top;
\n
}
\n
.contentBox .commonTitle .line[data-v-47323bf2] {
\n
height: 1.953125vw;
\n
width: 0.390625vw;
\n
border-radius: 0.1953125vw;
\n
margin-right: 0.9765625vw;
\n
margin: auto 0.9765625vw auto 0;
\n
}
\n
.contentBox .commonTitle .more[data-v-47323bf2] {
\n
height: 3.22265625vw;
\n
line-height: 4.19921875vw;
\n
font-size: 1.171875vw;
\n
color: #666666;
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
overflow: hidden;
\n
}
\n
.contentBox .commonTitle .more .iconfont[data-v-47323bf2] {
\n
font-size: 1.3671875vw;
\n
color: #666666;
\n
}
\n
.contentBox .commonTitle .title[data-v-47323bf2] {
\n
font-size: 2.34375vw;
\n
height: 3.22265625vw;
\n
line-height: 3.22265625vw;
\n
display: inline-block;
\n
margin-right: 0.9765625vw;
\n
font-weight: bold;
\n
}
\n
.contentBox .commonTitle .tip[data-v-47323bf2] {
\n
font-size: 1.171875vw;
\n
color: #999999;
\n
height: 3.22265625vw;
\n
display: inline-block;
\n
line-height: 4.19921875vw;
\n
overflow: hidden;
\n
}
\n
.contentBox .lookData[data-v-47323bf2] {
\n
font-size: 1.171875vw;
\n
}
\n
.contentBox .lookData .iconfont[data-v-47323bf2] {
\n
font-size: 1.171875vw;
\n
}
\n
.med .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
-webkit-flex-wrap: wrap;
\n
height: 29.19921875vw;
\n
}
\n
.med .content .contentItem[data-v-47323bf2] {
\n
width: auto;
\n
height: 25.09765625vw;
\n
margin-top: 1.7578125vw;
\n
margin-right: 1.85546875vw;
\n
position: relative;
\n
}
\n
.med .content .contentItem img[data-v-47323bf2] {
\n
width: 14.2578125vw;
\n
height: 14.2578125vw;
\n
position: absolute;
\n
top: 0;
\n
left: 3.61328125vw;
\n
border-radius: 7.12890625vw;
\n
}
\n
.med .content .contentItem .white[data-v-47323bf2] {
\n
position: absolute;
\n
background: white;
\n
width: 2.5390625vw;
\n
height: 2.5390625vw;
\n
border-radius: 1.26953125vw;
\n
top: 6.00585938vw;
\n
left: 9.5703125vw;
\n
}
\n
.med .content .contentItem .text[data-v-47323bf2] {
\n
width: 21.484375vw;
\n
height: 20.01953125vw;
\n
margin-top: 7.03125vw;
\n
color: #999999;
\n
padding-top: 8.7890625vw;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 1.5625vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.med .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 1.7578125vw;
\n
color: black;
\n
}
\n
.med .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 1.3671875vw;
\n
line-height: 2.9296875vw;
\n
}
\n
.med .content .contentItem[data-v-47323bf2]:nth-child(4) {
\n
margin-right: 0;
\n
}
\n
.qm .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
-webkit-justify-content: space-between;
\n
}
\n
.qm .content .contentItem[data-v-47323bf2] {
\n
width: 44.921875vw;
\n
margin-top: 1.7578125vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 1.5625vw;
\n
overflow: hidden;
\n
}
\n
.qm .content .contentItem img[data-v-47323bf2] {
\n
width: 44.921875vw;
\n
height: auto;
\n
}
\n
.qm .content .contentItem .text[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
width: 100%;
\n
color: #999999;
\n
padding: 1.85546875vw 1.46484375vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.qm .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 1.46484375vw;
\n
color: black;
\n
}
\n
.qm .content .contentItem .text .line[data-v-47323bf2] {
\n
border-right: 0.09765625vw solid #999999;
\n
height: 1.953125vw;
\n
margin: 0 0.9765625vw;
\n
}
\n
.qm .content .contentItem .text .lookData[data-v-47323bf2] {
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
}
\n
.qm .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 1.26953125vw;
\n
}
\n
.mxxy .commonTitle .line[data-v-47323bf2] {
\n
background: #7ED321;
\n
}
\n
.mxxy .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
-webkit-flex-wrap: wrap;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
-webkit-justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem[data-v-47323bf2] {
\n
width: 21.58203125vw;
\n
margin-top: 1.7578125vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 1.5625vw;
\n
overflow: hidden;
\n
padding-bottom: 1.7578125vw;
\n
}
\n
.mxxy .content .contentItem img[data-v-47323bf2] {
\n
width: 100%;
\n
}
\n
.mxxy .content .contentItem .text[data-v-47323bf2] {
\n
color: #999999;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
padding: 0.9765625vw 1.46484375vw 0;
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 1.7578125vw;
\n
color: black;
\n
text-align: left;
\n
width: 50%;
\n
}
\n
.mxxy .content .contentItem .tip[data-v-47323bf2] {
\n
color: #999999;
\n
padding: 0 1.46484375vw;
\n
text-align: left;
\n
margin-top: 0.390625vw;
\n
font-size: 1.171875vw;
\n
}
\n
}
\n
@media screen and (min-width: 1200px) {
\n
.med .content .contentItem[data-v-47323bf2] {
\n
margin-right: 1.4vw;
\n
}
\n
}
\n
*[data-v-47323bf2] {
\n
margin: 0;
\n
}
\n
"
,
""
,{
version
:
3
,
sources
:[
"C:/Users/Administrator/Desktop/h5/wechat/src/components/index.vue"
],
names
:[],
mappings
:
"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AC7B;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,0BAA0B;CAC3B;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,4BAA4B;CAC7B;AACD;EACE,2BAA2B;CAC5B;AACD;EACE,eAAe;EACf,eAAe;CAChB;AACD;EACE,wBAAwB;EACxB,eAAe;CAChB;AACD;EACE,eAAe;CAChB;AACD;EACE,UAAU;EACV,iCAAiC;CAClC;AACD;EACE,mCAAmC;EACnC,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,0BAA0B;MACtB,uBAAuB;UACnB,+BAA+B;CACxC;AACD;EACE,qBAAqB;EACrB,0BAA0B;EAC1B,eAAe;EACf,wBAAwB;CACzB;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,oBAAoB;EACpB,aAAa;EACb,4BAA4B;EAC5B,eAAe;EACf,0BAA0B;EAC1B,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,cAAc;EACd,oBAAoB;EACpB,oBAAoB;CACrB;AACD;EACE,cAAc;CACf;AACD;EACE,aAAa;EACb,mBAAmB;EACnB,SAAS;EACT,mBAAmB;EACnB,wBAAwB;CACzB;AACD;EACE,gBAAgB;EAChB,UAAU;EACV,QAAQ;EACR,OAAO;EACP,kBAAkB;EAClB,aAAa;EACb,YAAY;EACZ,aAAa;CACd;AACD;EACE,6BAA6B;CAC9B;AACD;EACE,mBAAmB;EACnB,qBAAqB;CACtB;AACD;EACE,sBAAsB;EACtB,iBAAiB;EACjB,8BAA8B;EAC9B,oBAAoB;EACpB,eAAe;EACf,0BAA0B;EAC1B,mCAAmC;EACnC,mBAAmB;EACnB,oBAAoB;EACpB,WAAW;EACX,oBAAoB;EACpB,4BAA4B;CAC7B;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,4BAA4B;CAC7B;AACD;EACE,yBAAyB;EACzB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;EACf,mBAAmB;EACnB,kBAAkB;CACnB;AACD;EACE,sBAAsB;EACtB,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,WAAW;EACX,qBAAqB;EACrB,oBAAoB;CACrB;AACD;AACA;IACI,oBAAoB;IACpB,4BAA4B;CAC/B;AACD;IACI,qBAAqB;IACrB,qBAAqB;IACrB,cAAc;IACd,0BAA0B;QACtB,8BAA8B;IAClC,sBAAsB;IACtB,sCAAsC;IACtC,kBAAkB;CACrB;AACD;IACI,eAAe;IACf,gDAAgD;IAChD,kBAAkB;IAClB,sCAAsC;IACtC,mBAAmB;IACnB,+BAA+B;YACvB,uBAAuB;CAClC;AACD;IACI,mBAAmB;IACnB,sBAAsB;IACtB,yBAAyB;IACzB,iFAAiF;YACzE,yEAAyE;IACjF,0BAA0B;IAC1B,mBAAmB;IACnB,oBAAoB;CACvB;AACD;IACI,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,mBAAmB;IACnB,oBAAoB;IACpB,aAAa;IACb,4BAA4B;IAC5B,mBAAmB;IACnB,sBAAsB;IACtB,yBAAyB;CAC5B;AACD;IACI,mBAAmB;IACnB,sBAAsB;CACzB;AACD;IACI,0GAA0G;IAC1G,uBAAuB;CAC1B;AACD;IACI,qHAAqH;IACrH,uBAAuB;CAC1B;AACD;IACI,qHAAqH;IACrH,uBAAuB;CAC1B;AACD;IACI,oHAAoH;IACpH,uBAAuB;CAC1B;AACD;IACI,mBAAmB;IACnB,sBAAsB;IACtB,mBAAmB;IACnB,kBAAkB;IAClB,wDAAwD;IACxD,+BAA+B;YACvB,uBAAuB;IAC/B,UAAU;CACb;AACD;IACI,mBAAmB;IACnB,oBAAoB;IACpB,WAAW;CACd;AACD;IACI,mBAAmB;IACnB,WAAW;IACX,sBAAsB;IACtB,oBAAoB;IACpB,2BAA2B;IAC3B,iBAAiB;CACpB;AACD;IACI,4BAA4B;IAC5B,iBAAiB;IACjB,mBAAmB;IACnB,sBAAsB;IACtB,oBAAoB;IACpB,iFAAiF;YACzE,yEAAyE;CACpF;AACD;IACI,qBAAqB;IACrB,mBAAmB;IACnB,mBAAmB;IACnB,gBAAgB;IAChB,WAAW;CACd;AACD;IACI,uBAAuB;IACvB,eAAe;IACf,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,YAAY;IACZ,iBAAiB;CACpB;AACD;IACI,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,YAAY;IACZ,uBAAuB;CAC1B;AACD;IACI,oBAAoB;IACpB,iBAAiB;IACjB,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,aAAa;IACb,kCAAkC;YAC1B,0BAA0B;IAClC,WAAW;CACd;AACD;IACI,aAAa;IACb,iBAAiB;IACjB,iCAAiC;YACzB,yBAAyB;IACjC,mBAAmB;IACnB,iBAAiB;IACjB,uBAAuB;CAC1B;AACD;IACI,4BAA4B;IAC5B,iBAAiB;IACjB,sBAAsB;IACtB,oBAAoB;IACpB,mBAAmB;IACnB,oBAAoB;IACpB,iFAAiF;YACzE,yEAAyE;CACpF;AACD;IACI,mBAAmB;IACnB,aAAa;IACb,kBAAkB;IAClB,iBAAiB;CACpB;AACD;IACI,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,yBAAyB;IACzB,yBAAyB;IACzB,+BAA+B;YACvB,uBAAuB;IAC/B,oBAAoB;IACpB,mBAAmB;IACnB,uBAAuB;IACvB,mBAAmB;IACnB,oBAAoB;CACvB;AACD;IACI,uBAAuB;CAC1B;AACD;IACI,uBAAuB;CAC1B;AACD;IACI,oBAAoB;IACpB,iBAAiB;IACjB,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,aAAa;IACb,kCAAkC;YAC1B,0BAA0B;IAClC,WAAW;CACd;AACD;IACI,aAAa;IACb,iCAAiC;YACzB,yBAAyB;IACjC,mBAAmB;IACnB,gBAAgB;IAChB,uBAAuB;CAC1B;AACD;IACI,mBAAmB;IACnB,WAAW;CACd;AACD;IACI,2CAA2C;IAC3C,kBAAkB;IAClB,sBAAsB;CACzB;AACD;IACI,qBAAqB;IACrB,qBAAqB;IACrB,cAAc;IACd,sBAAsB;IACtB,oBAAoB;CACvB;AACD;IACI,mBAAmB;IACnB,kBAAkB;IAClB,2BAA2B;IAC3B,0BAA0B;IAC1B,gCAAgC;CACnC;AACD;IACI,qBAAqB;IACrB,0BAA0B;IAC1B,sBAAsB;IACtB,eAAe;IACf,oBAAoB;QAChB,YAAY;YACR,QAAQ;IAChB,kBAAkB;IAClB,iBAAiB;CACpB;AACD;IACI,uBAAuB;IACvB,eAAe;CAClB;AACD;IACI,qBAAqB;IACrB,qBAAqB;IACrB,0BAA0B;IAC1B,sBAAsB;IACtB,0BAA0B;IAC1B,kBAAkB;CACrB;AACD;IACI,sBAAsB;IACtB,eAAe;IACf,qBAAqB;IACrB,sBAAsB;IACtB,0BAA0B;IAC1B,iBAAiB;CACpB;AACD;IACI,sBAAsB;CACzB;AACD;IACI,sBAAsB;CACzB;AACD;IACI,qBAAqB;IACrB,qBAAqB;IACrB,cAAc;IACd,sBAAsB;IACtB,mBAAmB;IACnB,oBAAoB;QAChB,gBAAgB;IACpB,wBAAwB;IACxB,sBAAsB;CACzB;AACD;IACI,YAAY;IACZ,sBAAsB;IACtB,wBAAwB;IACxB,2BAA2B;IAC3B,mBAAmB;CACtB;AACD;IACI,oBAAoB;IACpB,qBAAqB;IACrB,mBAAmB;IACnB,OAAO;IACP,mBAAmB;IACnB,4BAA4B;CAC/B;AACD;IACI,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,4BAA4B;IAC5B,kBAAkB;IAClB,kBAAkB;CACrB;AACD;IACI,mBAAmB;IACnB,sBAAsB;IACtB,sBAAsB;IACtB,eAAe;IACf,yBAAyB;IACzB,iFAAiF;YACzE,yEAAyE;IACjF,wBAAwB;IACxB,+BAA+B;YACvB,uBAAuB;CAClC;AACD;IACI,uBAAuB;IACvB,aAAa;CAChB;AACD;IACI,uBAAuB;IACvB,yBAAyB;CAC5B;AACD;IACI,gBAAgB;CACnB;AACD;IACI,qBAAqB;IACrB,qBAAqB;IACrB,cAAc;IACd,sBAAsB;IACtB,0BAA0B;QACtB,uBAAuB;YACnB,+BAA+B;IACvC,uCAAuC;CAC1C;AACD;IACI,mBAAmB;IACnB,wBAAwB;IACxB,mBAAmB;IACnB,iFAAiF;YACzE,yEAAyE;IACjF,wBAAwB;IACxB,iBAAiB;CACpB;AACD;IACI,mBAAmB;IACnB,aAAa;CAChB;AACD;IACI,qBAAqB;IACrB,qBAAqB;IACrB,cAAc;IACd,sBAAsB;IACtB,YAAY;IACZ,eAAe;IACf,mCAAmC;IACnC,+BAA+B;YACvB,uBAAuB;CAClC;AACD;IACI,wBAAwB;IACxB,aAAa;CAChB;AACD;IACI,yCAAyC;IACzC,mBAAmB;IACnB,sBAAsB;CACzB;AACD;IACI,oBAAoB;QAChB,YAAY;YACR,QAAQ;IAChB,kBAAkB;CACrB;AACD;IACI,wBAAwB;CAC3B;AACD;IACI,oBAAoB;CACvB;AACD;IACI,qBAAqB;IACrB,qBAAqB;IACrB,cAAc;IACd,sBAAsB;IACtB,mBAAmB;IACnB,oBAAoB;QAChB,gBAAgB;IACpB,wBAAwB;IACxB,0BAA0B;QACtB,uBAAuB;YACnB,+BAA+B;IACvC,uCAAuC;CAC1C;AACD;IACI,qBAAqB;IACrB,wBAAwB;IACxB,mBAAmB;IACnB,iFAAiF;YACzE,yEAAyE;IACjF,wBAAwB;IACxB,iBAAiB;IACjB,4BAA4B;CAC/B;AACD;IACI,YAAY;CACf;AACD;IACI,eAAe;IACf,+BAA+B;YACvB,uBAAuB;IAC/B,oCAAoC;IACpC,qBAAqB;IACrB,qBAAqB;IACrB,cAAc;IACd,sBAAsB;IACtB,0BAA0B;QACtB,uBAAuB;YACnB,+BAA+B;CAC1C;AACD;IACI,uBAAuB;IACvB,aAAa;IACb,iBAAiB;IACjB,WAAW;CACd;AACD;IACI,eAAe;IACf,wBAAwB;IACxB,iBAAiB;IACjB,uBAAuB;IACvB,sBAAsB;CACzB;CACA;AACD;AACA;IACI,oBAAoB;CACvB;CACA;AACD;EACE,UAAU;CACX"
,
file
:
"index.vue"
,
sourcesContent
:[
"
\n
.fl-r[data-v-47323bf2] {
\n
float: right;
\n
}
\n
.main-block[data-v-47323bf2] {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both[data-v-47323bf2]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
[data-v-47323bf2]::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
[data-v-47323bf2]::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
[data-v-47323bf2]::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
min-height: 10px;
\n
}
\n
.index[data-v-47323bf2] {
\n
background: #F5F5F9;
\n
padding-bottom: 13.33333333vw;
\n
}
\n
.banner-block[data-v-47323bf2] {
\n
width: 89.33333333vw;
\n
height: 65.6vw;
\n
position: relative;
\n
background: white;
\n
padding: 3.73333333vw 5.33333333vw 5.33333333vw;
\n
margin: 0;
\n
}
\n
.banner-block .bgimg[data-v-47323bf2] {
\n
position: absolute;
\n
width: 89.33333333vw;
\n
z-index: 0;
\n
}
\n
.banner-block .canvas[data-v-47323bf2] {
\n
width: 89.6vw;
\n
z-index: 2;
\n
}
\n
.banner-block .content[data-v-47323bf2] {
\n
position: absolute;
\n
z-index: 1;
\n
height: 65.6vw;
\n
width: 89.33333333vw;
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
}
\n
.banner-block .Banner[data-v-47323bf2] {
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
position: relative;
\n
height: 65.6vw;
\n
width: 89.33333333vw;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.banner-block .Banner .qr[data-v-47323bf2] {
\n
width: 33.6vw;
\n
position: absolute;
\n
left: 27.73333333vw;
\n
top: 5.33333333vw;
\n
z-index: 2;
\n
}
\n
.banner-block .Banner .text[data-v-47323bf2] {
\n
font-size: 4.26666667vw;
\n
color: #FF4D4F;
\n
text-align: center;
\n
position: absolute;
\n
top: 40.8vw;
\n
width: 100%;
\n
font-weight: 600;
\n
}
\n
.banner-block .Banner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 2.13333333vw;
\n
width: 100%;
\n
font-size: 3.2vw;
\n
}
\n
.banner-block .Banner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 27.73333333vw;
\n
height: 27.73333333vw;
\n
position: absolute;
\n
right: -12.26666667vw;
\n
top: -16.53333333vw;
\n
-webkit-transform: rotate(-50deg);
\n
transform: rotate(-50deg);
\n
z-index: 3;
\n
}
\n
.banner-block .Banner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
font-size: 3.73333333vw;
\n
-webkit-transform: rotate(91deg);
\n
transform: rotate(91deg);
\n
position: absolute;
\n
top: 13.86666667vw;
\n
font-size: 3.46666667vw;
\n
}
\n
.banner-block .unBanner[data-v-47323bf2] {
\n
border-radius: 6.66666667vw;
\n
overflow: hidden;
\n
height: 65.6vw;
\n
width: 89.33333333vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.banner-block .unBanner .title[data-v-47323bf2] {
\n
position: absolute;
\n
color: white;
\n
top: 9.33333333vw;
\n
left: 5.33333333vw;
\n
}
\n
.banner-block .unBanner .title .title1[data-v-47323bf2] {
\n
font-size: 5.33333333vw;
\n
}
\n
.banner-block .unBanner .title .title2[data-v-47323bf2] {
\n
font-size: 9.6vw;
\n
}
\n
.banner-block .unBanner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 8vw;
\n
padding-top: 2.66666667vw;
\n
border-radius: 7.46666667vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
background: #FFC53D;
\n
-webkit-animation: myfirst-data-v-47323bf2 3s linear infinite;
\n
animation: myfirst-data-v-47323bf2 3s linear infinite;
\n
left: 5.33333333vw;
\n
font-size: 3.73333333vw;
\n
width: 40.53333333vw;
\n
height: 14.93333333vw;
\n
}
\n
.banner-block .unBanner .date .date1[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.banner-block .unBanner .date .date2[data-v-47323bf2] {
\n
font-size: 4.26666667vw;
\n
}
\n
@-webkit-keyframes myfirst-data-v-47323bf2 {
\n
0% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
50% {
\n
-webkit-transform: scale(1.1);
\n
transform: scale(1.1);
\n
}
\n
100% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
}
\n
@keyframes myfirst-data-v-47323bf2 {
\n
0% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
50% {
\n
-webkit-transform: scale(1.1);
\n
transform: scale(1.1);
\n
}
\n
100% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
}
\n
.banner-block .unBanner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 27.73333333vw;
\n
height: 27.73333333vw;
\n
position: absolute;
\n
right: -12.26666667vw;
\n
top: -16.53333333vw;
\n
-webkit-transform: rotate(-50deg);
\n
transform: rotate(-50deg);
\n
}
\n
.banner-block .unBanner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
font-size: 3.73333333vw;
\n
-webkit-transform: rotate(85deg);
\n
transform: rotate(85deg);
\n
position: absolute;
\n
top: 14.4vw;
\n
font-size: 3.46666667vw;
\n
bottom: 19.73333333vw;
\n
}
\n
.contentBox[data-v-47323bf2] {
\n
padding: 2.66666667vw 5.33333333vw;
\n
background: white;
\n
margin: 2.66666667vw 0;
\n
}
\n
.contentBox .commonTitle[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
vertical-align: top;
\n
}
\n
.contentBox .commonTitle .line[data-v-47323bf2] {
\n
height: 5.33333333vw;
\n
width: 1.06666667vw;
\n
border-radius: 0.53333333vw;
\n
margin-right: 2.66666667vw;
\n
margin: auto 2.66666667vw auto 0;
\n
}
\n
.contentBox .commonTitle .more[data-v-47323bf2] {
\n
height: 8.8vw;
\n
line-height: 11.46666667vw;
\n
font-size: 3.2vw;
\n
color: #666666;
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
overflow: hidden;
\n
}
\n
.contentBox .commonTitle .more .iconfont[data-v-47323bf2] {
\n
font-size: 3.73333333vw;
\n
color: #666666;
\n
}
\n
.contentBox .commonTitle .title[data-v-47323bf2] {
\n
font-size: 6.4vw;
\n
height: 8.8vw;
\n
line-height: 8.8vw;
\n
display: inline-block;
\n
margin-right: 2.66666667vw;
\n
font-weight: bold;
\n
}
\n
.contentBox .commonTitle .tip[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
color: #999999;
\n
height: 8.8vw;
\n
display: inline-block;
\n
line-height: 11.46666667vw;
\n
overflow: hidden;
\n
}
\n
.contentBox .lookData[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.contentBox .lookData .iconfont[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.med .commonTitle .line[data-v-47323bf2] {
\n
background: #4A90E2;
\n
}
\n
.med .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
height: 56.53333333vw;
\n
overflow: hidden;
\n
}
\n
.med .content .contentItem[data-v-47323bf2] {
\n
width: 50%;
\n
height: 50.93333333vw;
\n
margin-top: 4.8vw;
\n
position: relative;
\n
}
\n
.med .content .contentItem img[data-v-47323bf2] {
\n
width: 28.53333333vw;
\n
height: 28.53333333vw;
\n
position: absolute;
\n
top: 0;
\n
left: 7.2vw;
\n
border-radius: 14.13333333vw;
\n
}
\n
.med .content .contentItem .white[data-v-47323bf2] {
\n
position: absolute;
\n
background: white;
\n
width: 5.33333333vw;
\n
height: 5.33333333vw;
\n
border-radius: 2.66666667vw;
\n
top: 11.6vw;
\n
left: 18.8vw;
\n
}
\n
.med .content .contentItem .text[data-v-47323bf2] {
\n
width: 42.93333333vw;
\n
height: 42.93333333vw;
\n
margin-top: 8vw;
\n
color: #999999;
\n
padding-top: 24vw;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 4.26666667vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.med .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 3.73333333vw;
\n
color: black;
\n
}
\n
.med .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
line-height: 4.53333333vw;
\n
}
\n
.qm .commonTitle .line[data-v-47323bf2] {
\n
background: #FF7875;
\n
}
\n
.qm .content[data-v-47323bf2] {
\n
text-align: center;
\n
}
\n
.qm .content .contentItem[data-v-47323bf2] {
\n
margin-top: 4.8vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
}
\n
.qm .content .contentItem img[data-v-47323bf2] {
\n
width: 89.33333333vw;
\n
height: 40vw;
\n
}
\n
.qm .content .contentItem .text[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
width: 89.33333333vw;
\n
color: #999999;
\n
padding: 5.06666667vw 4vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.qm .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
color: black;
\n
}
\n
.qm .content .contentItem .text .line[data-v-47323bf2] {
\n
border-right: 0.26666667vw solid #999999;
\n
height: 5.33333333vw;
\n
margin: 0 2.66666667vw;
\n
}
\n
.qm .content .contentItem .text .lookData[data-v-47323bf2] {
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
}
\n
.qm .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.mxxy .commonTitle .line[data-v-47323bf2] {
\n
background: #7ED321;
\n
}
\n
.mxxy .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem[data-v-47323bf2] {
\n
width: 43.2vw;
\n
margin-top: 4.8vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
padding-bottom: 4.8vw;
\n
}
\n
.mxxy .content .contentItem img[data-v-47323bf2] {
\n
width: 100%;
\n
}
\n
.mxxy .content .contentItem .text[data-v-47323bf2] {
\n
color: #999999;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
padding: 2.66666667vw 4vw 0;
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 3.73333333vw;
\n
color: black;
\n
text-align: left;
\n
width: 50%;
\n
}
\n
.mxxy .content .contentItem .tip[data-v-47323bf2] {
\n
color: #999999;
\n
padding: 0 4vw;
\n
text-align: left;
\n
margin-top: 1.06666667vw;
\n
font-size: 3.2vw;
\n
}
\n
.btn-block[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
padding: 0 5.33333333vw 3.2vw;
\n
background: white;
\n
-ms-flex-pack: distribute;
\n
justify-content: space-around;
\n
-webkit-justify-content: space-around;
\n
width: 89.33333333vw;
\n
}
\n
.btn-block .btn[data-v-47323bf2] {
\n
width: 28vw;
\n
height: 11.73333333vw;
\n
border-radius: 3.2vw;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
position: relative;
\n
}
\n
.btn-block .btn .nolook[data-v-47323bf2] {
\n
position: absolute;
\n
top: -1.33333333vw;
\n
left: -1.33333333vw;
\n
background: #ff4d4f;
\n
width: 4.26666667vw;
\n
height: 4.26666667vw;
\n
color: white;
\n
border-radius: 2.13333333vw;
\n
text-align: center;
\n
font-size: 3.2vw;
\n
line-height: 4.26666667vw;
\n
}
\n
.btn-block .btn img[data-v-47323bf2] {
\n
width: 28vw;
\n
height: 11.73333333vw;
\n
}
\n
.btn-block .toPreview[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -16.8vw;
\n
background-size: 100% ;
\n
}
\n
.btn-block .toBbda[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png');
\n
background-size: 100%;
\n
}
\n
.btn-block .toCollection[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -34.13333333vw;
\n
background-size: 100%;
\n
}
\n
.btn-block .toTeacher[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -50.93333333vw;
\n
background-size: 100%;
\n
}
\n
.orderBox[data-v-47323bf2] {
\n
position: relative;
\n
padding: 0 5.33333333vw 3.2vw;
\n
background: white;
\n
}
\n
.orderBox .item[data-v-47323bf2]:first-child {
\n
position: relative;
\n
z-index: 1000;
\n
background: white;
\n
}
\n
.orderBox .item[data-v-47323bf2] {
\n
-webkit-box-shadow: 1px 2px 7px 0px #ffd2cf;
\n
box-shadow: 1px 2px 7px 0px #ffd2cf;
\n
border-radius: 4.26666667vw;
\n
}
\n
.orderBox .item .top[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
padding: 4vw 2.66666667vw;
\n
}
\n
.orderBox .item .top img[data-v-47323bf2] {
\n
width: 19.73333333vw;
\n
height: 19.73333333vw;
\n
border-radius: 2.66666667vw;
\n
}
\n
.orderBox .item .top .info[data-v-47323bf2] {
\n
padding-left: 2.66666667vw;
\n
}
\n
.orderBox .item .top .info h3[data-v-47323bf2] {
\n
font-size: 4vw;
\n
color: #333333;
\n
}
\n
.orderBox .item .top .info p[data-v-47323bf2] {
\n
font-size: 3.46666667vw;
\n
color: #666666;
\n
}
\n
.orderBox .item .top .info p span[data-v-47323bf2] {
\n
color: #FF7171;
\n
}
\n
.orderBox .item .line[data-v-47323bf2] {
\n
height: 0;
\n
border-bottom: 1px solid #E2E2E2;
\n
}
\n
.orderBox .item .bottom[data-v-47323bf2] {
\n
padding: 1.06666667vw 2.13333333vw;
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.orderBox .item .bottom .text[data-v-47323bf2] {
\n
height: 9.06666667vw;
\n
line-height: 9.06666667vw;
\n
color: #333333;
\n
font-size: 3.46666667vw;
\n
}
\n
.orderBox .item .bottom .btn[data-v-47323bf2] {
\n
width: 21.33333333vw;
\n
height: 9.06666667vw;
\n
background: #FF7171;
\n
color: white;
\n
border-radius: 4.53333333vw;
\n
font-size: 4vw;
\n
line-height: 9.06666667vw;
\n
text-align: center;
\n
}
\n
.orderBox .imgbox[data-v-47323bf2] {
\n
position: absolute;
\n
z-index: 1000;
\n
top: -25.06666667vw;
\n
left: 18.66666667vw;
\n
}
\n
.orderBox .imgbox img[data-v-47323bf2] {
\n
width: 69.6vw;
\n
}
\n
.orderBox .imgbox .text[data-v-47323bf2] {
\n
color: white;
\n
position: absolute;
\n
top: 8vw;
\n
left: 2.66666667vw;
\n
font-size: 4.53333333vw;
\n
}
\n
.orderBox .shadow[data-v-47323bf2] {
\n
position: fixed;
\n
bottom: 0;
\n
left: 0;
\n
top: 0;
\n
background: black;
\n
opacity: 0.6;
\n
width: 100%;
\n
z-index: 999;
\n
}
\n
.lesson-block[data-v-47323bf2] {
\n
padding-bottom: 5.33333333vw;
\n
}
\n
.lesson-block .goods-block[data-v-47323bf2] {
\n
position: relative;
\n
width: 89.33333333vw;
\n
}
\n
.lesson-block .goods-block .tips[data-v-47323bf2] {
\n
display: inline-block;
\n
font-size: 3.2vw;
\n
font-family: PingFang-SC-Bold;
\n
font-weight: normal;
\n
color: #ffffff;
\n
line-height: 4.53333333vw;
\n
padding: 0.53333333vw 1.33333333vw;
\n
position: absolute;
\n
right: 2.66666667vw;
\n
top: 3.2vw;
\n
background: #f5a623;
\n
border-radius: 2.93333333vw;
\n
}
\n
.lesson-block .goods-block img[data-v-47323bf2] {
\n
width: 89.33333333vw;
\n
height: 62.93333333vw;
\n
border-radius: 2.13333333vw;
\n
}
\n
.class-block[data-v-47323bf2] {
\n
margin-top: 2.66666667vw;
\n
font-family: PingFang-SC-Medium;
\n
font-size: 4.8vw;
\n
color: #333333;
\n
text-align: center;
\n
background: white;
\n
}
\n
.class-block .title[data-v-47323bf2] {
\n
padding: 2.13333333vw;
\n
position: relative;
\n
}
\n
.class-block .title .more[data-v-47323bf2] {
\n
position: absolute;
\n
width: 8vw;
\n
bottom: 2.66666667vw;
\n
right: 5.33333333vw;
\n
}
\n
@media screen and (min-width: 600px) {
\n
.index[data-v-47323bf2] {
\n
background: #F5F5F9;
\n
padding-bottom: 4.8828125vw;
\n
}
\n
.padTop[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
-ms-flex-pack: distribute;
\n
justify-content: space-around;
\n
display: -webkit-flex;
\n
-webkit-justify-content: space-around;
\n
background: white;
\n
}
\n
.padTop .btn-block[data-v-47323bf2] {
\n
display: block;
\n
padding: 1.46484375vw 4.1015625vw 0 2.9296875vw;
\n
background: white;
\n
-webkit-justify-content: space-around;
\n
width: 26.171875vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.padTop .btn-block .btn[data-v-47323bf2] {
\n
width: 19.140625vw;
\n
height: 15.72265625vw;
\n
border-radius: 2.34375vw;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
margin-bottom: 1.953125vw;
\n
position: relative;
\n
background: #ff9c6e;
\n
}
\n
.padTop .btn-block .btn .nolook[data-v-47323bf2] {
\n
position: absolute;
\n
top: -0.48828125vw;
\n
left: -0.48828125vw;
\n
background: #ff4d4f;
\n
width: 2.5390625vw;
\n
height: 2.5390625vw;
\n
color: white;
\n
border-radius: 1.26953125vw;
\n
text-align: center;
\n
font-size: 1.171875vw;
\n
line-height: 2.5390625vw;
\n
}
\n
.padTop .btn-block .btn img[data-v-47323bf2] {
\n
width: 19.140625vw;
\n
height: 15.72265625vw;
\n
}
\n
.padTop .btn-block .toPreview[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 0;
\n
background-size: 100% ;
\n
}
\n
.padTop .btn-block .toBbda[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -52.734375vw;
\n
background-size: 100% ;
\n
}
\n
.padTop .btn-block .toCollection[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -17.578125vw;
\n
background-size: 100% ;
\n
}
\n
.padTop .btn-block .toTeacher[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -35.15625vw;
\n
background-size: 100% ;
\n
}
\n
.padTop .banner-block[data-v-47323bf2] {
\n
width: 73.828125vw;
\n
height: 51.26953125vw;
\n
position: relative;
\n
background: white;
\n
padding: 1.3671875vw 2.9296875vw 1.953125vw 4.1015625vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
margin: 0;
\n
}
\n
.padTop .banner-block .bgimg[data-v-47323bf2] {
\n
position: absolute;
\n
width: 69.7265625vw;
\n
z-index: 2;
\n
}
\n
.padTop .banner-block .content[data-v-47323bf2] {
\n
position: absolute;
\n
z-index: 3;
\n
height: 51.26953125vw;
\n
width: 69.7265625vw;
\n
border-radius: 2.9296875vw;
\n
overflow: hidden;
\n
}
\n
.padTop .banner-block .Banner[data-v-47323bf2] {
\n
border-radius: 3.22265625vw;
\n
overflow: hidden;
\n
position: relative;
\n
height: 51.26953125vw;
\n
width: 69.7265625vw;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.padTop .banner-block .Banner .qr[data-v-47323bf2] {
\n
width: 25.09765625vw;
\n
position: absolute;
\n
left: 22.4609375vw;
\n
top: 5.859375vw;
\n
z-index: 2;
\n
}
\n
.padTop .banner-block .Banner .text[data-v-47323bf2] {
\n
font-size: 2.5390625vw;
\n
color: #FF4D4F;
\n
text-align: center;
\n
position: absolute;
\n
top: 32.32421875vw;
\n
width: 100%;
\n
font-weight: 500;
\n
}
\n
.padTop .banner-block .Banner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 2.9296875vw;
\n
width: 100%;
\n
font-size: 2.1484375vw;
\n
}
\n
.padTop .banner-block .Banner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 14.0625vw;
\n
height: 14.0625vw;
\n
position: absolute;
\n
right: -7.6171875vw;
\n
top: -6.25vw;
\n
-webkit-transform: rotate(-41deg);
\n
transform: rotate(-41deg);
\n
z-index: 3;
\n
}
\n
.padTop .banner-block .Banner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
font-size: 18 px;
\n
-webkit-transform: rotate(91deg);
\n
transform: rotate(91deg);
\n
position: absolute;
\n
top: 6.0546875vw;
\n
font-size: 1.7578125vw;
\n
}
\n
.padTop .banner-block .unBanner[data-v-47323bf2] {
\n
border-radius: 3.22265625vw;
\n
overflow: hidden;
\n
height: 51.26953125vw;
\n
width: 69.7265625vw;
\n
position: relative;
\n
background: #ff7d77;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.padTop .banner-block .unBanner .title[data-v-47323bf2] {
\n
position: absolute;
\n
color: white;
\n
top: 3.41796875vw;
\n
left: 1.953125vw;
\n
}
\n
.padTop .banner-block .unBanner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 6.4453125vw;
\n
padding-top: 0.9765625vw;
\n
border-radius: 5.46875vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
background: #FFC53D;
\n
left: 4.39453125vw;
\n
font-size: 1.3671875vw;
\n
width: 31.640625vw;
\n
height: 11.328125vw;
\n
}
\n
.padTop .banner-block .unBanner .date .date1[data-v-47323bf2] {
\n
font-size: 2.9296875vw;
\n
}
\n
.padTop .banner-block .unBanner .date .date2[data-v-47323bf2] {
\n
font-size: 3.3203125vw;
\n
}
\n
.padTop .banner-block .unBanner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 14.0625vw;
\n
height: 14.0625vw;
\n
position: absolute;
\n
right: -7.6171875vw;
\n
top: -6.25vw;
\n
-webkit-transform: rotate(-41deg);
\n
transform: rotate(-41deg);
\n
z-index: 3;
\n
}
\n
.padTop .banner-block .unBanner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
-webkit-transform: rotate(91deg);
\n
transform: rotate(91deg);
\n
position: absolute;
\n
top: 6.640625vw;
\n
font-size: 1.7578125vw;
\n
}
\n
.padTop .banner-block .canvas[data-v-47323bf2] {
\n
width: 69.921875vw;
\n
z-index: 2;
\n
}
\n
.contentBox[data-v-47323bf2] {
\n
padding: 1.953125vw 4.1015625vw 1.953125vw;
\n
background: white;
\n
margin: 0.9765625vw 0;
\n
}
\n
.contentBox .commonTitle[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
vertical-align: top;
\n
}
\n
.contentBox .commonTitle .line[data-v-47323bf2] {
\n
height: 1.953125vw;
\n
width: 0.390625vw;
\n
border-radius: 0.1953125vw;
\n
margin-right: 0.9765625vw;
\n
margin: auto 0.9765625vw auto 0;
\n
}
\n
.contentBox .commonTitle .more[data-v-47323bf2] {
\n
height: 3.22265625vw;
\n
line-height: 4.19921875vw;
\n
font-size: 1.171875vw;
\n
color: #666666;
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
overflow: hidden;
\n
}
\n
.contentBox .commonTitle .more .iconfont[data-v-47323bf2] {
\n
font-size: 1.3671875vw;
\n
color: #666666;
\n
}
\n
.contentBox .commonTitle .title[data-v-47323bf2] {
\n
font-size: 2.34375vw;
\n
height: 3.22265625vw;
\n
line-height: 3.22265625vw;
\n
display: inline-block;
\n
margin-right: 0.9765625vw;
\n
font-weight: bold;
\n
}
\n
.contentBox .commonTitle .tip[data-v-47323bf2] {
\n
font-size: 1.171875vw;
\n
color: #999999;
\n
height: 3.22265625vw;
\n
display: inline-block;
\n
line-height: 4.19921875vw;
\n
overflow: hidden;
\n
}
\n
.contentBox .lookData[data-v-47323bf2] {
\n
font-size: 1.171875vw;
\n
}
\n
.contentBox .lookData .iconfont[data-v-47323bf2] {
\n
font-size: 1.171875vw;
\n
}
\n
.med .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
-webkit-flex-wrap: wrap;
\n
height: 29.19921875vw;
\n
}
\n
.med .content .contentItem[data-v-47323bf2] {
\n
width: auto;
\n
height: 25.09765625vw;
\n
margin-top: 1.7578125vw;
\n
margin-right: 1.85546875vw;
\n
position: relative;
\n
}
\n
.med .content .contentItem img[data-v-47323bf2] {
\n
width: 14.2578125vw;
\n
height: 14.2578125vw;
\n
position: absolute;
\n
top: 0;
\n
left: 3.61328125vw;
\n
border-radius: 7.12890625vw;
\n
}
\n
.med .content .contentItem .white[data-v-47323bf2] {
\n
position: absolute;
\n
background: white;
\n
width: 2.5390625vw;
\n
height: 2.5390625vw;
\n
border-radius: 1.26953125vw;
\n
top: 6.00585938vw;
\n
left: 9.5703125vw;
\n
}
\n
.med .content .contentItem .text[data-v-47323bf2] {
\n
width: 21.484375vw;
\n
height: 20.01953125vw;
\n
margin-top: 7.03125vw;
\n
color: #999999;
\n
padding-top: 8.7890625vw;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 1.5625vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.med .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 1.7578125vw;
\n
color: black;
\n
}
\n
.med .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 1.3671875vw;
\n
line-height: 2.9296875vw;
\n
}
\n
.med .content .contentItem[data-v-47323bf2]:nth-child(4) {
\n
margin-right: 0;
\n
}
\n
.qm .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
-webkit-justify-content: space-between;
\n
}
\n
.qm .content .contentItem[data-v-47323bf2] {
\n
width: 44.921875vw;
\n
margin-top: 1.7578125vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 1.5625vw;
\n
overflow: hidden;
\n
}
\n
.qm .content .contentItem img[data-v-47323bf2] {
\n
width: 44.921875vw;
\n
height: auto;
\n
}
\n
.qm .content .contentItem .text[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
width: 100%;
\n
color: #999999;
\n
padding: 1.85546875vw 1.46484375vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.qm .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 1.46484375vw;
\n
color: black;
\n
}
\n
.qm .content .contentItem .text .line[data-v-47323bf2] {
\n
border-right: 0.09765625vw solid #999999;
\n
height: 1.953125vw;
\n
margin: 0 0.9765625vw;
\n
}
\n
.qm .content .contentItem .text .lookData[data-v-47323bf2] {
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
}
\n
.qm .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 1.26953125vw;
\n
}
\n
.mxxy .commonTitle .line[data-v-47323bf2] {
\n
background: #7ED321;
\n
}
\n
.mxxy .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
-webkit-flex-wrap: wrap;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
-webkit-justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem[data-v-47323bf2] {
\n
width: 21.58203125vw;
\n
margin-top: 1.7578125vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 1.5625vw;
\n
overflow: hidden;
\n
padding-bottom: 1.7578125vw;
\n
}
\n
.mxxy .content .contentItem img[data-v-47323bf2] {
\n
width: 100%;
\n
}
\n
.mxxy .content .contentItem .text[data-v-47323bf2] {
\n
color: #999999;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
padding: 0.9765625vw 1.46484375vw 0;
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 1.7578125vw;
\n
color: black;
\n
text-align: left;
\n
width: 50%;
\n
}
\n
.mxxy .content .contentItem .tip[data-v-47323bf2] {
\n
color: #999999;
\n
padding: 0 1.46484375vw;
\n
text-align: left;
\n
margin-top: 0.390625vw;
\n
font-size: 1.171875vw;
\n
}
\n
}
\n
@media screen and (min-width: 1200px) {
\n
.med .content .contentItem[data-v-47323bf2] {
\n
margin-right: 1.4vw;
\n
}
\n
}
\n
*[data-v-47323bf2] {
\n
margin: 0;
\n
}
\n
"
],
sourceRoot
:
""
}])},
xofo
:
function
(
n
,
t
,
e
){
var
o
=
e
(
"fRWU"
);
"string"
==
typeof
o
&&
(
o
=
[[
n
.
i
,
o
,
""
]]),
o
.
locals
&&
(
n
.
exports
=
o
.
locals
);
e
(
"rjj0"
)(
"053c4a4f"
,
o
,
!
1
,{})}});
\ No newline at end of file
dev/static/js/30.2e9330178c4953f41110.js
deleted
100644 → 0
View file @
b7a21f87
webpackJsonp
([
30
],{
dAjm
:
function
(
n
,
t
,
e
){
"use strict"
;
Object
.
defineProperty
(
t
,
"__esModule"
,{
value
:
!
0
});
var
o
=
e
(
"mvHQ"
),
a
=
e
.
n
(
o
),
A
=
e
(
"woOf"
),
i
=
e
.
n
(
A
),
s
=
(
e
(
"eqfM"
),
e
(
"/QYm"
)),
r
=
e
(
"CCn6"
),
B
=
e
(
"Jmy5"
),
d
=
e
(
"2oJL"
),
b
=
e
(
"sf/l"
),
v
=
e
(
"mkI/"
),
w
=
e
(
"eMjc"
),
C
=
e
.
n
(
w
),
l
=
{
name
:
"index"
,
components
:{
bottomTab
:
d
.
a
,
audioPage
:
v
.
a
},
data
:
function
(){
return
{
pt
:
!
1
,
countTime
:
"00:00:00"
,
orderList
:[],
bannerList
:[],
teacherQ2
:
!
1
,
teacherDetail
:
null
,
imgUrl
:
B
.
b
,
user_id
:
null
,
newUrl
:
""
,
lessonList
:[],
medList
:[],
qmList
:[],
mxxyList
:[],
userCourse
:{},
bannerData
:{
qr
:
""
,
start_at
:
""
,
active_start_at
:
""
,
is_start_active
:
""
},
showObj
:{
audio
:[],
audioIndex
:
0
,
show
:
!
1
},
unlook
:
!
1
,
canvasData
:
"1"
}},
created
:
function
(){
this
.
initPage
(),
s
.
a
.
loading
({
mask
:
!
0
,
message
:
""
})},
mounted
:
function
(){
window
.
scrollTo
(
0
,
0
),
this
.
unlook
=
localStorage
.
getItem
(
"unlook"
),
this
.
pt
=
sessionStorage
.
getItem
(
"pt"
)},
methods
:{
goDetail
:
function
(
n
){
this
.
$router
.
push
({
name
:
"success"
,
query
:{
out_trade_no
:
this
.
orderList
[
n
].
out_trade_no
}}),
sessionStorage
.
setItem
(
"pt"
,
!
0
)},
onReachBottom
:
function
(){},
toShop
:
function
(){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
toShopD
),
this
.
$router
.
push
({
name
:
"buyDetail"
,
query
:{
shopId
:
this
.
bannerData
.
goods_id
,
invite_code
:
this
.
bannerData
.
invite_code
}})},
goMed
:
function
(
n
){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
meditem
[
n
]),
this
.
showObj
.
audioIndex
=
n
,
this
.
showObj
.
show
=!
0
,
this
.
$refs
.
audioPage
.
onPlay
()},
goLink
:
function
(
n
,
t
){
"qm"
==
t
?(
console
.
log
(
this
.
$refs
.
qmitem
),
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
qmitem
),
this
.
bannerData
.
active_start_at
?
window
.
location
.
href
=
"https://appaNQLfktH3717.h5.xiaoeknow.com/content_page/eyJ0eXBlIjozLCJyZXNvdXJjZV90eXBlIjo4LCJyZXNvdXJjZV9pZCI6IiIsInByb2R1Y3RfaWQiOiJwXzVjYjQyMDgzYTA2NDNfMXF0OUFGbnoiLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTcifQ"
:
window
.
location
.
href
=
n
):(
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
mxxyitem
),
window
.
location
.
href
=
n
)},
getBannerListApi
:
function
(){
var
n
=
this
;
this
.
medList
=
[];
var
t
=
{
limit
:
4
,
page
:
1
};
Object
(
r
.
c
)(
2
,{
limit
:
99
,
page
:
1
}).
then
(
function
(
e
){
for
(
var
o
=
0
;
o
<
4
;
o
++
)
n
.
medList
.
push
(
e
.
list
[
o
]);
n
.
showObj
.
audio
=
e
.
list
,
Object
(
r
.
c
)(
4
,
t
).
then
(
function
(
t
){
n
.
mxxyList
=
t
.
list
})}),
Object
(
r
.
c
)(
3
,{
limit
:
2
,
page
:
1
}).
then
(
function
(
t
){
n
.
qmList
=
t
.
list
}),
s
.
a
.
clear
()},
initPage
:
function
(){
var
n
=
this
;
Object
(
r
.
i
)().
then
(
function
(
t
){
localStorage
.
setItem
(
"userCourse"
,
""
);
var
e
=
"没有课程"
;
t
.
start_periods_course_type
&&
(
e
=
0
==
t
.
start_periods_course_type
?
"正式课"
:
"体验课"
),
n
.
$sa
.
track
(
"viewHomepage"
,{
is_view_course
:
e
}),
n
.
getBannerListApi
(),
t
.
goods_id
&&!
t
.
automation_id
?(
n
.
userCourse
=
i
()({},
t
),
localStorage
.
setItem
(
"userCourse"
,
a
()(
n
.
userCourse
)),
n
.
bannerData
=
t
,
n
.
$refs
.
bottomTab
.
setBtn
()):
void
0
!=
t
.
start_periods_id
&&
t
.
start_periods_id
>
0
?(
t
.
teacher_qr
&&
(
n
.
bannerData
.
qr
=
t
.
teacher_qr
),
n
.
bannerData
.
start_at
=
t
.
periods_list
[
0
].
start_at
,
n
.
bannerData
.
active_start_at
=
t
.
periods_list
[
0
].
active_start_at
,
n
.
bannerData
.
is_start_active
=
t
.
is_start_active
,
n
.
bannerData
.
start_periods_id
=
t
.
start_periods_id
,
n
.
userCourse
=
i
()({},
t
),
localStorage
.
setItem
(
"userCourse"
,
a
()(
n
.
userCourse
)),
n
.
$refs
.
bottomTab
.
setBtn
(),
!
sessionStorage
.
getItem
(
"frist"
)
&&
n
.
bannerData
.
is_start_active
&&
(
sessionStorage
.
setItem
(
"frist"
,
!
0
),
n
.
$router
.
push
({
name
:
"map"
,
query
:{
periods_id
:
t
.
start_periods_id
,
course_type
:
t
.
start_periods_course_type
}})),
n
.
$nextTick
(
function
(){
C
()(
document
.
getElementById
(
"capture33"
),{
async
:
!
0
,
scrollX
:
0
,
scale
:
2
,
letterRendering
:
!
0
,
useCORS
:
!
0
}).
then
(
function
(
t
){
n
.
divShow
=!
1
;
var
e
=
t
.
toDataURL
(
"image/jpg"
);
n
.
canvasData
=
e
}).
catch
(
function
(
n
){
alert
(
n
),
console
.
log
()})})):
void
0
!=
t
.
start_periods_id
&&
0
==
t
.
start_periods_id
?(
t
.
teacher_qr
&&
(
n
.
bannerData
.
qr
=
t
.
teacher_qr
),
n
.
bannerData
.
start_at
=
t
.
periods_list
[
0
].
start_at
,
n
.
bannerData
.
active_start_at
=
t
.
periods_list
[
0
].
active_start_at
,
n
.
bannerData
.
is_start_active
=
t
.
is_start_active
,
n
.
bannerData
.
start_periods_id
=
t
.
start_periods_id
,
n
.
userCourse
=
i
()({},
t
),
localStorage
.
setItem
(
"userCourse"
,
a
()(
n
.
userCourse
)),
console
.
log
(
n
.
userCourse
),
n
.
$refs
.
bottomTab
.
setBtn
()):
t
.
automation_id
.
length
&&
(
n
.
bannerData
=
t
,
n
.
userCourse
=
i
()({},
t
),
localStorage
.
setItem
(
"userCourse"
,
a
()(
n
.
userCourse
)),
sessionStorage
.
getItem
(
"frist"
)
||
(
sessionStorage
.
setItem
(
"frist"
,
!
0
),
n
.
$router
.
push
({
name
:
"map"
,
query
:{}})))}),
Object
(
r
.
t
)().
then
(
function
(
t
){
var
e
=
n
,
o
=
[];
t
.
list
.
forEach
(
function
(
n
){
if
(
2
==
n
.
buy_type
&&
1
==
n
.
status
&&
new
Date
(
n
.
group_info
.
deadline
.
replace
(
/-/g
,
"/"
)).
getTime
()
>=
(
new
Date
).
getTime
()){
n
.
goods_desc
=
JSON
.
parse
(
n
.
goods_desc
),
o
.
push
(
n
);
var
t
=
setInterval
(
function
(){
e
.
countTime
=
b
.
a
.
leftTimer
(
new
Date
(
n
.
group_info
.
deadline
.
replace
(
/-/g
,
"/"
)),
t
)},
1
e3
)}}),
n
.
orderList
=
o
,
console
.
log
(
o
)})},
dateParse
:
function
(
n
){
var
t
=
void
0
;
return
t
=
n
.
indexOf
(
"-"
)
>-
1
?
n
.
split
(
"-"
):
n
.
indexOf
(
"/"
)
>-
1
?
n
.
split
(
"/"
):
n
.
split
(
"."
),
new
Date
(
t
[
0
],
t
[
1
]
-
1
,
t
[
2
])},
dateCompare
:
function
(
n
,
t
){
var
e
=
n
.
getTime
(),
o
=
t
.
getTime
();
return
o
>
e
?
1
:
o
==
e
?
0
:
-
1
},
toMap
:
function
(
n
){
this
.
$sa
.
track
(
"buttonClick"
,{
tabTitle
:
"首页"
,
moduleTitle
:
"课程"
,
buttonType
:
"课程"
,
buttonName
:
"进入课程"
}),
this
.
dateCompare
(
new
Date
,
this
.
dateParse
(
n
.
start_at
))
<
1
?
this
.
$router
.
push
({
name
:
"map"
,
query
:{
periods_id
:
n
.
periods_id
,
parent_category_id
:
n
.
parent_category_id
,
course_type
:
n
.
course_type
}}):
Object
(
s
.
a
)(
"该课程暂未开始"
)},
toHear
:
function
(){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
med
),
this
.
bannerData
.
active_start_at
?
window
.
location
.
href
=
"https://appaNQLfktH3717.h5.xiaoeknow.com/content_page/eyJ0eXBlIjozLCJyZXNvdXJjZV90eXBlIjo4LCJyZXNvdXJjZV9pZCI6IiIsInByb2R1Y3RfaWQiOiJwXzVjYjQyMDgzYTA2NDNfMXF0OUFGbnoiLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTcifQ"
:
this
.
$router
.
push
({
name
:
"med"
})},
toCollection
:
function
(){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
collection
),
this
.
$router
.
push
({
name
:
"collection"
})},
toTeacher
:
function
(){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
teacher
),
window
.
location
.
href
=
"https://www.changchangenglish.com/m-home.html"
},
toPreview
:
function
(){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
preview
),
localStorage
.
setItem
(
"unlook"
,
"1"
),
this
.
$router
.
push
({
name
:
"preview"
})},
toBbda
:
function
(){
this
.
$sa
.
quick
(
"trackHeatMap"
,
this
.
$refs
.
bbda
),
this
.
$router
.
push
({
name
:
"bbda"
})}}},
c
=
function
(){
var
n
=
this
,
t
=
n
.
$createElement
,
e
=
n
.
_self
.
_c
||
t
;
return
e
(
"div"
,{
staticClass
:
"index"
},[
e
(
"div"
,{
staticClass
:
"padTop"
},[
e
(
"div"
,{
staticClass
:
"banner-block"
},[
null
!=
n
.
userCourse
.
goods_id
&&
n
.
userCourse
.
goods_id
>
0
?
e
(
"div"
,{
ref
:
"toShopD"
,
staticClass
:
"unBanner"
,
on
:{
click
:
function
(
t
){
n
.
toShop
()}}},[
e
(
"img"
,{
staticClass
:
"bgimg"
,
attrs
:{
src
:
n
.
imgUrl
.
indexBanener1
,
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"content"
},[
e
(
"div"
,{
staticClass
:
"title"
},[
e
(
"p"
,{
staticClass
:
"title1"
},[
n
.
_v
(
"唱唱启蒙英语"
)]),
n
.
_v
(
" "
),
e
(
"p"
,{
staticClass
:
"title2"
},[
n
.
_v
(
n
.
_s
(
n
.
bannerData
.
course_title
))])]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"date"
},[
e
(
"p"
,{
staticClass
:
"date1"
,
staticStyle
:{
"text-decoration"
:
"line-through"
}},[
n
.
_v
(
"原价："
+
n
.
_s
(
n
.
bannerData
.
original_price
/
100
)
+
"元"
)]),
n
.
_v
(
" "
),
e
(
"p"
,{
staticClass
:
"date2"
},[
n
.
_v
(
"限时"
+
n
.
_s
(
n
.
bannerData
.
current_price
/
100
)
+
"元领取"
)])]),
n
.
_v
(
" "
),
n
.
_m
(
0
)])]):
n
.
_e
(),
n
.
_v
(
" "
),
null
!=
n
.
userCourse
.
start_periods_id
?
e
(
"div"
,{
staticClass
:
"Banner"
,
attrs
:{
id
:
"capture33"
}},[
e
(
"img"
,{
staticClass
:
"bgimg"
,
attrs
:{
src
:
n
.
imgUrl
.
indexBanener2
,
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"content"
},[
e
(
"img"
,{
staticClass
:
"qr"
,
attrs
:{
src
:
n
.
bannerData
.
qr
,
alt
:
""
}}),
n
.
_v
(
" "
),
n
.
_m
(
1
),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"date"
},[
e
(
"p"
,[
n
.
_v
(
"开课时间："
+
n
.
_s
(
n
.
bannerData
.
start_at
))]),
n
.
_v
(
" "
),
n
.
bannerData
.
active_start_at
?
e
(
"p"
,[
n
.
_v
(
"全勤打卡活动开始时间："
+
n
.
_s
(
n
.
bannerData
.
active_start_at
))]):
n
.
_e
()])]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"triangle"
},[
n
.
bannerData
.
start_periods_id
>
0
?
e
(
"span"
,[
n
.
_v
(
"已开课"
)]):
n
.
_e
(),
n
.
_v
(
" "
),
0
==
n
.
bannerData
.
start_periods_id
?
e
(
"span"
,[
n
.
_v
(
"待开课"
)]):
n
.
_e
()]),
n
.
_v
(
" "
),
n
.
canvasData
?
e
(
"img"
,{
staticClass
:
"bgimg canvas"
,
attrs
:{
src
:
n
.
canvasData
,
alt
:
""
}}):
n
.
_e
()]):
n
.
_e
()]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"btn-block"
},[
e
(
"div"
,{
ref
:
"preview"
,
staticClass
:
"btn toPreview"
,
on
:{
click
:
n
.
toPreview
}},[
n
.
unlook
?
n
.
_e
():
e
(
"div"
,{
staticClass
:
"nolook"
},[
n
.
_v
(
"1"
)])]),
n
.
_v
(
" "
),
n
.
userCourse
.
is_start_active
?
n
.
_e
():
e
(
"div"
,{
ref
:
"bbda"
,
staticClass
:
"btn toBbda"
,
on
:{
click
:
function
(
t
){
n
.
toBbda
(
t
)}}}),
n
.
_v
(
" "
),
1
==
n
.
userCourse
.
is_start_active
?
e
(
"div"
,{
ref
:
"collection"
,
staticClass
:
"btn toCollection"
,
on
:{
click
:
n
.
toCollection
}}):
n
.
_e
(),
n
.
_v
(
" "
),
e
(
"div"
,{
ref
:
"teacher"
,
staticClass
:
"btn toTeacher"
,
on
:{
click
:
n
.
toTeacher
}})]),
n
.
_v
(
" "
),
n
.
orderList
&&
n
.
orderList
.
length
?
e
(
"div"
,{
staticClass
:
"orderBox"
},[
n
.
_l
(
n
.
orderList
,
function
(
t
,
o
){
return
e
(
"div"
,{
staticClass
:
"item"
,
on
:{
click
:
function
(
t
){
n
.
goDetail
(
o
)}}},[
e
(
"div"
,{
staticClass
:
"top"
},[
e
(
"img"
,{
attrs
:{
src
:
t
.
goods_desc
.
img
[
0
].
url
,
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"info"
},[
e
(
"h3"
,[
n
.
_v
(
n
.
_s
(
t
.
goods_name
))]),
n
.
_v
(
" "
),
e
(
"p"
,[
n
.
_v
(
"还差"
),
e
(
"span"
,[
n
.
_v
(
n
.
_s
(
t
.
group_info
.
diff_size
)
+
"人"
)]),
n
.
_v
(
"拼团成功"
)]),
n
.
_v
(
" "
),
e
(
"p"
,[
n
.
_v
(
"剩余拼团时间 "
),
e
(
"span"
,[
n
.
_v
(
n
.
_s
(
n
.
countTime
))])])])]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"line"
}),
n
.
_v
(
" "
),
n
.
_m
(
2
,
!
0
)])}),
n
.
_v
(
" "
),
!
n
.
pt
&&
n
.
orderList
.
length
?
e
(
"div"
,{
staticClass
:
"shadow"
,
on
:{
click
:
function
(
t
){
n
.
pt
=!
0
}}}):
n
.
_e
(),
n
.
_v
(
" "
),
!
n
.
pt
&&
n
.
orderList
.
length
?
e
(
"div"
,{
staticClass
:
"imgbox"
,
on
:{
click
:
function
(
t
){
n
.
pt
=!
0
}}},[
e
(
"div"
,{
staticClass
:
"text"
},[
n
.
_v
(
"
\
r
\n
快去邀请好友完成拼团吧~
\
r
\n
"
)]),
n
.
_v
(
" "
),
e
(
"img"
,{
attrs
:{
src
:
n
.
imgUrl
.
img_title
,
alt
:
""
}})]):
n
.
_e
()],
2
):
n
.
_e
()]),
n
.
_v
(
" "
),
n
.
medList
.
length
>
0
?
e
(
"div"
,{
staticClass
:
"contentBox med"
},[
e
(
"div"
,{
staticClass
:
"commonTitle"
},[
e
(
"span"
,{
staticClass
:
"line"
}),
n
.
_v
(
" "
),
e
(
"span"
,{
staticClass
:
"title"
},[
n
.
_v
(
"磨耳朵"
)]),
n
.
_v
(
" "
),
e
(
"span"
,{
staticClass
:
"tip"
},[
n
.
_v
(
"每天10分钟 成长看得见"
)]),
n
.
_v
(
" "
),
e
(
"div"
,{
ref
:
"med"
,
staticClass
:
"more med"
,
on
:{
click
:
n
.
toHear
}},[
n
.
_v
(
"更多 "
),
e
(
"i"
,{
staticClass
:
"iconfont icon-youjiantou"
})])]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"content"
},
n
.
_l
(
n
.
medList
,
function
(
t
,
o
){
return
e
(
"div"
,{
ref
:
"meditem"
,
refInFor
:
!
0
,
staticClass
:
"contentItem med"
,
on
:{
click
:
function
(
t
){
n
.
goMed
(
o
)}}},[
e
(
"img"
,{
attrs
:{
src
:
t
.
url
,
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"white"
}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"text"
},[
e
(
"div"
,{
staticClass
:
"title"
},[
n
.
_v
(
n
.
_s
(
t
.
title
))]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"enTitle"
},[
n
.
_v
(
n
.
_s
(
t
.
sub_title
))]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"lookData"
},[
e
(
"i"
,{
staticClass
:
"iconfont icon-yanjing"
}),
n
.
_v
(
n
.
_s
(
t
.
watch_num
)
+
"人"
)])])])}))]):
n
.
_e
(),
n
.
_v
(
" "
),
n
.
qmList
.
length
>
0
?
e
(
"div"
,{
staticClass
:
"contentBox qm"
},[
e
(
"div"
,{
staticClass
:
"commonTitle"
},[
e
(
"span"
,{
staticClass
:
"line"
}),
n
.
_v
(
" "
),
e
(
"span"
,{
staticClass
:
"title"
},[
n
.
_v
(
"启蒙小课堂"
)]),
n
.
_v
(
" "
),
e
(
"span"
,{
staticClass
:
"tip"
},[
n
.
_v
(
"名师手把手，爸妈小帮手"
)]),
n
.
_v
(
" "
),
n
.
bannerData
.
active_start_at
?
n
.
_e
():
e
(
"a"
,{
staticClass
:
"more qm"
,
attrs
:{
href
:
"https://appanqlfkth3717.h5.xiaoeknow.com/homepage/10"
}},[
n
.
_v
(
"更多 "
),
e
(
"i"
,{
staticClass
:
"iconfont icon-youjiantou"
})]),
n
.
_v
(
" "
),
n
.
bannerData
.
active_start_at
?
e
(
"a"
,{
staticClass
:
"more qm"
,
attrs
:{
href
:
"https://appaNQLfktH3717.h5.xiaoeknow.com/content_page/eyJ0eXBlIjozLCJyZXNvdXJjZV90eXBlIjo4LCJyZXNvdXJjZV9pZCI6IiIsInByb2R1Y3RfaWQiOiJwXzVjYjQyMDgzYTA2NDNfMXF0OUFGbnoiLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTcifQ"
}},[
n
.
_v
(
"更多 "
),
e
(
"i"
,{
staticClass
:
"iconfont icon-youjiantou"
})]):
n
.
_e
()]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"content"
},
n
.
_l
(
n
.
qmList
,
function
(
t
){
return
e
(
"div"
,{
ref
:
"qmitem"
,
refInFor
:
!
0
,
staticClass
:
"contentItem qm"
,
on
:{
click
:
function
(
e
){
n
.
goLink
(
t
.
link
,
"qm"
)}}},[
e
(
"img"
,{
attrs
:{
src
:
t
.
url
,
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"text"
},[
e
(
"div"
,{
staticClass
:
"title"
},[
n
.
_v
(
n
.
_s
(
t
.
title
))]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"line"
}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"enTitle"
},[
n
.
_v
(
n
.
_s
(
t
.
sub_title
))]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"lookData"
},[
e
(
"i"
,{
staticClass
:
"iconfont icon-yanjing"
}),
n
.
_v
(
n
.
_s
(
t
.
watch_num
)
+
"人"
)])])])}))]):
n
.
_e
(),
n
.
_v
(
" "
),
n
.
mxxyList
.
length
>
0
?
e
(
"div"
,{
staticClass
:
"contentBox mxxy"
},[
n
.
_m
(
3
),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"content"
},
n
.
_l
(
n
.
mxxyList
,
function
(
t
){
return
e
(
"div"
,{
ref
:
"mxxyitem"
,
refInFor
:
!
0
,
staticClass
:
"contentItem mxxy"
,
on
:{
click
:
function
(
e
){
n
.
goLink
(
t
.
link
,
"mxxy"
)}}},[
e
(
"img"
,{
directives
:[{
name
:
"lazy"
,
rawName
:
"v-lazy"
,
value
:
t
.
url
,
expression
:
"item.url"
}],
attrs
:{
alt
:
""
}}),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"text"
},[
e
(
"div"
,{
staticClass
:
"title"
},[
n
.
_v
(
n
.
_s
(
t
.
title
))])]),
n
.
_v
(
" "
),
e
(
"div"
,{
staticClass
:
"tip"
},[
n
.
_v
(
n
.
_s
(
t
.
sub_title
))])])}))]):
n
.
_e
(),
n
.
_v
(
" "
),
n
.
showObj
.
audio
.
length
>
0
?
e
(
"audio-page"
,{
directives
:[{
name
:
"show"
,
rawName
:
"v-show"
,
value
:
n
.
showObj
.
show
,
expression
:
"showObj.show"
}],
ref
:
"audioPage"
,
attrs
:{
sc
:
"1"
,
showObj
:
n
.
showObj
}}):
n
.
_e
(),
n
.
_v
(
" "
),
e
(
"bottom-tab"
,{
ref
:
"bottomTab"
})],
1
)};
c
.
_withStripped
=!
0
;
var
f
=
{
render
:
c
,
staticRenderFns
:[
function
(){
var
n
=
this
.
$createElement
,
t
=
this
.
_self
.
_c
||
n
;
return
t
(
"div"
,{
staticClass
:
"triangle"
},[
t
(
"span"
,[
this
.
_v
(
"专属福利"
)])])},
function
(){
var
n
=
this
.
$createElement
,
t
=
this
.
_self
.
_c
||
n
;
return
t
(
"div"
,{
staticClass
:
"text"
},[
t
(
"p"
,[
this
.
_v
(
"请扫码添加客服班主任"
)]),
this
.
_v
(
" "
),
t
(
"p"
,[
this
.
_v
(
"领取学习资料"
)])])},
function
(){
var
n
=
this
.
$createElement
,
t
=
this
.
_self
.
_c
||
n
;
return
t
(
"div"
,{
staticClass
:
"bottom"
},[
t
(
"span"
,{
staticClass
:
"text"
},[
this
.
_v
(
"*拼团成功后即可获取课程"
)]),
this
.
_v
(
" "
),
t
(
"span"
,{
staticClass
:
"btn"
},[
this
.
_v
(
"去邀请"
)])])},
function
(){
var
n
=
this
.
$createElement
,
t
=
this
.
_self
.
_c
||
n
;
return
t
(
"div"
,{
staticClass
:
"commonTitle"
},[
t
(
"span"
,{
staticClass
:
"line"
}),
this
.
_v
(
" "
),
t
(
"span"
,{
staticClass
:
"title"
},[
this
.
_v
(
"明星学员"
)]),
this
.
_v
(
" "
),
t
(
"span"
,{
staticClass
:
"tip"
},[
this
.
_v
(
"百万家庭力荐"
)]),
this
.
_v
(
" "
),
t
(
"a"
,{
staticClass
:
"more mxxy"
,
attrs
:{
href
:
"https://mp.weixin.qq.com/mp/homepage?__biz=MzU2ODM5NjA5OA==&hid=4&sn=bb876d6313345925e86913bfe42671c6"
}},[
this
.
_v
(
"更多 "
),
t
(
"i"
,{
staticClass
:
"iconfont icon-youjiantou"
})])])}]},
m
=
f
;
var
p
=!
1
;
var
g
=
e
(
"VU/8"
)(
l
,
m
,
!
1
,
function
(
n
){
p
||
e
(
"xofo"
)},
"data-v-47323bf2"
,
null
);
g
.
options
.
__file
=
"src/components/index.vue"
;
t
.
default
=
g
.
exports
},
fRWU
:
function
(
n
,
t
,
e
){(
n
.
exports
=
e
(
"FZ+f"
)(
!
0
)).
push
([
n
.
i
,
"
\n
.fl-r[data-v-47323bf2] {
\n
float: right;
\n
}
\n
.main-block[data-v-47323bf2] {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both[data-v-47323bf2]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
[data-v-47323bf2]::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
[data-v-47323bf2]::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
[data-v-47323bf2]::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
min-height: 10px;
\n
}
\n
.index[data-v-47323bf2] {
\n
background: #F5F5F9;
\n
padding-bottom: 13.33333333vw;
\n
}
\n
.banner-block[data-v-47323bf2] {
\n
width: 89.33333333vw;
\n
height: 65.6vw;
\n
position: relative;
\n
background: white;
\n
padding: 3.73333333vw 5.33333333vw 5.33333333vw;
\n
margin: 0;
\n
}
\n
.banner-block .bgimg[data-v-47323bf2] {
\n
position: absolute;
\n
width: 89.33333333vw;
\n
z-index: 0;
\n
}
\n
.banner-block .canvas[data-v-47323bf2] {
\n
width: 89.6vw;
\n
z-index: 2;
\n
}
\n
.banner-block .content[data-v-47323bf2] {
\n
position: absolute;
\n
z-index: 1;
\n
height: 65.6vw;
\n
width: 89.33333333vw;
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
}
\n
.banner-block .Banner[data-v-47323bf2] {
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
position: relative;
\n
height: 65.6vw;
\n
width: 89.33333333vw;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.banner-block .Banner .qr[data-v-47323bf2] {
\n
width: 33.6vw;
\n
position: absolute;
\n
left: 27.73333333vw;
\n
top: 5.33333333vw;
\n
z-index: 2;
\n
}
\n
.banner-block .Banner .text[data-v-47323bf2] {
\n
font-size: 4.26666667vw;
\n
color: #FF4D4F;
\n
text-align: center;
\n
position: absolute;
\n
top: 40.8vw;
\n
width: 100%;
\n
font-weight: 600;
\n
}
\n
.banner-block .Banner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 2.13333333vw;
\n
width: 100%;
\n
font-size: 3.2vw;
\n
}
\n
.banner-block .Banner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 27.73333333vw;
\n
height: 27.73333333vw;
\n
position: absolute;
\n
right: -12.26666667vw;
\n
top: -16.53333333vw;
\n
-webkit-transform: rotate(-50deg);
\n
transform: rotate(-50deg);
\n
z-index: 3;
\n
}
\n
.banner-block .Banner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
font-size: 3.73333333vw;
\n
-webkit-transform: rotate(91deg);
\n
transform: rotate(91deg);
\n
position: absolute;
\n
top: 13.86666667vw;
\n
font-size: 3.46666667vw;
\n
}
\n
.banner-block .unBanner[data-v-47323bf2] {
\n
border-radius: 6.66666667vw;
\n
overflow: hidden;
\n
height: 65.6vw;
\n
width: 89.33333333vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.banner-block .unBanner .title[data-v-47323bf2] {
\n
position: absolute;
\n
color: white;
\n
top: 9.33333333vw;
\n
left: 5.33333333vw;
\n
}
\n
.banner-block .unBanner .title .title1[data-v-47323bf2] {
\n
font-size: 5.33333333vw;
\n
}
\n
.banner-block .unBanner .title .title2[data-v-47323bf2] {
\n
font-size: 9.6vw;
\n
}
\n
.banner-block .unBanner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 8vw;
\n
padding-top: 2.66666667vw;
\n
border-radius: 7.46666667vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
background: #FFC53D;
\n
-webkit-animation: myfirst-data-v-47323bf2 3s linear infinite;
\n
animation: myfirst-data-v-47323bf2 3s linear infinite;
\n
left: 5.33333333vw;
\n
font-size: 3.73333333vw;
\n
width: 40.53333333vw;
\n
height: 14.93333333vw;
\n
}
\n
.banner-block .unBanner .date .date1[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.banner-block .unBanner .date .date2[data-v-47323bf2] {
\n
font-size: 4.26666667vw;
\n
}
\n
@-webkit-keyframes myfirst-data-v-47323bf2 {
\n
0% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
50% {
\n
-webkit-transform: scale(1.1);
\n
transform: scale(1.1);
\n
}
\n
100% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
}
\n
@keyframes myfirst-data-v-47323bf2 {
\n
0% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
50% {
\n
-webkit-transform: scale(1.1);
\n
transform: scale(1.1);
\n
}
\n
100% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
}
\n
.banner-block .unBanner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 27.73333333vw;
\n
height: 27.73333333vw;
\n
position: absolute;
\n
right: -12.26666667vw;
\n
top: -16.53333333vw;
\n
-webkit-transform: rotate(-50deg);
\n
transform: rotate(-50deg);
\n
}
\n
.banner-block .unBanner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
font-size: 3.73333333vw;
\n
-webkit-transform: rotate(85deg);
\n
transform: rotate(85deg);
\n
position: absolute;
\n
top: 14.4vw;
\n
font-size: 3.46666667vw;
\n
bottom: 19.73333333vw;
\n
}
\n
.contentBox[data-v-47323bf2] {
\n
padding: 2.66666667vw 5.33333333vw;
\n
background: white;
\n
margin: 2.66666667vw 0;
\n
}
\n
.contentBox .commonTitle[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
vertical-align: top;
\n
}
\n
.contentBox .commonTitle .line[data-v-47323bf2] {
\n
height: 5.33333333vw;
\n
width: 1.06666667vw;
\n
border-radius: 0.53333333vw;
\n
margin-right: 2.66666667vw;
\n
margin: auto 2.66666667vw auto 0;
\n
}
\n
.contentBox .commonTitle .more[data-v-47323bf2] {
\n
height: 8.8vw;
\n
line-height: 11.46666667vw;
\n
font-size: 3.2vw;
\n
color: #666666;
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
overflow: hidden;
\n
}
\n
.contentBox .commonTitle .more .iconfont[data-v-47323bf2] {
\n
font-size: 3.73333333vw;
\n
color: #666666;
\n
}
\n
.contentBox .commonTitle .title[data-v-47323bf2] {
\n
font-size: 6.4vw;
\n
height: 8.8vw;
\n
line-height: 8.8vw;
\n
display: inline-block;
\n
margin-right: 2.66666667vw;
\n
font-weight: bold;
\n
}
\n
.contentBox .commonTitle .tip[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
color: #999999;
\n
height: 8.8vw;
\n
display: inline-block;
\n
line-height: 11.46666667vw;
\n
overflow: hidden;
\n
}
\n
.contentBox .lookData[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.contentBox .lookData .iconfont[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.med .commonTitle .line[data-v-47323bf2] {
\n
background: #4A90E2;
\n
}
\n
.med .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
height: 56.53333333vw;
\n
overflow: hidden;
\n
}
\n
.med .content .contentItem[data-v-47323bf2] {
\n
width: 50%;
\n
height: 50.93333333vw;
\n
margin-top: 4.8vw;
\n
position: relative;
\n
}
\n
.med .content .contentItem img[data-v-47323bf2] {
\n
width: 28.53333333vw;
\n
height: 28.53333333vw;
\n
position: absolute;
\n
top: 0;
\n
left: 7.2vw;
\n
border-radius: 14.13333333vw;
\n
}
\n
.med .content .contentItem .white[data-v-47323bf2] {
\n
position: absolute;
\n
background: white;
\n
width: 5.33333333vw;
\n
height: 5.33333333vw;
\n
border-radius: 2.66666667vw;
\n
top: 11.6vw;
\n
left: 18.8vw;
\n
}
\n
.med .content .contentItem .text[data-v-47323bf2] {
\n
width: 42.93333333vw;
\n
height: 42.93333333vw;
\n
margin-top: 8vw;
\n
color: #999999;
\n
padding-top: 24vw;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 4.26666667vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.med .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 3.73333333vw;
\n
color: black;
\n
}
\n
.med .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
line-height: 4.53333333vw;
\n
}
\n
.qm .commonTitle .line[data-v-47323bf2] {
\n
background: #FF7875;
\n
}
\n
.qm .content[data-v-47323bf2] {
\n
text-align: center;
\n
}
\n
.qm .content .contentItem[data-v-47323bf2] {
\n
margin-top: 4.8vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
}
\n
.qm .content .contentItem img[data-v-47323bf2] {
\n
width: 89.33333333vw;
\n
height: 40vw;
\n
}
\n
.qm .content .contentItem .text[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
width: 89.33333333vw;
\n
color: #999999;
\n
padding: 5.06666667vw 4vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.qm .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
color: black;
\n
}
\n
.qm .content .contentItem .text .line[data-v-47323bf2] {
\n
border-right: 0.26666667vw solid #999999;
\n
height: 5.33333333vw;
\n
margin: 0 2.66666667vw;
\n
}
\n
.qm .content .contentItem .text .lookData[data-v-47323bf2] {
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
}
\n
.qm .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.mxxy .commonTitle .line[data-v-47323bf2] {
\n
background: #7ED321;
\n
}
\n
.mxxy .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem[data-v-47323bf2] {
\n
width: 43.2vw;
\n
margin-top: 4.8vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
padding-bottom: 4.8vw;
\n
}
\n
.mxxy .content .contentItem img[data-v-47323bf2] {
\n
width: 100%;
\n
}
\n
.mxxy .content .contentItem .text[data-v-47323bf2] {
\n
color: #999999;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
padding: 2.66666667vw 4vw 0;
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 3.73333333vw;
\n
color: black;
\n
text-align: left;
\n
width: 50%;
\n
}
\n
.mxxy .content .contentItem .tip[data-v-47323bf2] {
\n
color: #999999;
\n
padding: 0 4vw;
\n
text-align: left;
\n
margin-top: 1.06666667vw;
\n
font-size: 3.2vw;
\n
}
\n
.btn-block[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
padding: 0 5.33333333vw 3.2vw;
\n
background: white;
\n
-ms-flex-pack: distribute;
\n
justify-content: space-around;
\n
-webkit-justify-content: space-around;
\n
width: 89.33333333vw;
\n
}
\n
.btn-block .btn[data-v-47323bf2] {
\n
width: 28vw;
\n
height: 11.73333333vw;
\n
border-radius: 3.2vw;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
position: relative;
\n
}
\n
.btn-block .btn .nolook[data-v-47323bf2] {
\n
position: absolute;
\n
top: -1.33333333vw;
\n
left: -1.33333333vw;
\n
background: #ff4d4f;
\n
width: 4.26666667vw;
\n
height: 4.26666667vw;
\n
color: white;
\n
border-radius: 2.13333333vw;
\n
text-align: center;
\n
font-size: 3.2vw;
\n
line-height: 4.26666667vw;
\n
}
\n
.btn-block .btn img[data-v-47323bf2] {
\n
width: 28vw;
\n
height: 11.73333333vw;
\n
}
\n
.btn-block .toPreview[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -16.8vw;
\n
background-size: 100% ;
\n
}
\n
.btn-block .toBbda[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png');
\n
background-size: 100%;
\n
}
\n
.btn-block .toCollection[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -34.13333333vw;
\n
background-size: 100%;
\n
}
\n
.btn-block .toTeacher[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -50.93333333vw;
\n
background-size: 100%;
\n
}
\n
.orderBox[data-v-47323bf2] {
\n
position: relative;
\n
padding: 0 5.33333333vw 3.2vw;
\n
background: white;
\n
}
\n
.orderBox .item[data-v-47323bf2]:first-child {
\n
position: relative;
\n
z-index: 1000;
\n
background: white;
\n
}
\n
.orderBox .item[data-v-47323bf2] {
\n
-webkit-box-shadow: 1px 2px 7px 0px #ffd2cf;
\n
box-shadow: 1px 2px 7px 0px #ffd2cf;
\n
border-radius: 4.26666667vw;
\n
}
\n
.orderBox .item .top[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
padding: 4vw 2.66666667vw;
\n
}
\n
.orderBox .item .top img[data-v-47323bf2] {
\n
width: 19.73333333vw;
\n
height: 19.73333333vw;
\n
border-radius: 2.66666667vw;
\n
}
\n
.orderBox .item .top .info[data-v-47323bf2] {
\n
padding-left: 2.66666667vw;
\n
}
\n
.orderBox .item .top .info h3[data-v-47323bf2] {
\n
font-size: 4vw;
\n
color: #333333;
\n
}
\n
.orderBox .item .top .info p[data-v-47323bf2] {
\n
font-size: 3.46666667vw;
\n
color: #666666;
\n
}
\n
.orderBox .item .top .info p span[data-v-47323bf2] {
\n
color: #FF7171;
\n
}
\n
.orderBox .item .line[data-v-47323bf2] {
\n
height: 0;
\n
border-bottom: 1px solid #E2E2E2;
\n
}
\n
.orderBox .item .bottom[data-v-47323bf2] {
\n
padding: 1.06666667vw 2.13333333vw;
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.orderBox .item .bottom .text[data-v-47323bf2] {
\n
height: 9.06666667vw;
\n
line-height: 9.06666667vw;
\n
color: #333333;
\n
font-size: 3.46666667vw;
\n
}
\n
.orderBox .item .bottom .btn[data-v-47323bf2] {
\n
width: 21.33333333vw;
\n
height: 9.06666667vw;
\n
background: #FF7171;
\n
color: white;
\n
border-radius: 4.53333333vw;
\n
font-size: 4vw;
\n
line-height: 9.06666667vw;
\n
text-align: center;
\n
}
\n
.orderBox .imgbox[data-v-47323bf2] {
\n
position: absolute;
\n
z-index: 1000;
\n
top: -25.06666667vw;
\n
left: 18.66666667vw;
\n
}
\n
.orderBox .imgbox img[data-v-47323bf2] {
\n
width: 69.6vw;
\n
}
\n
.orderBox .imgbox .text[data-v-47323bf2] {
\n
color: white;
\n
position: absolute;
\n
top: 8vw;
\n
left: 2.66666667vw;
\n
font-size: 4.53333333vw;
\n
}
\n
.orderBox .shadow[data-v-47323bf2] {
\n
position: fixed;
\n
bottom: 0;
\n
left: 0;
\n
top: 0;
\n
background: black;
\n
opacity: 0.6;
\n
width: 100%;
\n
z-index: 999;
\n
}
\n
.lesson-block[data-v-47323bf2] {
\n
padding-bottom: 5.33333333vw;
\n
}
\n
.lesson-block .goods-block[data-v-47323bf2] {
\n
position: relative;
\n
width: 89.33333333vw;
\n
}
\n
.lesson-block .goods-block .tips[data-v-47323bf2] {
\n
display: inline-block;
\n
font-size: 3.2vw;
\n
font-family: PingFang-SC-Bold;
\n
font-weight: normal;
\n
color: #ffffff;
\n
line-height: 4.53333333vw;
\n
padding: 0.53333333vw 1.33333333vw;
\n
position: absolute;
\n
right: 2.66666667vw;
\n
top: 3.2vw;
\n
background: #f5a623;
\n
border-radius: 2.93333333vw;
\n
}
\n
.lesson-block .goods-block img[data-v-47323bf2] {
\n
width: 89.33333333vw;
\n
height: 62.93333333vw;
\n
border-radius: 2.13333333vw;
\n
}
\n
.class-block[data-v-47323bf2] {
\n
margin-top: 2.66666667vw;
\n
font-family: PingFang-SC-Medium;
\n
font-size: 4.8vw;
\n
color: #333333;
\n
text-align: center;
\n
background: white;
\n
}
\n
.class-block .title[data-v-47323bf2] {
\n
padding: 2.13333333vw;
\n
position: relative;
\n
}
\n
.class-block .title .more[data-v-47323bf2] {
\n
position: absolute;
\n
width: 8vw;
\n
bottom: 2.66666667vw;
\n
right: 5.33333333vw;
\n
}
\n
@media screen and (min-width: 600px) {
\n
.index[data-v-47323bf2] {
\n
background: #F5F5F9;
\n
padding-bottom: 4.8828125vw;
\n
}
\n
.padTop[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
-ms-flex-pack: distribute;
\n
justify-content: space-around;
\n
display: -webkit-flex;
\n
-webkit-justify-content: space-around;
\n
background: white;
\n
}
\n
.padTop .btn-block[data-v-47323bf2] {
\n
display: block;
\n
padding: 1.46484375vw 4.1015625vw 0 2.9296875vw;
\n
background: white;
\n
-webkit-justify-content: space-around;
\n
width: 26.171875vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.padTop .btn-block .btn[data-v-47323bf2] {
\n
width: 19.140625vw;
\n
height: 15.72265625vw;
\n
border-radius: 2.34375vw;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
margin-bottom: 1.953125vw;
\n
position: relative;
\n
background: #ff9c6e;
\n
}
\n
.padTop .btn-block .btn .nolook[data-v-47323bf2] {
\n
position: absolute;
\n
top: -0.48828125vw;
\n
left: -0.48828125vw;
\n
background: #ff4d4f;
\n
width: 2.5390625vw;
\n
height: 2.5390625vw;
\n
color: white;
\n
border-radius: 1.26953125vw;
\n
text-align: center;
\n
font-size: 1.171875vw;
\n
line-height: 2.5390625vw;
\n
}
\n
.padTop .btn-block .btn img[data-v-47323bf2] {
\n
width: 19.140625vw;
\n
height: 15.72265625vw;
\n
}
\n
.padTop .btn-block .toPreview[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 0;
\n
background-size: 100% ;
\n
}
\n
.padTop .btn-block .toBbda[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -52.734375vw;
\n
background-size: 100% ;
\n
}
\n
.padTop .btn-block .toCollection[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -17.578125vw;
\n
background-size: 100% ;
\n
}
\n
.padTop .btn-block .toTeacher[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -35.15625vw;
\n
background-size: 100% ;
\n
}
\n
.padTop .banner-block[data-v-47323bf2] {
\n
width: 73.828125vw;
\n
height: 51.26953125vw;
\n
position: relative;
\n
background: white;
\n
padding: 1.3671875vw 2.9296875vw 1.953125vw 4.1015625vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
margin: 0;
\n
}
\n
.padTop .banner-block .bgimg[data-v-47323bf2] {
\n
position: absolute;
\n
width: 69.7265625vw;
\n
z-index: 2;
\n
}
\n
.padTop .banner-block .content[data-v-47323bf2] {
\n
position: absolute;
\n
z-index: 3;
\n
height: 51.26953125vw;
\n
width: 69.7265625vw;
\n
border-radius: 2.9296875vw;
\n
overflow: hidden;
\n
}
\n
.padTop .banner-block .Banner[data-v-47323bf2] {
\n
border-radius: 3.22265625vw;
\n
overflow: hidden;
\n
position: relative;
\n
height: 51.26953125vw;
\n
width: 69.7265625vw;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.padTop .banner-block .Banner .qr[data-v-47323bf2] {
\n
width: 25.09765625vw;
\n
position: absolute;
\n
left: 22.4609375vw;
\n
top: 5.859375vw;
\n
z-index: 2;
\n
}
\n
.padTop .banner-block .Banner .text[data-v-47323bf2] {
\n
font-size: 2.5390625vw;
\n
color: #FF4D4F;
\n
text-align: center;
\n
position: absolute;
\n
top: 32.32421875vw;
\n
width: 100%;
\n
font-weight: 500;
\n
}
\n
.padTop .banner-block .Banner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 2.9296875vw;
\n
width: 100%;
\n
font-size: 2.1484375vw;
\n
}
\n
.padTop .banner-block .Banner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 14.0625vw;
\n
height: 14.0625vw;
\n
position: absolute;
\n
right: -7.6171875vw;
\n
top: -6.25vw;
\n
-webkit-transform: rotate(-41deg);
\n
transform: rotate(-41deg);
\n
z-index: 3;
\n
}
\n
.padTop .banner-block .Banner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
font-size: 18 px;
\n
-webkit-transform: rotate(91deg);
\n
transform: rotate(91deg);
\n
position: absolute;
\n
top: 6.0546875vw;
\n
font-size: 1.7578125vw;
\n
}
\n
.padTop .banner-block .unBanner[data-v-47323bf2] {
\n
border-radius: 3.22265625vw;
\n
overflow: hidden;
\n
height: 51.26953125vw;
\n
width: 69.7265625vw;
\n
position: relative;
\n
background: #ff7d77;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.padTop .banner-block .unBanner .title[data-v-47323bf2] {
\n
position: absolute;
\n
color: white;
\n
top: 3.41796875vw;
\n
left: 1.953125vw;
\n
}
\n
.padTop .banner-block .unBanner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 6.4453125vw;
\n
padding-top: 0.9765625vw;
\n
border-radius: 5.46875vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
background: #FFC53D;
\n
left: 4.39453125vw;
\n
font-size: 1.3671875vw;
\n
width: 31.640625vw;
\n
height: 11.328125vw;
\n
}
\n
.padTop .banner-block .unBanner .date .date1[data-v-47323bf2] {
\n
font-size: 2.9296875vw;
\n
}
\n
.padTop .banner-block .unBanner .date .date2[data-v-47323bf2] {
\n
font-size: 3.3203125vw;
\n
}
\n
.padTop .banner-block .unBanner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 14.0625vw;
\n
height: 14.0625vw;
\n
position: absolute;
\n
right: -7.6171875vw;
\n
top: -6.25vw;
\n
-webkit-transform: rotate(-41deg);
\n
transform: rotate(-41deg);
\n
z-index: 3;
\n
}
\n
.padTop .banner-block .unBanner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
-webkit-transform: rotate(91deg);
\n
transform: rotate(91deg);
\n
position: absolute;
\n
top: 6.640625vw;
\n
font-size: 1.7578125vw;
\n
}
\n
.padTop .banner-block .canvas[data-v-47323bf2] {
\n
width: 69.921875vw;
\n
z-index: 2;
\n
}
\n
.contentBox[data-v-47323bf2] {
\n
padding: 1.953125vw 4.1015625vw 1.953125vw;
\n
background: white;
\n
margin: 0.9765625vw 0;
\n
}
\n
.contentBox .commonTitle[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
vertical-align: top;
\n
}
\n
.contentBox .commonTitle .line[data-v-47323bf2] {
\n
height: 1.953125vw;
\n
width: 0.390625vw;
\n
border-radius: 0.1953125vw;
\n
margin-right: 0.9765625vw;
\n
margin: auto 0.9765625vw auto 0;
\n
}
\n
.contentBox .commonTitle .more[data-v-47323bf2] {
\n
height: 3.22265625vw;
\n
line-height: 4.19921875vw;
\n
font-size: 1.171875vw;
\n
color: #666666;
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
overflow: hidden;
\n
}
\n
.contentBox .commonTitle .more .iconfont[data-v-47323bf2] {
\n
font-size: 1.3671875vw;
\n
color: #666666;
\n
}
\n
.contentBox .commonTitle .title[data-v-47323bf2] {
\n
font-size: 2.34375vw;
\n
height: 3.22265625vw;
\n
line-height: 3.22265625vw;
\n
display: inline-block;
\n
margin-right: 0.9765625vw;
\n
font-weight: bold;
\n
}
\n
.contentBox .commonTitle .tip[data-v-47323bf2] {
\n
font-size: 1.171875vw;
\n
color: #999999;
\n
height: 3.22265625vw;
\n
display: inline-block;
\n
line-height: 4.19921875vw;
\n
overflow: hidden;
\n
}
\n
.contentBox .lookData[data-v-47323bf2] {
\n
font-size: 1.171875vw;
\n
}
\n
.contentBox .lookData .iconfont[data-v-47323bf2] {
\n
font-size: 1.171875vw;
\n
}
\n
.med .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
-webkit-flex-wrap: wrap;
\n
height: 29.19921875vw;
\n
}
\n
.med .content .contentItem[data-v-47323bf2] {
\n
width: auto;
\n
height: 25.09765625vw;
\n
margin-top: 1.7578125vw;
\n
margin-right: 1.85546875vw;
\n
position: relative;
\n
}
\n
.med .content .contentItem img[data-v-47323bf2] {
\n
width: 14.2578125vw;
\n
height: 14.2578125vw;
\n
position: absolute;
\n
top: 0;
\n
left: 3.61328125vw;
\n
border-radius: 7.12890625vw;
\n
}
\n
.med .content .contentItem .white[data-v-47323bf2] {
\n
position: absolute;
\n
background: white;
\n
width: 2.5390625vw;
\n
height: 2.5390625vw;
\n
border-radius: 1.26953125vw;
\n
top: 6.00585938vw;
\n
left: 9.5703125vw;
\n
}
\n
.med .content .contentItem .text[data-v-47323bf2] {
\n
width: 21.484375vw;
\n
height: 20.01953125vw;
\n
margin-top: 7.03125vw;
\n
color: #999999;
\n
padding-top: 8.7890625vw;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 1.5625vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.med .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 1.7578125vw;
\n
color: black;
\n
}
\n
.med .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 1.3671875vw;
\n
line-height: 2.9296875vw;
\n
}
\n
.med .content .contentItem[data-v-47323bf2]:nth-child(4) {
\n
margin-right: 0;
\n
}
\n
.qm .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
-webkit-justify-content: space-between;
\n
}
\n
.qm .content .contentItem[data-v-47323bf2] {
\n
width: 44.921875vw;
\n
margin-top: 1.7578125vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 1.5625vw;
\n
overflow: hidden;
\n
}
\n
.qm .content .contentItem img[data-v-47323bf2] {
\n
width: 44.921875vw;
\n
height: auto;
\n
}
\n
.qm .content .contentItem .text[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
width: 100%;
\n
color: #999999;
\n
padding: 1.85546875vw 1.46484375vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.qm .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 1.46484375vw;
\n
color: black;
\n
}
\n
.qm .content .contentItem .text .line[data-v-47323bf2] {
\n
border-right: 0.09765625vw solid #999999;
\n
height: 1.953125vw;
\n
margin: 0 0.9765625vw;
\n
}
\n
.qm .content .contentItem .text .lookData[data-v-47323bf2] {
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
}
\n
.qm .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 1.26953125vw;
\n
}
\n
.mxxy .commonTitle .line[data-v-47323bf2] {
\n
background: #7ED321;
\n
}
\n
.mxxy .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
-webkit-flex-wrap: wrap;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
-webkit-justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem[data-v-47323bf2] {
\n
width: 21.58203125vw;
\n
margin-top: 1.7578125vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 1.5625vw;
\n
overflow: hidden;
\n
padding-bottom: 1.7578125vw;
\n
}
\n
.mxxy .content .contentItem img[data-v-47323bf2] {
\n
width: 100%;
\n
}
\n
.mxxy .content .contentItem .text[data-v-47323bf2] {
\n
color: #999999;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
padding: 0.9765625vw 1.46484375vw 0;
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 1.7578125vw;
\n
color: black;
\n
text-align: left;
\n
width: 50%;
\n
}
\n
.mxxy .content .contentItem .tip[data-v-47323bf2] {
\n
color: #999999;
\n
padding: 0 1.46484375vw;
\n
text-align: left;
\n
margin-top: 0.390625vw;
\n
font-size: 1.171875vw;
\n
}
\n
}
\n
@media screen and (min-width: 1200px) {
\n
.med .content .contentItem[data-v-47323bf2] {
\n
margin-right: 1.4vw;
\n
}
\n
}
\n
*[data-v-47323bf2] {
\n
margin: 0;
\n
}
\n
"
,
""
,{
version
:
3
,
sources
:[
"C:/Users/Administrator/Desktop/h5/wechat/src/components/index.vue"
],
names
:[],
mappings
:
"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AC7B;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,0BAA0B;CAC3B;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,4BAA4B;CAC7B;AACD;EACE,2BAA2B;CAC5B;AACD;EACE,eAAe;EACf,eAAe;CAChB;AACD;EACE,wBAAwB;EACxB,eAAe;CAChB;AACD;EACE,eAAe;CAChB;AACD;EACE,UAAU;EACV,iCAAiC;CAClC;AACD;EACE,mCAAmC;EACnC,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,0BAA0B;MACtB,uBAAuB;UACnB,+BAA+B;CACxC;AACD;EACE,qBAAqB;EACrB,0BAA0B;EAC1B,eAAe;EACf,wBAAwB;CACzB;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,oBAAoB;EACpB,aAAa;EACb,4BAA4B;EAC5B,eAAe;EACf,0BAA0B;EAC1B,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,cAAc;EACd,oBAAoB;EACpB,oBAAoB;CACrB;AACD;EACE,cAAc;CACf;AACD;EACE,aAAa;EACb,mBAAmB;EACnB,SAAS;EACT,mBAAmB;EACnB,wBAAwB;CACzB;AACD;EACE,gBAAgB;EAChB,UAAU;EACV,QAAQ;EACR,OAAO;EACP,kBAAkB;EAClB,aAAa;EACb,YAAY;EACZ,aAAa;CACd;AACD;EACE,6BAA6B;CAC9B;AACD;EACE,mBAAmB;EACnB,qBAAqB;CACtB;AACD;EACE,sBAAsB;EACtB,iBAAiB;EACjB,8BAA8B;EAC9B,oBAAoB;EACpB,eAAe;EACf,0BAA0B;EAC1B,mCAAmC;EACnC,mBAAmB;EACnB,oBAAoB;EACpB,WAAW;EACX,oBAAoB;EACpB,4BAA4B;CAC7B;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,4BAA4B;CAC7B;AACD;EACE,yBAAyB;EACzB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;EACf,mBAAmB;EACnB,kBAAkB;CACnB;AACD;EACE,sBAAsB;EACtB,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,WAAW;EACX,qBAAqB;EACrB,o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qBAAqB;IACrB,cAAc;IACd,sBAAsB;IACtB,YAAY;IACZ,eAAe;IACf,mCAAmC;IACnC,+BAA+B;YACvB,uBAAuB;CAClC;AACD;IACI,wBAAwB;IACxB,aAAa;CAChB;AACD;IACI,yCAAyC;IACzC,mBAAmB;IACnB,sBAAsB;CACzB;AACD;IACI,oBAAoB;QAChB,YAAY;YACR,QAAQ;IAChB,kBAAkB;CACrB;AACD;IACI,wBAAwB;CAC3B;AACD;IACI,oBAAoB;CACvB;AACD;IACI,qBAAqB;IACrB,qBAAqB;IACrB,cAAc;IACd,sBAAsB;IACtB,mBAAmB;IACnB,oBAAoB;QAChB,gBAAgB;IACpB,wBAAwB;IACxB,0BAA0B;QACtB,uBAAuB;YACnB,+BAA+B;IACvC,uCAAuC;CAC1C;AACD;IACI,qBAAqB;IACrB,wBAAwB;IACxB,mBAAmB;IACnB,iFAAiF;YACzE,yEAAyE;IACjF,wBAAwB;IACxB,iBAAiB;IACjB,4BAA4B;CAC/B;AACD;IACI,YAAY;CACf;AACD;IACI,eAAe;IACf,+BAA+B;YACvB,uBAAuB;IAC/B,oCAAoC;IACpC,qBAAqB;IACrB,qBAAqB;IACrB,cAAc;IACd,sBAAsB;IACtB,0BAA0B;QACtB,uBAAuB;YACnB,+BAA+B;CAC1C;AACD;IACI,uBAAuB;IACvB,aAAa;IACb,iBAAiB;IACjB,WAAW;CACd;AACD;IACI,eAAe;IACf,wBAAwB;IACxB,iBAAiB;IACjB,uBAAuB;IACvB,sBAAsB;CACzB;CACA;AACD;AACA;IACI,oBAAoB;CACvB;CACA;AACD;EACE,UAAU;CACX"
,
file
:
"index.vue"
,
sourcesContent
:[
"
\n
.fl-r[data-v-47323bf2] {
\n
float: right;
\n
}
\n
.main-block[data-v-47323bf2] {
\n
margin: 5px;
\n
background: white;
\n
padding: 5px;
\n
}
\n
.clear-both[data-v-47323bf2]:after {
\n
content: '';
\n
display: block;
\n
clear: both;
\n
}
\n
[data-v-47323bf2]::-webkit-scrollbar-track-piece {
\n
border-radius: 10px;
\n
}
\n
[data-v-47323bf2]::-webkit-scrollbar {
\n
width: 5px;
\n
height: 5px;
\n
}
\n
[data-v-47323bf2]::-webkit-scrollbar-thumb {
\n
background-color: #999;
\n
border-radius: 10px;
\n
min-height: 10px;
\n
}
\n
.index[data-v-47323bf2] {
\n
background: #F5F5F9;
\n
padding-bottom: 13.33333333vw;
\n
}
\n
.banner-block[data-v-47323bf2] {
\n
width: 89.33333333vw;
\n
height: 65.6vw;
\n
position: relative;
\n
background: white;
\n
padding: 3.73333333vw 5.33333333vw 5.33333333vw;
\n
margin: 0;
\n
}
\n
.banner-block .bgimg[data-v-47323bf2] {
\n
position: absolute;
\n
width: 89.33333333vw;
\n
z-index: 0;
\n
}
\n
.banner-block .canvas[data-v-47323bf2] {
\n
width: 89.6vw;
\n
z-index: 2;
\n
}
\n
.banner-block .content[data-v-47323bf2] {
\n
position: absolute;
\n
z-index: 1;
\n
height: 65.6vw;
\n
width: 89.33333333vw;
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
}
\n
.banner-block .Banner[data-v-47323bf2] {
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
position: relative;
\n
height: 65.6vw;
\n
width: 89.33333333vw;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.banner-block .Banner .qr[data-v-47323bf2] {
\n
width: 33.6vw;
\n
position: absolute;
\n
left: 27.73333333vw;
\n
top: 5.33333333vw;
\n
z-index: 2;
\n
}
\n
.banner-block .Banner .text[data-v-47323bf2] {
\n
font-size: 4.26666667vw;
\n
color: #FF4D4F;
\n
text-align: center;
\n
position: absolute;
\n
top: 40.8vw;
\n
width: 100%;
\n
font-weight: 600;
\n
}
\n
.banner-block .Banner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 2.13333333vw;
\n
width: 100%;
\n
font-size: 3.2vw;
\n
}
\n
.banner-block .Banner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 27.73333333vw;
\n
height: 27.73333333vw;
\n
position: absolute;
\n
right: -12.26666667vw;
\n
top: -16.53333333vw;
\n
-webkit-transform: rotate(-50deg);
\n
transform: rotate(-50deg);
\n
z-index: 3;
\n
}
\n
.banner-block .Banner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
font-size: 3.73333333vw;
\n
-webkit-transform: rotate(91deg);
\n
transform: rotate(91deg);
\n
position: absolute;
\n
top: 13.86666667vw;
\n
font-size: 3.46666667vw;
\n
}
\n
.banner-block .unBanner[data-v-47323bf2] {
\n
border-radius: 6.66666667vw;
\n
overflow: hidden;
\n
height: 65.6vw;
\n
width: 89.33333333vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.banner-block .unBanner .title[data-v-47323bf2] {
\n
position: absolute;
\n
color: white;
\n
top: 9.33333333vw;
\n
left: 5.33333333vw;
\n
}
\n
.banner-block .unBanner .title .title1[data-v-47323bf2] {
\n
font-size: 5.33333333vw;
\n
}
\n
.banner-block .unBanner .title .title2[data-v-47323bf2] {
\n
font-size: 9.6vw;
\n
}
\n
.banner-block .unBanner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 8vw;
\n
padding-top: 2.66666667vw;
\n
border-radius: 7.46666667vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
background: #FFC53D;
\n
-webkit-animation: myfirst-data-v-47323bf2 3s linear infinite;
\n
animation: myfirst-data-v-47323bf2 3s linear infinite;
\n
left: 5.33333333vw;
\n
font-size: 3.73333333vw;
\n
width: 40.53333333vw;
\n
height: 14.93333333vw;
\n
}
\n
.banner-block .unBanner .date .date1[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.banner-block .unBanner .date .date2[data-v-47323bf2] {
\n
font-size: 4.26666667vw;
\n
}
\n
@-webkit-keyframes myfirst-data-v-47323bf2 {
\n
0% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
50% {
\n
-webkit-transform: scale(1.1);
\n
transform: scale(1.1);
\n
}
\n
100% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
}
\n
@keyframes myfirst-data-v-47323bf2 {
\n
0% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
50% {
\n
-webkit-transform: scale(1.1);
\n
transform: scale(1.1);
\n
}
\n
100% {
\n
-webkit-transform: scale(1);
\n
transform: scale(1);
\n
}
\n
}
\n
.banner-block .unBanner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 27.73333333vw;
\n
height: 27.73333333vw;
\n
position: absolute;
\n
right: -12.26666667vw;
\n
top: -16.53333333vw;
\n
-webkit-transform: rotate(-50deg);
\n
transform: rotate(-50deg);
\n
}
\n
.banner-block .unBanner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
font-size: 3.73333333vw;
\n
-webkit-transform: rotate(85deg);
\n
transform: rotate(85deg);
\n
position: absolute;
\n
top: 14.4vw;
\n
font-size: 3.46666667vw;
\n
bottom: 19.73333333vw;
\n
}
\n
.contentBox[data-v-47323bf2] {
\n
padding: 2.66666667vw 5.33333333vw;
\n
background: white;
\n
margin: 2.66666667vw 0;
\n
}
\n
.contentBox .commonTitle[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
vertical-align: top;
\n
}
\n
.contentBox .commonTitle .line[data-v-47323bf2] {
\n
height: 5.33333333vw;
\n
width: 1.06666667vw;
\n
border-radius: 0.53333333vw;
\n
margin-right: 2.66666667vw;
\n
margin: auto 2.66666667vw auto 0;
\n
}
\n
.contentBox .commonTitle .more[data-v-47323bf2] {
\n
height: 8.8vw;
\n
line-height: 11.46666667vw;
\n
font-size: 3.2vw;
\n
color: #666666;
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
overflow: hidden;
\n
}
\n
.contentBox .commonTitle .more .iconfont[data-v-47323bf2] {
\n
font-size: 3.73333333vw;
\n
color: #666666;
\n
}
\n
.contentBox .commonTitle .title[data-v-47323bf2] {
\n
font-size: 6.4vw;
\n
height: 8.8vw;
\n
line-height: 8.8vw;
\n
display: inline-block;
\n
margin-right: 2.66666667vw;
\n
font-weight: bold;
\n
}
\n
.contentBox .commonTitle .tip[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
color: #999999;
\n
height: 8.8vw;
\n
display: inline-block;
\n
line-height: 11.46666667vw;
\n
overflow: hidden;
\n
}
\n
.contentBox .lookData[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.contentBox .lookData .iconfont[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.med .commonTitle .line[data-v-47323bf2] {
\n
background: #4A90E2;
\n
}
\n
.med .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
height: 56.53333333vw;
\n
overflow: hidden;
\n
}
\n
.med .content .contentItem[data-v-47323bf2] {
\n
width: 50%;
\n
height: 50.93333333vw;
\n
margin-top: 4.8vw;
\n
position: relative;
\n
}
\n
.med .content .contentItem img[data-v-47323bf2] {
\n
width: 28.53333333vw;
\n
height: 28.53333333vw;
\n
position: absolute;
\n
top: 0;
\n
left: 7.2vw;
\n
border-radius: 14.13333333vw;
\n
}
\n
.med .content .contentItem .white[data-v-47323bf2] {
\n
position: absolute;
\n
background: white;
\n
width: 5.33333333vw;
\n
height: 5.33333333vw;
\n
border-radius: 2.66666667vw;
\n
top: 11.6vw;
\n
left: 18.8vw;
\n
}
\n
.med .content .contentItem .text[data-v-47323bf2] {
\n
width: 42.93333333vw;
\n
height: 42.93333333vw;
\n
margin-top: 8vw;
\n
color: #999999;
\n
padding-top: 24vw;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 4.26666667vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.med .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 3.73333333vw;
\n
color: black;
\n
}
\n
.med .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
line-height: 4.53333333vw;
\n
}
\n
.qm .commonTitle .line[data-v-47323bf2] {
\n
background: #FF7875;
\n
}
\n
.qm .content[data-v-47323bf2] {
\n
text-align: center;
\n
}
\n
.qm .content .contentItem[data-v-47323bf2] {
\n
margin-top: 4.8vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
}
\n
.qm .content .contentItem img[data-v-47323bf2] {
\n
width: 89.33333333vw;
\n
height: 40vw;
\n
}
\n
.qm .content .contentItem .text[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
width: 89.33333333vw;
\n
color: #999999;
\n
padding: 5.06666667vw 4vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.qm .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
color: black;
\n
}
\n
.qm .content .contentItem .text .line[data-v-47323bf2] {
\n
border-right: 0.26666667vw solid #999999;
\n
height: 5.33333333vw;
\n
margin: 0 2.66666667vw;
\n
}
\n
.qm .content .contentItem .text .lookData[data-v-47323bf2] {
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
}
\n
.qm .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 3.2vw;
\n
}
\n
.mxxy .commonTitle .line[data-v-47323bf2] {
\n
background: #7ED321;
\n
}
\n
.mxxy .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem[data-v-47323bf2] {
\n
width: 43.2vw;
\n
margin-top: 4.8vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 4.26666667vw;
\n
overflow: hidden;
\n
padding-bottom: 4.8vw;
\n
}
\n
.mxxy .content .contentItem img[data-v-47323bf2] {
\n
width: 100%;
\n
}
\n
.mxxy .content .contentItem .text[data-v-47323bf2] {
\n
color: #999999;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
padding: 2.66666667vw 4vw 0;
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 3.73333333vw;
\n
color: black;
\n
text-align: left;
\n
width: 50%;
\n
}
\n
.mxxy .content .contentItem .tip[data-v-47323bf2] {
\n
color: #999999;
\n
padding: 0 4vw;
\n
text-align: left;
\n
margin-top: 1.06666667vw;
\n
font-size: 3.2vw;
\n
}
\n
.btn-block[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
padding: 0 5.33333333vw 3.2vw;
\n
background: white;
\n
-ms-flex-pack: distribute;
\n
justify-content: space-around;
\n
-webkit-justify-content: space-around;
\n
width: 89.33333333vw;
\n
}
\n
.btn-block .btn[data-v-47323bf2] {
\n
width: 28vw;
\n
height: 11.73333333vw;
\n
border-radius: 3.2vw;
\n
-webkit-box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.26666667vw 0.53333333vw 1.33333333vw 0vw rgba(0, 0, 0, 0.2);
\n
position: relative;
\n
}
\n
.btn-block .btn .nolook[data-v-47323bf2] {
\n
position: absolute;
\n
top: -1.33333333vw;
\n
left: -1.33333333vw;
\n
background: #ff4d4f;
\n
width: 4.26666667vw;
\n
height: 4.26666667vw;
\n
color: white;
\n
border-radius: 2.13333333vw;
\n
text-align: center;
\n
font-size: 3.2vw;
\n
line-height: 4.26666667vw;
\n
}
\n
.btn-block .btn img[data-v-47323bf2] {
\n
width: 28vw;
\n
height: 11.73333333vw;
\n
}
\n
.btn-block .toPreview[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -16.8vw;
\n
background-size: 100% ;
\n
}
\n
.btn-block .toBbda[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png');
\n
background-size: 100%;
\n
}
\n
.btn-block .toCollection[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -34.13333333vw;
\n
background-size: 100%;
\n
}
\n
.btn-block .toTeacher[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_min.png') 0 -50.93333333vw;
\n
background-size: 100%;
\n
}
\n
.orderBox[data-v-47323bf2] {
\n
position: relative;
\n
padding: 0 5.33333333vw 3.2vw;
\n
background: white;
\n
}
\n
.orderBox .item[data-v-47323bf2]:first-child {
\n
position: relative;
\n
z-index: 1000;
\n
background: white;
\n
}
\n
.orderBox .item[data-v-47323bf2] {
\n
-webkit-box-shadow: 1px 2px 7px 0px #ffd2cf;
\n
box-shadow: 1px 2px 7px 0px #ffd2cf;
\n
border-radius: 4.26666667vw;
\n
}
\n
.orderBox .item .top[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
padding: 4vw 2.66666667vw;
\n
}
\n
.orderBox .item .top img[data-v-47323bf2] {
\n
width: 19.73333333vw;
\n
height: 19.73333333vw;
\n
border-radius: 2.66666667vw;
\n
}
\n
.orderBox .item .top .info[data-v-47323bf2] {
\n
padding-left: 2.66666667vw;
\n
}
\n
.orderBox .item .top .info h3[data-v-47323bf2] {
\n
font-size: 4vw;
\n
color: #333333;
\n
}
\n
.orderBox .item .top .info p[data-v-47323bf2] {
\n
font-size: 3.46666667vw;
\n
color: #666666;
\n
}
\n
.orderBox .item .top .info p span[data-v-47323bf2] {
\n
color: #FF7171;
\n
}
\n
.orderBox .item .line[data-v-47323bf2] {
\n
height: 0;
\n
border-bottom: 1px solid #E2E2E2;
\n
}
\n
.orderBox .item .bottom[data-v-47323bf2] {
\n
padding: 1.06666667vw 2.13333333vw;
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.orderBox .item .bottom .text[data-v-47323bf2] {
\n
height: 9.06666667vw;
\n
line-height: 9.06666667vw;
\n
color: #333333;
\n
font-size: 3.46666667vw;
\n
}
\n
.orderBox .item .bottom .btn[data-v-47323bf2] {
\n
width: 21.33333333vw;
\n
height: 9.06666667vw;
\n
background: #FF7171;
\n
color: white;
\n
border-radius: 4.53333333vw;
\n
font-size: 4vw;
\n
line-height: 9.06666667vw;
\n
text-align: center;
\n
}
\n
.orderBox .imgbox[data-v-47323bf2] {
\n
position: absolute;
\n
z-index: 1000;
\n
top: -25.06666667vw;
\n
left: 18.66666667vw;
\n
}
\n
.orderBox .imgbox img[data-v-47323bf2] {
\n
width: 69.6vw;
\n
}
\n
.orderBox .imgbox .text[data-v-47323bf2] {
\n
color: white;
\n
position: absolute;
\n
top: 8vw;
\n
left: 2.66666667vw;
\n
font-size: 4.53333333vw;
\n
}
\n
.orderBox .shadow[data-v-47323bf2] {
\n
position: fixed;
\n
bottom: 0;
\n
left: 0;
\n
top: 0;
\n
background: black;
\n
opacity: 0.6;
\n
width: 100%;
\n
z-index: 999;
\n
}
\n
.lesson-block[data-v-47323bf2] {
\n
padding-bottom: 5.33333333vw;
\n
}
\n
.lesson-block .goods-block[data-v-47323bf2] {
\n
position: relative;
\n
width: 89.33333333vw;
\n
}
\n
.lesson-block .goods-block .tips[data-v-47323bf2] {
\n
display: inline-block;
\n
font-size: 3.2vw;
\n
font-family: PingFang-SC-Bold;
\n
font-weight: normal;
\n
color: #ffffff;
\n
line-height: 4.53333333vw;
\n
padding: 0.53333333vw 1.33333333vw;
\n
position: absolute;
\n
right: 2.66666667vw;
\n
top: 3.2vw;
\n
background: #f5a623;
\n
border-radius: 2.93333333vw;
\n
}
\n
.lesson-block .goods-block img[data-v-47323bf2] {
\n
width: 89.33333333vw;
\n
height: 62.93333333vw;
\n
border-radius: 2.13333333vw;
\n
}
\n
.class-block[data-v-47323bf2] {
\n
margin-top: 2.66666667vw;
\n
font-family: PingFang-SC-Medium;
\n
font-size: 4.8vw;
\n
color: #333333;
\n
text-align: center;
\n
background: white;
\n
}
\n
.class-block .title[data-v-47323bf2] {
\n
padding: 2.13333333vw;
\n
position: relative;
\n
}
\n
.class-block .title .more[data-v-47323bf2] {
\n
position: absolute;
\n
width: 8vw;
\n
bottom: 2.66666667vw;
\n
right: 5.33333333vw;
\n
}
\n
@media screen and (min-width: 600px) {
\n
.index[data-v-47323bf2] {
\n
background: #F5F5F9;
\n
padding-bottom: 4.8828125vw;
\n
}
\n
.padTop[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
-ms-flex-pack: distribute;
\n
justify-content: space-around;
\n
display: -webkit-flex;
\n
-webkit-justify-content: space-around;
\n
background: white;
\n
}
\n
.padTop .btn-block[data-v-47323bf2] {
\n
display: block;
\n
padding: 1.46484375vw 4.1015625vw 0 2.9296875vw;
\n
background: white;
\n
-webkit-justify-content: space-around;
\n
width: 26.171875vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.padTop .btn-block .btn[data-v-47323bf2] {
\n
width: 19.140625vw;
\n
height: 15.72265625vw;
\n
border-radius: 2.34375vw;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
margin-bottom: 1.953125vw;
\n
position: relative;
\n
background: #ff9c6e;
\n
}
\n
.padTop .btn-block .btn .nolook[data-v-47323bf2] {
\n
position: absolute;
\n
top: -0.48828125vw;
\n
left: -0.48828125vw;
\n
background: #ff4d4f;
\n
width: 2.5390625vw;
\n
height: 2.5390625vw;
\n
color: white;
\n
border-radius: 1.26953125vw;
\n
text-align: center;
\n
font-size: 1.171875vw;
\n
line-height: 2.5390625vw;
\n
}
\n
.padTop .btn-block .btn img[data-v-47323bf2] {
\n
width: 19.140625vw;
\n
height: 15.72265625vw;
\n
}
\n
.padTop .btn-block .toPreview[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 0;
\n
background-size: 100% ;
\n
}
\n
.padTop .btn-block .toBbda[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -52.734375vw;
\n
background-size: 100% ;
\n
}
\n
.padTop .btn-block .toCollection[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -17.578125vw;
\n
background-size: 100% ;
\n
}
\n
.padTop .btn-block .toTeacher[data-v-47323bf2] {
\n
background: url('https://static-cdn.changchangenglish.com/new-sing/static/images/index_icon_max.png') 0 -35.15625vw;
\n
background-size: 100% ;
\n
}
\n
.padTop .banner-block[data-v-47323bf2] {
\n
width: 73.828125vw;
\n
height: 51.26953125vw;
\n
position: relative;
\n
background: white;
\n
padding: 1.3671875vw 2.9296875vw 1.953125vw 4.1015625vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
margin: 0;
\n
}
\n
.padTop .banner-block .bgimg[data-v-47323bf2] {
\n
position: absolute;
\n
width: 69.7265625vw;
\n
z-index: 2;
\n
}
\n
.padTop .banner-block .content[data-v-47323bf2] {
\n
position: absolute;
\n
z-index: 3;
\n
height: 51.26953125vw;
\n
width: 69.7265625vw;
\n
border-radius: 2.9296875vw;
\n
overflow: hidden;
\n
}
\n
.padTop .banner-block .Banner[data-v-47323bf2] {
\n
border-radius: 3.22265625vw;
\n
overflow: hidden;
\n
position: relative;
\n
height: 51.26953125vw;
\n
width: 69.7265625vw;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.padTop .banner-block .Banner .qr[data-v-47323bf2] {
\n
width: 25.09765625vw;
\n
position: absolute;
\n
left: 22.4609375vw;
\n
top: 5.859375vw;
\n
z-index: 2;
\n
}
\n
.padTop .banner-block .Banner .text[data-v-47323bf2] {
\n
font-size: 2.5390625vw;
\n
color: #FF4D4F;
\n
text-align: center;
\n
position: absolute;
\n
top: 32.32421875vw;
\n
width: 100%;
\n
font-weight: 500;
\n
}
\n
.padTop .banner-block .Banner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 2.9296875vw;
\n
width: 100%;
\n
font-size: 2.1484375vw;
\n
}
\n
.padTop .banner-block .Banner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 14.0625vw;
\n
height: 14.0625vw;
\n
position: absolute;
\n
right: -7.6171875vw;
\n
top: -6.25vw;
\n
-webkit-transform: rotate(-41deg);
\n
transform: rotate(-41deg);
\n
z-index: 3;
\n
}
\n
.padTop .banner-block .Banner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
font-size: 18 px;
\n
-webkit-transform: rotate(91deg);
\n
transform: rotate(91deg);
\n
position: absolute;
\n
top: 6.0546875vw;
\n
font-size: 1.7578125vw;
\n
}
\n
.padTop .banner-block .unBanner[data-v-47323bf2] {
\n
border-radius: 3.22265625vw;
\n
overflow: hidden;
\n
height: 51.26953125vw;
\n
width: 69.7265625vw;
\n
position: relative;
\n
background: #ff7d77;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
}
\n
.padTop .banner-block .unBanner .title[data-v-47323bf2] {
\n
position: absolute;
\n
color: white;
\n
top: 3.41796875vw;
\n
left: 1.953125vw;
\n
}
\n
.padTop .banner-block .unBanner .date[data-v-47323bf2] {
\n
color: white;
\n
text-align: center;
\n
position: absolute;
\n
bottom: 6.4453125vw;
\n
padding-top: 0.9765625vw;
\n
border-radius: 5.46875vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
background: #FFC53D;
\n
left: 4.39453125vw;
\n
font-size: 1.3671875vw;
\n
width: 31.640625vw;
\n
height: 11.328125vw;
\n
}
\n
.padTop .banner-block .unBanner .date .date1[data-v-47323bf2] {
\n
font-size: 2.9296875vw;
\n
}
\n
.padTop .banner-block .unBanner .date .date2[data-v-47323bf2] {
\n
font-size: 3.3203125vw;
\n
}
\n
.padTop .banner-block .unBanner .triangle[data-v-47323bf2] {
\n
background: #FFC53D;
\n
width: 14.0625vw;
\n
height: 14.0625vw;
\n
position: absolute;
\n
right: -7.6171875vw;
\n
top: -6.25vw;
\n
-webkit-transform: rotate(-41deg);
\n
transform: rotate(-41deg);
\n
z-index: 3;
\n
}
\n
.padTop .banner-block .unBanner .triangle span[data-v-47323bf2] {
\n
color: white;
\n
-webkit-transform: rotate(91deg);
\n
transform: rotate(91deg);
\n
position: absolute;
\n
top: 6.640625vw;
\n
font-size: 1.7578125vw;
\n
}
\n
.padTop .banner-block .canvas[data-v-47323bf2] {
\n
width: 69.921875vw;
\n
z-index: 2;
\n
}
\n
.contentBox[data-v-47323bf2] {
\n
padding: 1.953125vw 4.1015625vw 1.953125vw;
\n
background: white;
\n
margin: 0.9765625vw 0;
\n
}
\n
.contentBox .commonTitle[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
vertical-align: top;
\n
}
\n
.contentBox .commonTitle .line[data-v-47323bf2] {
\n
height: 1.953125vw;
\n
width: 0.390625vw;
\n
border-radius: 0.1953125vw;
\n
margin-right: 0.9765625vw;
\n
margin: auto 0.9765625vw auto 0;
\n
}
\n
.contentBox .commonTitle .more[data-v-47323bf2] {
\n
height: 3.22265625vw;
\n
line-height: 4.19921875vw;
\n
font-size: 1.171875vw;
\n
color: #666666;
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
overflow: hidden;
\n
}
\n
.contentBox .commonTitle .more .iconfont[data-v-47323bf2] {
\n
font-size: 1.3671875vw;
\n
color: #666666;
\n
}
\n
.contentBox .commonTitle .title[data-v-47323bf2] {
\n
font-size: 2.34375vw;
\n
height: 3.22265625vw;
\n
line-height: 3.22265625vw;
\n
display: inline-block;
\n
margin-right: 0.9765625vw;
\n
font-weight: bold;
\n
}
\n
.contentBox .commonTitle .tip[data-v-47323bf2] {
\n
font-size: 1.171875vw;
\n
color: #999999;
\n
height: 3.22265625vw;
\n
display: inline-block;
\n
line-height: 4.19921875vw;
\n
overflow: hidden;
\n
}
\n
.contentBox .lookData[data-v-47323bf2] {
\n
font-size: 1.171875vw;
\n
}
\n
.contentBox .lookData .iconfont[data-v-47323bf2] {
\n
font-size: 1.171875vw;
\n
}
\n
.med .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
-webkit-flex-wrap: wrap;
\n
height: 29.19921875vw;
\n
}
\n
.med .content .contentItem[data-v-47323bf2] {
\n
width: auto;
\n
height: 25.09765625vw;
\n
margin-top: 1.7578125vw;
\n
margin-right: 1.85546875vw;
\n
position: relative;
\n
}
\n
.med .content .contentItem img[data-v-47323bf2] {
\n
width: 14.2578125vw;
\n
height: 14.2578125vw;
\n
position: absolute;
\n
top: 0;
\n
left: 3.61328125vw;
\n
border-radius: 7.12890625vw;
\n
}
\n
.med .content .contentItem .white[data-v-47323bf2] {
\n
position: absolute;
\n
background: white;
\n
width: 2.5390625vw;
\n
height: 2.5390625vw;
\n
border-radius: 1.26953125vw;
\n
top: 6.00585938vw;
\n
left: 9.5703125vw;
\n
}
\n
.med .content .contentItem .text[data-v-47323bf2] {
\n
width: 21.484375vw;
\n
height: 20.01953125vw;
\n
margin-top: 7.03125vw;
\n
color: #999999;
\n
padding-top: 8.7890625vw;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 1.5625vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.med .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 1.7578125vw;
\n
color: black;
\n
}
\n
.med .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 1.3671875vw;
\n
line-height: 2.9296875vw;
\n
}
\n
.med .content .contentItem[data-v-47323bf2]:nth-child(4) {
\n
margin-right: 0;
\n
}
\n
.qm .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
-webkit-justify-content: space-between;
\n
}
\n
.qm .content .contentItem[data-v-47323bf2] {
\n
width: 44.921875vw;
\n
margin-top: 1.7578125vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 1.5625vw;
\n
overflow: hidden;
\n
}
\n
.qm .content .contentItem img[data-v-47323bf2] {
\n
width: 44.921875vw;
\n
height: auto;
\n
}
\n
.qm .content .contentItem .text[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
width: 100%;
\n
color: #999999;
\n
padding: 1.85546875vw 1.46484375vw;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
}
\n
.qm .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 1.46484375vw;
\n
color: black;
\n
}
\n
.qm .content .contentItem .text .line[data-v-47323bf2] {
\n
border-right: 0.09765625vw solid #999999;
\n
height: 1.953125vw;
\n
margin: 0 0.9765625vw;
\n
}
\n
.qm .content .contentItem .text .lookData[data-v-47323bf2] {
\n
-webkit-box-flex: 1;
\n
-ms-flex: 1;
\n
flex: 1;
\n
text-align: right;
\n
}
\n
.qm .content .contentItem .text .enTitle[data-v-47323bf2] {
\n
font-size: 1.26953125vw;
\n
}
\n
.mxxy .commonTitle .line[data-v-47323bf2] {
\n
background: #7ED321;
\n
}
\n
.mxxy .content[data-v-47323bf2] {
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
text-align: center;
\n
-ms-flex-wrap: wrap;
\n
flex-wrap: wrap;
\n
-webkit-flex-wrap: wrap;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
-webkit-justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem[data-v-47323bf2] {
\n
width: 21.58203125vw;
\n
margin-top: 1.7578125vw;
\n
position: relative;
\n
-webkit-box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
box-shadow: 0.09765625vw 0.1953125vw 0.48828125vw 0vw rgba(0, 0, 0, 0.2);
\n
border-radius: 1.5625vw;
\n
overflow: hidden;
\n
padding-bottom: 1.7578125vw;
\n
}
\n
.mxxy .content .contentItem img[data-v-47323bf2] {
\n
width: 100%;
\n
}
\n
.mxxy .content .contentItem .text[data-v-47323bf2] {
\n
color: #999999;
\n
-webkit-box-sizing: border-box;
\n
box-sizing: border-box;
\n
padding: 0.9765625vw 1.46484375vw 0;
\n
display: -webkit-box;
\n
display: -ms-flexbox;
\n
display: flex;
\n
display: -webkit-flex;
\n
-webkit-box-pack: justify;
\n
-ms-flex-pack: justify;
\n
justify-content: space-between;
\n
}
\n
.mxxy .content .contentItem .text .title[data-v-47323bf2] {
\n
font-size: 1.7578125vw;
\n
color: black;
\n
text-align: left;
\n
width: 50%;
\n
}
\n
.mxxy .content .contentItem .tip[data-v-47323bf2] {
\n
color: #999999;
\n
padding: 0 1.46484375vw;
\n
text-align: left;
\n
margin-top: 0.390625vw;
\n
font-size: 1.171875vw;
\n
}
\n
}
\n
@media screen and (min-width: 1200px) {
\n
.med .content .contentItem[data-v-47323bf2] {
\n
margin-right: 1.4vw;
\n
}
\n
}
\n
*[data-v-47323bf2] {
\n
margin: 0;
\n
}
\n
"
],
sourceRoot
:
""
}])},
xofo
:
function
(
n
,
t
,
e
){
var
o
=
e
(
"fRWU"
);
"string"
==
typeof
o
&&
(
o
=
[[
n
.
i
,
o
,
""
]]),
o
.
locals
&&
(
n
.
exports
=
o
.
locals
);
e
(
"rjj0"
)(
"053c4a4f"
,
o
,
!
1
,{})}});
\ No newline at end of file
dev/static/js/manifest.
862bdde8ecfa95495503
.js
→
dev/static/js/manifest.
d2e4c50cf7af3d0e7bec
.js
View file @
cb1cf486
!
function
(
e
){
var
c
=
window
.
webpackJsonp
;
window
.
webpackJsonp
=
function
(
n
,
t
,
f
){
for
(
var
o
,
d
,
b
,
i
=
0
,
u
=
[];
i
<
n
.
length
;
i
++
)
d
=
n
[
i
],
r
[
d
]
&&
u
.
push
(
r
[
d
][
0
]),
r
[
d
]
=
0
;
for
(
o
in
t
)
Object
.
prototype
.
hasOwnProperty
.
call
(
t
,
o
)
&&
(
e
[
o
]
=
t
[
o
]);
for
(
c
&&
c
(
n
,
t
,
f
);
u
.
length
;)
u
.
shift
()();
if
(
f
)
for
(
i
=
0
;
i
<
f
.
length
;
i
++
)
b
=
a
(
a
.
s
=
f
[
i
]);
return
b
};
var
n
=
{},
r
=
{
34
:
0
};
function
a
(
c
){
if
(
n
[
c
])
return
n
[
c
].
exports
;
var
r
=
n
[
c
]
=
{
i
:
c
,
l
:
!
1
,
exports
:{}};
return
e
[
c
].
call
(
r
.
exports
,
r
,
r
.
exports
,
a
),
r
.
l
=!
0
,
r
.
exports
}
a
.
e
=
function
(
e
){
var
c
=
r
[
e
];
if
(
0
===
c
)
return
new
Promise
(
function
(
e
){
e
()});
if
(
c
)
return
c
[
2
];
var
n
=
new
Promise
(
function
(
n
,
a
){
c
=
r
[
e
]
=
[
n
,
a
]});
c
[
2
]
=
n
;
var
t
=
document
.
getElementsByTagName
(
"head"
)[
0
],
f
=
document
.
createElement
(
"script"
);
f
.
type
=
"text/javascript"
,
f
.
charset
=
"utf-8"
,
f
.
async
=!
0
,
f
.
timeout
=
12
e4
,
a
.
nc
&&
f
.
setAttribute
(
"nonce"
,
a
.
nc
),
f
.
src
=
a
.
p
+
"static/js/"
+
e
+
"."
+
{
0
:
"45a25b564a1d9d0780f1"
,
1
:
"712a57ff738f6f79064f"
,
2
:
"88eb6979ee991170dd43"
,
3
:
"49b5451bf0ef02f66b49"
,
4
:
"973d1cc7b086ea345be4"
,
5
:
"09e142b4a9093fd2d98c"
,
6
:
"ecff242195849c51892f"
,
7
:
"75e6c06eb09e98ab3b3f"
,
8
:
"96e00676211b990557c0"
,
9
:
"c0fbc0b19b1857f63c48"
,
10
:
"827fb93ad16992519742"
,
11
:
"b2db1db9ac9ab09a90ef"
,
12
:
"20990e7a965aa0c5c0b4"
,
13
:
"d9b69084d108cefea655"
,
14
:
"d478ab3287fedb08f004"
,
15
:
"4d1c0a4b96843b0dced9"
,
16
:
"12cc93e73c71922dca3a"
,
17
:
"205c3c21ebcb4df60d2b"
,
18
:
"1953d2930aae0ad3e34e"
,
19
:
"9ce5c5235725211384e3"
,
20
:
"768213446401f107d3dd"
,
21
:
"81b8f5f4ff3a42b5e563"
,
22
:
"18aa9096fdaa1b39e26d"
,
23
:
"abd000c2d42590325658"
,
24
:
"7d513d80b42dc2d2f825"
,
25
:
"4fdd6bc434a0df6dc787"
,
26
:
"f688ad0a42f7f2456842"
,
27
:
"70e17fb44e1bb5b2e2bd"
,
28
:
"30feeb113b054e94eca0"
,
29
:
"05cc55c2ed39ea616f21"
,
30
:
"2e9330178c4953f41110"
,
31
:
"54c444f6bf2000ad2de9"
}[
e
]
+
".js"
;
var
o
=
setTimeout
(
d
,
12
e4
);
function
d
(){
f
.
onerror
=
f
.
onload
=
null
,
clearTimeout
(
o
);
var
c
=
r
[
e
];
0
!==
c
&&
(
c
&&
c
[
1
](
new
Error
(
"Loading chunk "
+
e
+
" failed."
)),
r
[
e
]
=
void
0
)}
return
f
.
onerror
=
f
.
onload
=
d
,
t
.
appendChild
(
f
),
n
},
a
.
m
=
e
,
a
.
c
=
n
,
a
.
d
=
function
(
e
,
c
,
n
){
a
.
o
(
e
,
c
)
||
Object
.
defineProperty
(
e
,
c
,{
configurable
:
!
1
,
enumerable
:
!
0
,
get
:
n
})},
a
.
n
=
function
(
e
){
var
c
=
e
&&
e
.
__esModule
?
function
(){
return
e
.
default
}:
function
(){
return
e
};
return
a
.
d
(
c
,
"a"
,
c
),
c
},
a
.
o
=
function
(
e
,
c
){
return
Object
.
prototype
.
hasOwnProperty
.
call
(
e
,
c
)},
a
.
p
=
""
,
a
.
oe
=
function
(
e
){
throw
console
.
error
(
e
),
e
}}([]);
\ No newline at end of file
!
function
(
e
){
var
c
=
window
.
webpackJsonp
;
window
.
webpackJsonp
=
function
(
n
,
f
,
t
){
for
(
var
o
,
d
,
b
,
i
=
0
,
u
=
[];
i
<
n
.
length
;
i
++
)
d
=
n
[
i
],
r
[
d
]
&&
u
.
push
(
r
[
d
][
0
]),
r
[
d
]
=
0
;
for
(
o
in
f
)
Object
.
prototype
.
hasOwnProperty
.
call
(
f
,
o
)
&&
(
e
[
o
]
=
f
[
o
]);
for
(
c
&&
c
(
n
,
f
,
t
);
u
.
length
;)
u
.
shift
()();
if
(
t
)
for
(
i
=
0
;
i
<
t
.
length
;
i
++
)
b
=
a
(
a
.
s
=
t
[
i
]);
return
b
};
var
n
=
{},
r
=
{
34
:
0
};
function
a
(
c
){
if
(
n
[
c
])
return
n
[
c
].
exports
;
var
r
=
n
[
c
]
=
{
i
:
c
,
l
:
!
1
,
exports
:{}};
return
e
[
c
].
call
(
r
.
exports
,
r
,
r
.
exports
,
a
),
r
.
l
=!
0
,
r
.
exports
}
a
.
e
=
function
(
e
){
var
c
=
r
[
e
];
if
(
0
===
c
)
return
new
Promise
(
function
(
e
){
e
()});
if
(
c
)
return
c
[
2
];
var
n
=
new
Promise
(
function
(
n
,
a
){
c
=
r
[
e
]
=
[
n
,
a
]});
c
[
2
]
=
n
;
var
f
=
document
.
getElementsByTagName
(
"head"
)[
0
],
t
=
document
.
createElement
(
"script"
);
t
.
type
=
"text/javascript"
,
t
.
charset
=
"utf-8"
,
t
.
async
=!
0
,
t
.
timeout
=
12
e4
,
a
.
nc
&&
t
.
setAttribute
(
"nonce"
,
a
.
nc
),
t
.
src
=
a
.
p
+
"static/js/"
+
e
+
"."
+
{
0
:
"45a25b564a1d9d0780f1"
,
1
:
"712a57ff738f6f79064f"
,
2
:
"88eb6979ee991170dd43"
,
3
:
"49b5451bf0ef02f66b49"
,
4
:
"973d1cc7b086ea345be4"
,
5
:
"09e142b4a9093fd2d98c"
,
6
:
"ecff242195849c51892f"
,
7
:
"75e6c06eb09e98ab3b3f"
,
8
:
"96e00676211b990557c0"
,
9
:
"c0fbc0b19b1857f63c48"
,
10
:
"827fb93ad16992519742"
,
11
:
"b2db1db9ac9ab09a90ef"
,
12
:
"20990e7a965aa0c5c0b4"
,
13
:
"d9b69084d108cefea655"
,
14
:
"d478ab3287fedb08f004"
,
15
:
"6a476701edef14401c95"
,
16
:
"12cc93e73c71922dca3a"
,
17
:
"205c3c21ebcb4df60d2b"
,
18
:
"1953d2930aae0ad3e34e"
,
19
:
"9ce5c5235725211384e3"
,
20
:
"768213446401f107d3dd"
,
21
:
"81b8f5f4ff3a42b5e563"
,
22
:
"18aa9096fdaa1b39e26d"
,
23
:
"abd000c2d42590325658"
,
24
:
"7d513d80b42dc2d2f825"
,
25
:
"4fdd6bc434a0df6dc787"
,
26
:
"f688ad0a42f7f2456842"
,
27
:
"70e17fb44e1bb5b2e2bd"
,
28
:
"30feeb113b054e94eca0"
,
29
:
"05cc55c2ed39ea616f21"
,
30
:
"27016f398ace46e3fe07"
,
31
:
"54c444f6bf2000ad2de9"
}[
e
]
+
".js"
;
var
o
=
setTimeout
(
d
,
12
e4
);
function
d
(){
t
.
onerror
=
t
.
onload
=
null
,
clearTimeout
(
o
);
var
c
=
r
[
e
];
0
!==
c
&&
(
c
&&
c
[
1
](
new
Error
(
"Loading chunk "
+
e
+
" failed."
)),
r
[
e
]
=
void
0
)}
return
t
.
onerror
=
t
.
onload
=
d
,
f
.
appendChild
(
t
),
n
},
a
.
m
=
e
,
a
.
c
=
n
,
a
.
d
=
function
(
e
,
c
,
n
){
a
.
o
(
e
,
c
)
||
Object
.
defineProperty
(
e
,
c
,{
configurable
:
!
1
,
enumerable
:
!
0
,
get
:
n
})},
a
.
n
=
function
(
e
){
var
c
=
e
&&
e
.
__esModule
?
function
(){
return
e
.
default
}:
function
(){
return
e
};
return
a
.
d
(
c
,
"a"
,
c
),
c
},
a
.
o
=
function
(
e
,
c
){
return
Object
.
prototype
.
hasOwnProperty
.
call
(
e
,
c
)},
a
.
p
=
""
,
a
.
oe
=
function
(
e
){
throw
console
.
error
(
e
),
e
}}([]);
\ No newline at end of file
src/components/index.vue
View file @
cb1cf486
...
...
@@ -60,7 +60,7 @@
</div>
</div>
<div
class=
"orderBox"
v-if=
"orderList&&orderList.length"
>
<div
class=
"item"
v-for=
"(data,index) in orderList"
@
click=
"goDetail(index)"
>
<div
class=
"item
groupItem"
ref=
"groupItem
"
v-for=
"(data,index) in orderList"
@
click=
"goDetail(index)"
>
<div
class=
"top"
>
<img
:src=
"data.goods_desc.img[0].url"
alt=
""
>
<div
class=
"info"
>
...
...
@@ -76,7 +76,7 @@
</div>
</div>
<div
class=
"shadow"
v-if=
"!pt&&orderList.length"
@
click=
"pt=true"
></div>
<div
class=
"imgbox
"
v-if=
"!pt&&orderList.length"
@
click=
"pt=true
"
>
<div
class=
"imgbox
groupItem"
ref=
"groupIcon"
v-if=
"!pt&&orderList.length"
@
click=
"goDetail(0)
"
>
<div
class=
"text"
>
快去邀请好友完成拼团吧~
</div>
...
...
@@ -217,6 +217,8 @@ export default {
},
methods
:
{
goDetail
(
index
){
this
.
$sa
.
quick
(
'trackHeatMap'
,
this
.
$refs
.
groupItem
)
this
.
$sa
.
quick
(
'trackHeatMap'
,
this
.
$refs
.
groupIcon
)
this
.
$router
.
push
({
name
:
'success'
,
query
:{
...
...
@@ -224,7 +226,7 @@ export default {
}
});
sessionStorage
.
setItem
(
'pt'
,
true
);
},
},
onReachBottom
(){
},
toShop
(){
...
...
src/components/order.vue
View file @
cb1cf486
...
...
@@ -193,7 +193,7 @@
}
.listBox{padding: 15*@toVw;}
.list{
box-shadow:
0px 3*@toVw 8*@toVw 0px rgba(0,0,0,0.06
);
box-shadow:
1px 3*@toVw 8*@toVw 0px rgba(0,0,0,0.1
);
border-radius:15*@toVw;
overflow: hidden;
.bg-img{
...
...
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
