<script setup lang="ts">
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

// 修改分页器默认文字
zhCn.el.pagination.goto = '跳至'
</script>

<template>
  <el-config-provider :message="{ max: 3 }" :z-index="2000" :locale="zhCn">
    <Suspense>
      <router-view class="w-screen h-screen" />
      <template #fallback>
        <div v-loading="true" class="w-screen h-screen" />
      </template>
    </Suspense>
  </el-config-provider>
</template>

<style lang="scss">
body {
  font-family: PingFangSC, PingFangSC-Medium;

  margin: 0;
  padding: 0;

  --el-component-size-large: 48px;
  --el-component-size: 42px;
  --el-component-size-small: 32px;
}
h1,h2,h3,h4,h5{
  font-weight: normal;
}
.mini-w-0{
  min-width: 0;
}
.m-0-auto{
  margin: 0 auto;
}
.width-10{
  width: 10%;
}
.width-30{
  width: 30%;
}
.color-050026{
  color: #050026;
}
.color-171721{
  color: #171721;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}
.text-overflow{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.prism-player .prism-big-play-btn {
  display: none;
  z-index: 100;
}
.course-fire-tag{
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 27px;
  background: url("/images/icon-fire.png") center no-repeat;
  background-size: 26px 27px;
}
</style>
