<script lang="ts">
import { ElConfigProvider } from "element-plus";
import zhCn from "element-plus/lib/locale/lang/zh-cn";
export default {
  components: {
    [ElConfigProvider.name]: ElConfigProvider,
  },
  setup() {
    let locale = zhCn;
    return {
      locale,
    };
  },
};
</script>

<template>
  <el-config-provider :locale="locale">
    <router-view></router-view>
  </el-config-provider>
</template>

<style lang="scss">
.margin-bottom-10 {
  margin-bottom: 10px;
}

/* 1px边框适配 */
.border-top-1px {
  position: relative;

  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    transform: scaleY(0.5);
  }
}

.border-bottom-1px {
  position: relative;

  &::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    transform: scaleY(0.4);
  }
}

.border-left-1px {
  position: relative;

  &::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    border-left: 1px solid #e0e0e0;
    transform: scaleX(0.4);
  }
}

/* 1px边框适配end */
/* flex布局 */
/* 两端对齐 */
.space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 垂直居中对齐 */
.flex-center-h {
  display: flex;
  align-items: center;
}

/* 垂直水平居中对齐 */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 上下贴边 子class 宽度需100% */
.align-content {
  display: flex;
  flex-flow: wrap;
  align-content: space-between;
}

/* flex布局end */
.font12 {
  font-size: 12px;
}

.font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}

/* 超出省略... */
.over1 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;

  display: -moz-box;
  -moz-line-clamp: 1 !important;
  -moz-box-orient: vertical;
}

.over2 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  display: -moz-box;
  -moz-line-clamp: 2 !important;
  -moz-box-orient: vertical;
}

.over3 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

  display: -moz-box;
  -moz-line-clamp: 3 !important;
  -moz-box-orient: vertical;
}

/* 超出省略...end */
</style>
