/**
 * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量
 * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用 
 */
@import 'uview-ui/theme.scss';
$uni-color-primary-bg: #ecf4ff;
/* Flex 弹性布局 */
.u-error{color: $u-type-error;}
.u-del{text-decoration: line-through;}
@mixin flex($direction: row, $align: center, $justify: center, $wrap: nowrap) {
  display: flex;
  flex-direction: $direction;
  align-items: $align;
  justify-content: $justify;
  flex-wrap: $wrap;
}

/* 箭头 */
@mixin arrow($width: 48, $color: #999, $size: 2, $rotate: 45) {
  width: #{$width / 1.5}rpx;
  height: #{$width}rpx;
  position: relative;
  overflow: hidden;
  &::before {
    content: '';
    width: #{$width * .4}rpx;
    height: #{$width * .4}rpx;
    box-sizing: border-box;
    border-top: #{$size}px solid $color;
    border-right: #{$size}px solid $color;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(#{$rotate}deg);
  }
}

/* 关闭图标 */
@mixin close($size: 88, $color: #999) {
  width: #{$size}rpx;
  height: #{$size}rpx;
  position: absolute;
  top: 0;
  right: 0;
  &::before {
    content: '';
    width: 40%;
    height: 2px;
    background-color: $color;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  &::after {
    content: '';
    width: 2px;
    height: 40%;
    background-color: $color;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
}