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.
158 lines
2.5 KiB
158 lines
2.5 KiB
3 years ago
|
/* 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;
|
||
|
|
}
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
.list-box{
|
||
|
|
width: 100%;
|
||
|
|
height: 162rpx;
|
||
|
|
padding: 0 62rpx 0 64rpx;
|
||
|
|
box-shadow: 6rpx 0rpx 24rpx rgba(0, 0, 0, 0.16);
|
||
|
|
}
|
||
|
|
.list-box image{
|
||
|
|
width: 96rpx;
|
||
|
|
height: 96rpx;
|
||
|
|
}
|
||
|
|
.list-box text{
|
||
|
|
font-size: 32rpx;
|
||
|
|
font-weight: 500;
|
||
|
|
color: #4A4A4A;
|
||
|
|
}
|