163 lines
2.4 KiB
Plaintext
163 lines
2.4 KiB
Plaintext
/* packageH/schoolCompany/schoolCompanyExtend/schoolCompanyExtend.wxss */
|
|
|
|
view,
|
|
text {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.header {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 194rpx;
|
|
background-color: #ee2e2b;
|
|
}
|
|
|
|
.header .info {
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 50rpx;
|
|
}
|
|
|
|
.header .info .face {
|
|
width: 92rpx;
|
|
height: 92rpx;
|
|
}
|
|
|
|
.header .info .face image {
|
|
width: 92rpx;
|
|
height: 92rpx;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.header .info .name {
|
|
padding-left: 20rpx;
|
|
font-size: 32rpx;
|
|
color: #fff;
|
|
}
|
|
|
|
.esp {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-left: 31rpx;
|
|
padding-right: 30rpx;
|
|
color: #fff;
|
|
width: 100%;
|
|
height: 72rpx;
|
|
background-color: #f14e4e;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.esp .iconfont {
|
|
display: flex;
|
|
}
|
|
|
|
.cumulative {
|
|
display: grid;
|
|
grid-template-columns: 1fr 2rpx 1fr;
|
|
align-items: center;
|
|
width: 690rpx;
|
|
height: 176rpx;
|
|
margin: 31rpx auto 19rpx;
|
|
background: #fff;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.cumulative .split {
|
|
width: 2rpx;
|
|
height: 109rpx;
|
|
background-color: #ffd5cd;
|
|
}
|
|
|
|
.cumulative .child {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.cumulative .child .price {
|
|
font-size: 36rpx;
|
|
font-weight: bold;
|
|
color: #fe5e56;
|
|
}
|
|
|
|
.cumulative .child .text {
|
|
font-size: 26rpx;
|
|
color: #333;
|
|
}
|
|
|
|
.specific {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-column-gap: 20rpx;
|
|
grid-row-gap: 20rpx;
|
|
width: 690rpx;
|
|
margin: 0 auto 29rpx;
|
|
}
|
|
|
|
.specific .child {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
height: 176rpx;
|
|
padding: 15rpx 23rpx 8rpx;
|
|
background: #fff;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.specific .child .c1 {
|
|
flex: 1;
|
|
font-size: 30rpx;
|
|
color: #202020;
|
|
}
|
|
|
|
.specific .child .c2 {
|
|
margin-top: 10rpx;
|
|
font-size: 24rpx;
|
|
color: #666;
|
|
}
|
|
|
|
.specific .child .c3 {
|
|
font-size: 36rpx;
|
|
color: #fe5e56;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.listData {
|
|
background: #fff;
|
|
}
|
|
|
|
.listData .item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 116rpx;
|
|
padding-left: 31rpx;
|
|
padding-right: 29rpx;
|
|
border-bottom: 2rpx solid #f3f3f3;
|
|
}
|
|
|
|
.listData .item .rt {
|
|
text-align: right;
|
|
}
|
|
|
|
.listData .item .c1 {
|
|
font-size: 30rpx;
|
|
color: #333;
|
|
}
|
|
|
|
.listData .item .c2 {
|
|
font-size: 24rpx;
|
|
color: #202020;
|
|
}
|
|
|
|
.listData .item .c3 {
|
|
font-size: 36rpx;
|
|
color: #f14e4e;
|
|
}
|
|
|
|
.listData .item .c4 {
|
|
font-size: 22rpx;
|
|
color: #666;
|
|
}
|