You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
145 lines
2.3 KiB
145 lines
2.3 KiB
/* pages/courseDetail/index.wxss */ |
|
.detail-page{ |
|
min-height: 100vh; |
|
background-color: #F5F5F5; |
|
font-size: 24rpx; |
|
} |
|
.subscribe{ |
|
width: 100%; |
|
height: 688rpx; |
|
} |
|
.subscribe,.introduse-box,.course-box{ |
|
background-color: #fff; |
|
} |
|
.subscribe image{ |
|
width: 100%; |
|
height: 432rpx; |
|
position: relative; |
|
display: block; |
|
|
|
} |
|
.title{ |
|
width: 100%; |
|
font-size: 96rpx; |
|
position: absolute; |
|
top: 76px; |
|
color: #fff; |
|
|
|
} |
|
.subscribe-con{ |
|
width: 100%; |
|
height: 256rpx; |
|
position: relative; |
|
right: 40rpx; |
|
padding-left: 80rpx; |
|
} |
|
|
|
.headline{ |
|
font-size: 36rpx; |
|
font-weight: 600; |
|
color: #4A4A4A; |
|
padding-top: 30rpx; |
|
} |
|
|
|
.subtitle{ |
|
font-weight: 400; |
|
color: #A5A5A5; |
|
padding-top: 8rpx; |
|
} |
|
.placeicon{ |
|
float: left; |
|
margin-top: 24rpx; |
|
} |
|
.placeicon image{ |
|
width: 21rpx; |
|
height: 25rpx; |
|
} |
|
.timeicon image{ |
|
width: 26rpx; |
|
height: 26rpx; |
|
margin-left: 30rpx; |
|
} |
|
.timeicon text,.placeicon text{ |
|
padding-left: 8rpx; |
|
color: #A5A5A5; |
|
font-weight: 400; |
|
} |
|
.timeicon{ |
|
margin-top: 24rpx; |
|
} |
|
.num{ |
|
color: #E19C01; |
|
margin-top: 16rpx; |
|
} |
|
.order-btn{ |
|
position: absolute; |
|
width: 216rpx; |
|
height: 64rpx; |
|
font-size: 36rpx; |
|
color: #FFFFFF; |
|
right: 0; |
|
bottom: 32rpx; |
|
background: linear-gradient(225deg, #FFD87D 0%, #E19C00 100%); |
|
border-radius: 40px; |
|
} |
|
|
|
.introduse-box{ |
|
width: 100%; |
|
height: 416rpx; |
|
margin-top: 20rpx; |
|
padding-left: 40rpx; |
|
display: none; |
|
} |
|
.teach{ |
|
padding-top: 28rpx; |
|
} |
|
.teach image{ |
|
width: 44rpx; |
|
height: 28rpx; |
|
} |
|
.teach text{ |
|
font-size: 28rpx; |
|
margin-left: 16rpx; |
|
|
|
} |
|
.introduce-name{ |
|
margin-top: 32rpx; |
|
} |
|
.introduce-name image{ |
|
width: 76rpx; |
|
height: 76rpx; |
|
margin-right: 18rpx; |
|
} |
|
.introduce-name view{ |
|
margin-bottom: 4rpx; |
|
font-size: 28rpx; |
|
color: #4A4A4A; |
|
} |
|
.name{ |
|
font-weight: 600; |
|
} |
|
.desc{ |
|
width: 672rpx; |
|
height: 102rpx; |
|
color: #989898; |
|
margin-top: 16rpx; |
|
} |
|
.course-box{ |
|
width: 100%; |
|
height: 976rpx; |
|
margin-top: 44rpx; |
|
padding: 0 40rpx; |
|
} |
|
.course-con{ |
|
background-color: #E7DBBD; |
|
margin: 12rpx 0 48rpx 0; |
|
} |
|
.course-con image{ |
|
width: 100%; |
|
height: 178rpx; |
|
} |
|
.course-con view{ |
|
color: #343434; |
|
padding: 8rpx 22rpx 18rpx 24rpx; |
|
} |
|
|
|
|