tf-business/user_module/memberManage/index.scss

.memberManage {
    width: 100vw;
    min-height: 100vh;
    background-color: rgb(247, 247, 247);
    padding: 32rpx;
    padding-bottom: 50rpx;
    box-sizing: border-box;
    .membere-title{
        margin-bottom: 16rpx;
        font-size: 32rpx;
        color: rgba(0, 0, 0, 0.9);
        font-weight: 600;
    }
    .membere-list{
        width: 100%;
        @include flex(center,column,32rpx);
        .member-item{
            width: 100%;
            height: 152rpx;
            padding: 30rpx 32rpx 0rpx 32rpx;
            box-sizing: border-box;
            border-radius: 16rpx;
            @include flex(space-between,column,null);
            background-color: #FFFFFF;
            .item-top{
                width: 100%;
                @include flex(flex-start,null,32rpx);
                .img-box{
                    width: 88rpx;
                    height: 88rpx;
                    image{
                        width: 100%;
                        height: 100%;
                        display: block;
                        border-radius: 50%
                    }
                }
                .text-box{
                    @include flex(space-between,column,8rpx);
                    align-items: flex-start;
                    .name{
                        @include flex(center,null,16rpx);
                        view{
                            &:nth-of-type(1){
                                color: rgba(0, 0, 0, 0.9);
                                font-weight: 600;
                                font-size: 28rpx;
                            }
                            &:nth-of-type(2){
                                color: #7F7F7F;
                                background: rgba(192, 192, 192, 0.3);
                                border-radius: 4rpx;
                                font-size: 24rpx;
                                padding: 0 16rpx;
                            }
                            &.tuan{
                                background: rgba(255, 194, 119, 0.3);
                                color: #D78100;
                            }
                            &.hehuo{
                                background: rgba(166, 215, 255, 0.3);
                                color: #1E7AEA;
                            }
                        }
                    }
                    .phone{
                        color: rgba(0, 0, 0, 0.4);
                        font-size: 24rpx;
                    }
                }
            }
            .item-bottom{
                width: 100%;
                height: 96rpx;
                border-top: 2rpx solid #E7E7E7;
                @include flex(center,null,172rpx);
                display: none;
                .bottom-contact{
                    @include flex(center,null,16rpx);
                    image{
                        width: 48rpx;
                        height: 48rpx;
                        display: block;
                        border-radius: 50%;
                    }
                    text{
                        font-size: 24rpx;
                        color: #3D3D3D;
                        font-size: 24rpx;
                    }
                }
            }
        }
    }
    .empty {
        margin-top: 96rpx;
        width: 100%;
        @include flex(flex-start, column, 32rpx);
        image {
          width: 320rpx;
          height: 320rpx;
          display: block;
        }
        text {
          font-weight: 600;
          font-size: 28rpx;
          color: rgba(0, 0, 0, 0.4);
        }
      }
}