bwj_wechat/pages/chatRoom/create.wxss

page {
    padding-bottom: 0 !important;
    overflow: hidden;
}

.box {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

/* 群聊名称 */
.group-name {
    display: flex;
    align-items: center;
    height: 84rpx;
    width: 100vw;
    background-color: #ffffff;
    flex-shrink: 0;
}

.group-name .name {
    position: relative;
    height: 44rpx;
    font-size: 32rpx;
    color: #000000;
    line-height: 44rpx;
    opacity: .47;
    margin-left: 40rpx;
    max-width: 630rpx;
}

.group-name .name input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
}

.group-name image {
    width: 26rpx;
    height: 32rpx;
    margin-left: 8rpx;
}

/* 搜索 */
.search {
    display: flex;
    align-items: center;
    width: 100vw;
    height: 90rpx;
    background-color: #ffffff;
    margin-top: 10rpx;
    flex-shrink: 0;
}

.search image {
    width: 22rpx;
    height: 22rpx;
    margin: 0 6rpx 0 44rpx;
}

.search input {
    height: 40rpx;
    font-size: 28rpx;
    line-height: 40rpx;
    width: 635rpx;
}

.search .users {
    display: flex;
    align-items: center;
    width: 575rpx;
    height: 100%;
    margin-left: 32rpx;
    overflow: hidden;
}

.search .userImg {
    width: 70rpx;
    height: 70rpx;
    border-radius: 50%;
    margin: 0;
    margin-left: 12rpx;
    margin-top: 8rpx;
}

.search .add-remove {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex: 1;
    height: 100%;
}

.search .add-remove .add-remove-img {
    width: 38rpx;
    height: 38rpx;
    margin: 0;
}

/* 折叠面板 */
.choose {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    background-color: #ffffff;
    margin-top: 10rpx;
    padding-top: 30rpx;
}

.choose .title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100vw;
    height: 44rpx;
    font-size: 32rpx;
    color: #000000;
    line-height: 44rpx;
    margin-bottom: 40rpx;
    padding-left: 40rpx;
    box-sizing: border-box;
    flex-shrink: 0;
}

.radio-group-class {
    margin-left: 20rpx;
}

.group-class {
    margin-top: 6rpx;
}

.van-radio-class {
    padding-left: 10rpx !important;
    font-size: 28rpx;
    font-weight: 400;
    color: #000000;
    opacity: .5;
}

.collapse-cus {
    width: 630rpx;
    margin: 0 auto;
    border: 0 !important;
}

.collapse-item {
    border: 0 !important;
}

.collapse-title {
    display: flex;
    align-items: center;
    height: 102rpx;
    font-size: 32rpx;
    color: #000000;
}

.collapse-icon {
    width: 28rpx;
    height: 28rpx;
}

/* 按钮 */
.vanBut {
    width: 716rpx;
    height: 84rpx;
    background: #4BBECF !important;
    border-radius: 10rpx !important;
    border: 0 !important;
    font-size: 32rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    color: #FFFFFF !important;
    flex-shrink: 0;
    margin-bottom: 60rpx;
}

/* 团队成员 */
.user-list-custom {
    margin-bottom: 20rpx;
}

.user-list-checkbox {
    padding-left: 36rpx;
}

.user-item {
    display: flex;
    align-items: center;
    height: 70rpx;
    width: 500rpx;
    font-size: 32rpx;
    color: #000000;
}

.user-item image {
    width: 70rpx;
    height: 70rpx;
    border-radius: 50%;
    margin-right: 20rpx;
}

.all {
    position: absolute;
    height: 60rpx;
    display: flex;
    align-items: center;
    bottom: 0;
    left: 40rpx;
    width: 100%;
    background-color: #ffffff;
}

/* 成员列表 */
.member-list {
    width: 670rpx;
    margin: 0 auto;
}

.member-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 130rpx;
    padding-left: 20rpx;
    box-sizing: border-box;
    border-bottom: 2rpx solid #F6F7F8;
    font-size: 32rpx;
}

.member-item image {
    width: 70rpx;
    height: 70rpx;
    border-radius: 50%;
    margin-right: 20rpx;
}

.member-item text {
    width: 500rpx;
}

.go-back {
    position: absolute;
    color: #4DC2D4;
    font-size: 24rpx;
    top: 50%;
    right: 0;
    transform: translate(-30rpx,-50%);
}