xz_dingjie/app.wxss

/**app.wxss**/
.container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 200rpx 0;
    box-sizing: border-box;
}

radio-group text {
    font-size: 25rpx;
}

radio .wx-radio-input {
    border-radius: 50%;
    width: 24rpx;
    border: 2rpx solid #5e5e5f;
    height: 24rpx;
}

radio .wx-radio-input.wx-radio-input-checked {
    border: none;
    background: #07c160;
}

radio .wx-radio-input.wx-radio-input-checked::before {
    border-radius: 50%;
    /* 圆角 */
    width: 28rpx;
    /* 选中后对勾大小，不要超过背景的尺寸 */
    height: 28rpx;
    /* 选中后对勾大小，不要超过背景的尺寸 */
    line-height: 28rpx;
    text-align: center;
    font-size: 20rpx;
    /* 对勾大小 30rpx */
    color: #fff;
    /* 对勾颜色 白色 */
    background: #07c160;
    transform: translate(-50%, -50%) scale(1);
}



checkbox-group text {
    font-size: 25rpx;

}

checkbox .wx-checkbox-input {
    width: 24rpx;
    border: 2rpx solid #5e5e5f;
    height: 24rpx;
    margin-left: 5rpx;
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked {
    border: none;
    background: #07c160;
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
    /* 圆角 */
    width: 28rpx;
    /* 选中后对勾大小，不要超过背景的尺寸 */
    height: 28rpx;
    /* 选中后对勾大小，不要超过背景的尺寸 */
    line-height: 28rpx;
    text-align: center;
    font-size: 20rpx;
    margin-left: 5rpx;
    /* 对勾大小 30rpx */
    color: #fff;
    /* 对勾颜色 白色 */
    background: #07c160;
    transform: translate(-50%, -50%) scale(1);
}



.text-clamp1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  
  .text-clamp2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  
  .text-clamp3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  
  .text-clamp4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  
  .text-clamp5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  
  .flex-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
  }
  
  .flex-alignStart {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
  }
  
  .flex-alignCenter {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
  }
  
  .flex-alignEnd {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
  }
  
  .flex-between {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  
  .flex-around {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
  }
  
  .flex-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
  }
  
  .flex-end {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }