yuminge-app/yun-min-program-plugin-master/packageH/consumerReward/consumerRewardIndex/consumerRewardIndex.wxss

133 lines
2.1 KiB
Plaintext

/* packageH/consumerReward/consumerRewardIndex/consumerRewardIndex.wxss */
view,
text {
box-sizing: border-box;
}
page {
background: #fff;
}
.r_top_box {
width: 100%;
height: 5.594rem;
background-color: #ee2e2b;
padding: 1.69rem 1.56rem 2.09rem 1.56rem;
display: flex;
align-items: center;
}
.r_top_box .image {
width: 2.88rem;
height: 2.88rem;
margin-right: 0.69rem;
}
.r_top_box .image image {
width: 2.88rem;
height: 2.88rem;
background-color: #000;
border-radius: 50%;
}
.r_top_box .r_top_box_name {
font-size: 1rem;
color: #fff;
text-align: left;
}
.esp {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 0.969rem;
padding-right: 0.938rem;
color: #fff;
width: 100%;
height: 1.75rem;
background-color: #fb6868;
font-size: 0.75rem;
}
.count {
display: flex;
align-items: center;
height: 2.844rem;
padding-left: 0.875rem;
font-size: 1rem;
color: #333;
font-weight: 500;
background: #fff;
}
.count .price {
color: #ee2e2b;
}
.hr {
width: 100%;
height: 0.625rem;
background-color: #ebebeb;
}
.listTitle {
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 0.875rem;
text-align: center;
color: #ee2e2b;
}
.listItems {
padding: 0 0.875rem;
}
.listItems .listItem {
display: flex;
justify-content: space-between;
height: 3.65rem;
border-bottom: 0.063rem solid #ebebeb;
}
.listItems .listItem .desc {
display: flex;
flex-direction: column;
justify-content: space-evenly;
text-align: left;
}
.listItems .listItem .desc .order {
font-size: 0.813rem;
color: #333;
}
.listItems .listItem .desc .time {
font-size: 0.75rem;
color: #8c8c8c;
}
.listItems .listItem .price {
display: flex;
align-items: center;
font-size: 1rem;
color: #f15353;
}
.withdraw-box {
display: flex;
justify-content: space-between;
padding: 0 28rpx;
}
.withdraw-box .withdraw-btn {
height: 48rpx;
line-height: 48rpx;
background: #ee2e2b;
color: #fff;
padding: 0 16rpx;
font-size: 12px;
border-radius: 8rpx;
display: flex;
align-items: center;
}