yuminge-app/yun-min-program-plugin-master/packageE/regionalAwards/regionalAwards.wxss

132 lines
2.1 KiB
Plaintext

/* packageE/regionalAwards/regionalAwards.wxss */
view,
text {
box-sizing: border-box;
}
.header {
width: 100%;
height: 5.5rem;
background-color: #f15353;
display: flex;
align-items: center;
text-align: left;
color: #fff;
padding-left: 1.25rem;
}
.header .face {
width: 3rem;
height: 3rem;
background-color: #f15353;
border-radius: 50%;
border: solid 0.125rem #fff;
}
.header .face image {
width: 100%;
height: 100%;
border-radius: 50%;
}
.header .desc {
height: 2.8rem;
margin-left: 0.625rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.header .desc .name {
font-size: 1rem;
}
.header .desc .level {
font-size: 0.813rem;
}
.headerItems {
width: 100%;
height: 4.875rem;
display: flex;
align-items: center;
justify-content: space-evenly;
background-color: #fff;
}
.headerItems .headerItem .price {
color: #f15353;
font-size: 1rem;
font-weight: bold;
}
.headerItems .headerItem .desc {
margin-top: 0.3rem;
color: #333;
font-size: 0.75rem;
}
.spltBorder {
width: 100%;
height: 0.438rem;
background-color: #ebebeb;
}
.recordHeader {
width: 100%;
height: 2.5rem;
border-bottom: 0.063rem solid #ebebeb;
display: flex;
justify-content: center;
}
.recordHeader .recordTitle {
height: 2.5rem;
display: flex;
align-items: center;
font-size: 0.875rem;
color: #f15353;
padding: 0 1.313rem;
border-bottom: 0.188rem solid #f15353;
}
.recordList .recordItem {
height: 6rem;
padding: 1rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.recordList .recordItem .top {
display: flex;
justify-content: space-between;
font-size: 0.75rem;
}
.recordList .recordItem .top .c1 {
color: #202020;
}
.recordList .recordItem .top .c2 {
display: flex;
align-items: center;
color: #f15353;
}
.recordList .recordItem .opts {
display: flex;
justify-content: space-between;
}
.recordList .recordItem .opts .opt .price {
color: #333;
font-size: 0.938rem;
}
.recordList .recordItem .opts .opt .desc {
font-size: 0.75rem;
color: #666;
}