zy-pda/uni.scss

@import "@/uni_modules/uni-scss/variables.scss";
@import "animate.css/animate.css";
// 字体图标
@import  "@/static/fonts/iconfont.css";
// 主题色(绿色)
$defaultColor: #49b856;
// 红色
$textColorRed: #ff3b53;
// 黄色
$textColorYellow: #F5A623;
//数字字母不换行
@mixin numbersAndLettersNoWrap {
  word-break: break-all;
}
//flex布局
// $justifyContent 主轴对齐方式
// $alignItem 交叉轴对齐方式
// $flexDirection 方向
@mixin flex(
  $justifyContent: flex-start,
  $alignItem: stretch,
  $flexDirection: row
) {
  display: flex;
  justify-content: $justifyContent;
  align-items: $alignItem;
  flex-direction: $flexDirection;
}
// 按钮背景色
@mixin btn_background {
  background-image: linear-gradient(90deg,#72c172,#3bb197);
}
//底部凹弧形边
@mixin arc_edge($height:200rpx) {
  height: $height;
  position: relative;
  background: $defaultColor;
  &::after {
    content: '';
    width: 110%;
    height: $height / 2;
    position: absolute;
    left: -5%;
    bottom: 0;
    border-radius: 50% 50% 0 0;
    background: #fff;
  }  
}
//边框两边半圆装饰
@mixin semicircle($backgroundColor:#f9fafb,$top:50%) {
  &::before {
    content: '';
    position: absolute;
    width: 16rpx;
    height: 32rpx;
    border-radius: 0 16rpx 16rpx 0;
    background-color: $backgroundColor;
    left: -1px;
    top: $top;
    transform: translateY(-50%);
    border: 1px solid #E5E9ED;
    border-left: none;
  }
  
  &::after {
    content: '';
    position: absolute;
    width: 16rpx;
    height: 32rpx;
    border-radius: 16rpx 0 0 16rpx;
    background-color: $backgroundColor;
    right: -1px;
    top: $top;
    transform: translateY(-50%);
    border: 1px solid #E5E9ED;
    border-right: none;
  } 
}

// 省略
@mixin clamp($clamp:1) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $clamp;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
// --------------------------华丽的分割线---------------------------------------
// 全局样式
.w100{
  width: 100%;
}
.red {
  color: $textColorRed;
}
.yellow {
  color: $textColorYellow;
}
.green {
  color: $defaultColor;
}
// 内置复选框 start
.uni-label-pointer{
  @include flex;
}
uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
    border-color: $defaultColor;
}
.uni-checkbox-input-checked{
  color: $defaultColor !important;
}
// 内置复选框 end