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;
}

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

// 底部按钮
.foot_common_btns{
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 24rpx;
  padding: 0 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;
}

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

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