Files
qingcheng-xiaochengxu/pages/course/courseDetail/courseDetail.wxss

130 lines
2.1 KiB
Plaintext
Raw Normal View History

2025-06-25 15:44:12 +08:00
.mt-9 {
margin-top: 16.88rpx;
}
2025-07-20 18:22:59 +08:00
.mt-37 {
margin-top: 69.38rpx;
2025-06-25 15:44:12 +08:00
}
.mt-1 {
margin-top: 1.88rpx;
}
.page {
background-color: #f6f7f9;
2025-07-20 18:22:59 +08:00
padding-bottom: 100rpx;
2025-06-25 15:44:12 +08:00
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
2025-07-20 18:22:59 +08:00
.image {
width: 100vw;
height: 54.75vw;
2025-06-25 15:44:12 +08:00
}
2025-07-20 18:22:59 +08:00
.section {
padding: 37.5rpx 11.25rpx 30rpx 18.75rpx;
2025-06-25 15:44:12 +08:00
background-color: #ffffff;
}
2025-07-20 18:22:59 +08:00
.group {
2025-06-25 15:44:12 +08:00
padding: 0 3.75rpx;
}
2025-07-20 18:22:59 +08:00
.group_2 {
2025-06-25 15:44:12 +08:00
line-height: 28.8rpx;
height: 30.58rpx;
}
2025-07-20 18:22:59 +08:00
.text {
2025-06-25 15:44:12 +08:00
color: #f84947;
font-size: 37.5rpx;
font-family: SourceHanSansCN;
font-weight: 700;
line-height: 28.8rpx;
}
2025-07-20 18:22:59 +08:00
.group_3 {
2025-06-25 15:44:12 +08:00
margin-right: 453.75rpx;
width: 75.02rpx;
}
.divider {
background-color: #8c8c8c;
width: 75.02rpx;
height: 1.88rpx;
}
.pos {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
}
2025-07-20 18:22:59 +08:00
.text_4 {
2025-06-25 15:44:12 +08:00
color: #000000;
font-size: 33.75rpx;
font-family: SourceHanSansCN;
line-height: 41.25rpx;
}
2025-07-20 18:22:59 +08:00
.section_2 {
2025-06-25 15:44:12 +08:00
padding: 0 30rpx 52.5rpx;
background-color: #ffffff;
}
2025-07-20 18:22:59 +08:00
.group_4 {
2025-06-25 15:44:12 +08:00
padding: 26.25rpx 0;
}
2025-07-20 18:22:59 +08:00
.image_2 {
2025-06-25 15:44:12 +08:00
width: 39.38rpx;
height: 39.38rpx;
}
2025-07-20 18:22:59 +08:00
.font {
2025-06-25 15:44:12 +08:00
font-size: 26.25rpx;
font-family: SourceHanSansCN;
2025-07-20 18:22:59 +08:00
line-height: 25.97rpx;
2025-06-25 15:44:12 +08:00
}
2025-07-20 18:22:59 +08:00
.text_3 {
width: 100rpx;
color: #8c8c8c;
2025-06-25 15:44:12 +08:00
line-height: 31.88rpx;
word-break: break-all;
}
.text_2 {
2025-07-20 18:22:59 +08:00
color: #f84947;
line-height: 24.43rpx;
2025-06-25 15:44:12 +08:00
}
2025-07-20 18:22:59 +08:00
.text_5 {
color: #000000;
font-size: 28.13rpx;
2025-06-25 15:44:12 +08:00
}
2025-07-20 18:22:59 +08:00
.section_3 {
height: 791.25rpx;
/* 以下是新增 */
white-space: normal; /* 允许换行 */
word-break: break-all; /* 在任意字符处断行,数字也会换行 */
2025-06-25 15:44:12 +08:00
}
2025-07-20 18:22:59 +08:00
.section_4 {
2025-06-25 15:44:12 +08:00
padding: 15rpx 26.25rpx;
background-color: #ffffff;
2025-07-20 18:22:59 +08:00
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 999; /* 确保它在最上层 */
2025-06-25 15:44:12 +08:00
}
2025-07-20 18:22:59 +08:00
2025-06-25 15:44:12 +08:00
.image_3 {
width: 52.5rpx;
height: 52.5rpx;
}
2025-07-20 18:22:59 +08:00
.text_7 {
2025-06-25 15:44:12 +08:00
color: #000000;
2025-07-20 18:22:59 +08:00
font-size: 22.5rpx;
font-family: SourceHanSansCN;
2025-06-25 15:44:12 +08:00
line-height: 20.94rpx;
}
2025-07-20 18:22:59 +08:00
.text-wrapper {
padding: 22.5rpx 0 18.75rpx;
background-color: #ff8d1a;
2025-06-25 15:44:12 +08:00
border-radius: 75rpx;
2025-07-20 18:22:59 +08:00
width: 268.13rpx;
2025-06-25 15:44:12 +08:00
height: 71.25rpx;
}
2025-07-20 18:22:59 +08:00
.text_6 {
color: #ffffff;
2025-06-25 15:44:12 +08:00
font-size: 30rpx;
font-family: SourceHanSansCN;
line-height: 28.11rpx;
2025-07-20 18:22:59 +08:00
}