shyaf-artist-platform-miniapp/pages/settled/index/index.wxss

/* pages/settled/index/index.wxss */
.page-settled{
    padding:0 60rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 100vh;
}
.page-settled .item-box{
    width: 100%;
}

.page-settled .item{
    position: relative;
    height:210rpx;
    background:rgba(255,255,255,1);
    border:3rpx solid rgba(247,249,250,1);
    font-size: 40rpx;
    margin-bottom: 44rpx;
    display: flex;
    align-items: center;
}

.page-settled .item .item-content{
    flex: 1;
    display: flex;
    align-items: center;
    padding-right: 10rpx;
    overflow: hidden;
}
.page-settled .item .item-content .name{
    margin-bottom: 10rpx;
}
.page-settled .item .item-content .info{
    color: #9B9B9B;
    font-size: 28rpx;
    font-family:PingFangSC-Regular,PingFang SC;
}

.page-settled .item:hover,
.page-settled .item.selected{
    border:3rpx solid rgba(22,22,22,1);
}
.page-settled .item.selected .icon-after,
.page-settled .item:hover .icon-after{
    position: absolute;
    top:50%;
    right:50rpx;
    transform: translate(0,-90%);
    display: block;
    width:64rpx;
    height:64rpx;
}

.page-settled .item .icon{
    display: inline-block;
    vertical-align: middle;
    width: 158rpx;
    height: 210rpx;
    margin-right: 25rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-settled .item .icon-01,
.page-settled .item .icon-02,
.page-settled .item .icon-03{
    width: 100%;
    height: 100%;
}