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

152 lines
2.8 KiB
Plaintext

#managementLis .lisBox {
margin: 30.08rpx;
background: #fff;
width: 689.92rpx;
background-color: #fff;
border-radius: 20.16rpx;
}
#managementLis .lisBox .lis {
margin: 0 22.08rpx 0 26.88rpx;
width: 198.08rpx;
display: flex;
flex-direction: column;
}
#managementLis .lisBox .lis:first-child {
margin-left: 0;
}
#managementLis .lisBox .lis:last-child {
margin-right: 0;
}
#managementLis .lisBox .lis .lisImg {
width: 198.08rpx;
height: 198.08rpx;
background-color: #8e8e8e;
border-radius: 9.92rpx;
position: relative;
}
#managementLis .lisBox .lis .lisMore {
width: 198.08rpx;
height: 198.08rpx;
border-radius: 9.92rpx;
position: relative;
}
#managementLis .lisBox .lis .lisMore .nextBox {
width: 100%;
height: 100%;
border-radius: 12.8rpx;
background: #f8f8f8;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#managementLis .lisBox .lis .lisMore .nextBox i {
font-size: 80rpx;
color: #d3d3d3;
}
#managementLis .lisBox .lis .lisMore .nextBox .text {
font-size: 24px;
color: #666;
}
#managementLis .lisBox .lis .lisImg image {
width: 100%;
height: 100%;
}
#managementLis .lisBox .lis .lisImg .posDiv {
position: absolute;
top: 0;
left: 0;
width: 121.92rpx;
height: 32.96rpx;
background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/exclusive@3x.png');
background-repeat: no-repeat;
background-size: contain;
font-size: 24rpx;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
#managementLis .lisBox .lis .lisBottom {
flex: 1;
padding: 28.16rpx 16.96rpx 6.08rpx 6.08rpx;
}
#managementLis .lisBox .lis .lisBottom .title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
font-size: 25.92rpx;
}
#managementLis .lisBox .lis .lisBottom .money {
text-align: left;
font-size: 24rpx;
color: #f14e4e;
}
#management {
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 38.08rpx 30.08rpx 30.08rpx 33.92rpx;
}
#management .mana_o {
width: 80rpx;
height: 80rpx;
border-radius: 50%;
margin-right: 22.08rpx;
}
#management .mana_o image {
width: 80rpx;
height: 80rpx;
border-radius: 50%;
}
#management .nameMana {
display: flex;
flex-direction: column;
}
#management .nameMana .nameMana_a {
font-size: 33.92rpx;
color: #333;
text-align: left;
}
#management .nameMana .nameMana_b {
font-size: 24rpx;
text-align: left;
color: #333;
}
#management .nameMana .nameMana_b .em {
color: #f14e4e;
}
#management .tapMana {
width: 150.08rpx;
height: 54.08rpx;
background-color: #f14e4e;
border-radius: 26.88rpx;
font-size: 24rpx;
color: #fff;
text-align: center;
line-height: 54.08rpx;
}