219 lines
4.7 KiB
Plaintext
219 lines
4.7 KiB
Plaintext
/* packageI/allowanceIndex/allowanceAchievement/allowanceAchievement.wxss */
|
|
#allowanceAchievement{
|
|
background-color: #f5f5f5;
|
|
}
|
|
.topbox {
|
|
width: 100%;
|
|
height: 120rpx;
|
|
background-color: #ee2e2b;
|
|
}
|
|
|
|
.listBox {
|
|
padding: 0 30.08rpx;
|
|
padding-bottom: 90rpx;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
}
|
|
.listBox .lis:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.moreGoodsSHow{
|
|
max-height: 230rpx;
|
|
}
|
|
.listBox .seleBox {
|
|
position: relative;
|
|
padding: 20.16rpx;
|
|
overflow: hidden;
|
|
background-color: #fff;
|
|
transition: 0.3s;
|
|
}
|
|
.listBox .seleBox .moreGoods {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
font-size: 22.08rpx;
|
|
color: #666666;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.listBox .seleBox .seleBoxList {
|
|
display: flex;
|
|
width: 100%;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
.listBox .seleBox .seleBoxList .seleList {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
font-size: 24rpx;
|
|
}
|
|
.listBox .seleBox .seleBoxList .seleList .price {
|
|
font-size: 22.08rpx;
|
|
color: #666666;
|
|
display: flex;
|
|
}
|
|
.listBox .seleBox .seleBoxList .seleList .price .num {
|
|
font-size: 22.08rpx;
|
|
color: #f15353;
|
|
}
|
|
.listBox .seleBox .seleBoxList .seleList .title {
|
|
text-align: left;
|
|
}
|
|
.listBox .seleBox .seleBoxList .goodImg {
|
|
width: 76.16rpx;
|
|
height: 76.16rpx;
|
|
border-radius: 4.16rpx;
|
|
margin-right: 14.08rpx;
|
|
}
|
|
.listBox .seleBox .seleBoxList .goodImg image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 4.16rpx;
|
|
}
|
|
.listBox .lis {
|
|
display: flex;
|
|
align-items: center;
|
|
border-bottom: 0.0313rem solid #ebebeb;
|
|
padding: 26.88rpx 0;
|
|
background: #ffffff;
|
|
padding-left: 16rpx;
|
|
}
|
|
.listBox .lis .no_listData {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.listBox .lis .no_listData .selectBtn {
|
|
color: #666666;
|
|
margin: 0 16rpx;
|
|
}
|
|
.listBox .lis .iconRever {
|
|
transform: rotate(270deg) !important;
|
|
}
|
|
.listBox .lis .listData {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
}
|
|
.listBox .lis .listData .listTop {
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.listBox .lis .listData .listTop .name {
|
|
font-size: 24rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
flex: 1;
|
|
text-align: left;
|
|
}
|
|
.listBox .lis .listData .listTop .order {
|
|
font-size: 22.08rpx;
|
|
}
|
|
.listBox .lis .listData .listBottom {
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin: 9.6rpx 0;
|
|
}
|
|
.listBox .lis .listData .listBottom .grade {
|
|
color: #666666;
|
|
font-size: 20.16rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
text-align: left;
|
|
}
|
|
.listBox .lis .listData .listBottom_right {
|
|
display: flex;
|
|
flex: 1;
|
|
justify-content: flex-end;
|
|
font-size: 20.16rpx;
|
|
}
|
|
.listBox .lis .listData .listBottom_right .order {
|
|
font-size: 20.16rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
flex: 1;
|
|
text-align: left;
|
|
margin-right: 19.2rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: flex;
|
|
}
|
|
.listBox .lis .listData .listBottom_right .order .price {
|
|
color: #f15353;
|
|
}
|
|
.listBox .lis .listData .listBottom_right .date {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
text-align: right;
|
|
color: #666666;
|
|
font-size: 20.16rpx;
|
|
}
|
|
.listBox .lis .img {
|
|
width: 60.16rpx;
|
|
height: 60.16rpx;
|
|
background-color: #f05152;
|
|
border-radius: 100%;
|
|
margin-right: 10.88rpx;
|
|
flex-shrink: 0;
|
|
}
|
|
.listBox .lis .img image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.contenbox {
|
|
width: 710.08rpx;
|
|
height: 144.96rpx;
|
|
background-color: #ffffff;
|
|
border-radius: 9.92rpx;
|
|
margin: 0 auto;
|
|
margin-top: -37.44rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
overflow: hidden;
|
|
margin-bottom: 20.16rpx;
|
|
}
|
|
.contenbox .contenLeft {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.contenbox .contenRight {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.contenbox .contenLeft_top {
|
|
font-size: 28.16rpx;
|
|
color: #f15353;
|
|
margin-bottom: 22.4rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.contenbox .contenLeft_top span {
|
|
color: #414141;
|
|
}
|
|
.contenbox .contenLeft_bottom {
|
|
font-size: 24rpx;
|
|
color: #666666;
|
|
}
|
|
.contenbox .line {
|
|
width: 0.96rpx;
|
|
height: 78.08rpx;
|
|
background-color: #e9e9e9;
|
|
} |