itsm-wx-handle/static/scss/common.scss

// 设置页面属性
page{
  background-color: #fff;
  color: #000;
  height: 100vh;
}

uni-toast,
[longpressactions]{
  z-index: 99999!important;
}

.page_padding{
  padding-left: 24rpx;
  padding-right: 24rpx;
}

// 居中
.text_center{
  text-align: center;
}

// 居左
.text_left{
  text-align: left;
}

// 两端对齐
.text_justify{
  text-align: justify;
}

// 按钮样式-绿色
.primaryButton{
  color: #fff!important;
  background-color: $uni-primary!important;
  border-color: $uni-primary!important;
}

// 按钮样式-镂空-绿色
.primaryPlainButton{
  color: $uni-primary!important;
  border-color: $uni-primary!important;
  margin: 0!important;
}

// 按钮样式-灰色
.cancelButton{
  color: #fff!important;
  background-color: $uni-info!important;
  border-color: $uni-info!important;
}

// 底部按钮
.foot_common_btns{
  width: 100%;
  box-sizing: border-box;
  padding: 24rpx;
  display: flex;
  align-items: center;
  gap: 24rpx;
  .btn{
    flex: 1;
  }
}

// 必填标识
.required{
  color: #f00;
  font-size: 20rpx;
}

// flex:1
.flex1{
  flex: 1;
}

// lable
.label{
  margin-right: 35rpx;
  display: flex;
  align-items: center;
  font-size: 26rpx;
}

// easyinput边框选中色
.is-focused{
  border-color: $uni-primary!important;
}

// 弹窗两端对齐
.uni-modal__bd{
  text-align: justify;
}

// 按钮组
.btns{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24rpx;
  .btn{
    flex: 1;
    margin-right: 24rpx;
    &:last-of-type{
      margin-right: 0;
    }
  }
}

// 单行省略
.ellipsis {
  white-space: nowrap; /* 确保文本在一行内显示 */
  overflow: hidden; /* 隐藏超出容器的文本 */
  text-overflow: ellipsis; /* 使用省略符号表示文本被截断 */
}

// 两行省略
.ellipsis-multiline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 定义显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

// 透明
.transparent{
  opacity: 0;
}

// 下拉框边框红色
.formRed{
  .uni-select,
  .uni-easyinput__content{
    border: 1px solid red!important;
  }
}

// 搜索框
.uni-searchbar{
  padding: 0!important;
  width: 100%!important;
}

// 数字框
.uni-numbox__value{
  background-color: #fff!important;
  color: #000!important;
  border: 1px solid #E5E5E5!important;
  margin-left: 20rpx!important;
  margin-right: 20rpx!important;
}

// 多选框
.uni-data-checklist .checklist-group .checklist-box.is--list{
  padding: 24rpx!important;
  font-size: 26rpx!important;
}
.uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text{
  margin-left: 0!important;
  margin-right: 24rpx!important;
  flex: 1!important;
}
.uni-data-checklist .checklist-group .checklist-box.is--list{
  border-top: none!important;
  border-bottom: 1rpx solid #DEDEDE!important;
}

// 清除按钮
.content-clear-icon{
  color: $uni-primary!important;
}

// flex1
.flex1{
  flex: 1;
}

// 表格控件遮罩
.formMask{
  position: relative;
  &:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

// 下拉框
.uni-select__input-box{
  width: 100%!important;
}

// 数据组合框
.uni-data-checklist .checklist-group .checklist-box.is--list.is-checked .checklist-content .checkobx__list{
  border-color: $uni-primary!important;
}