desktop_task_schedule/code/web/task_schedule/src/App.vue

<!--
 * @Author: Kane
 * @Date: 2023-02-15 09:25:52
 * @LastEditors: Kane
 * @LastEditTime: 2023-02-28 19:05:15
 * @FilePath: /deskop_task_schedule/code/web/task_schedule/src/App.vue
 * @Description: 
 * 应用的框架：
 * 1、配置el-config-provider，配置为中文。 
 * 
 * Copyright (c) ${2022} by Kane, All Rights Reserved. 
-->
<template>
  <el-config-provider :locale="this.locale">
    <router-view></router-view>
  </el-config-provider>
</template>

<script>
import zhCn from "element-plus/lib/locale/lang/zh-cn"; //element-plus语言组件

export default {
  name: "App",
  components: {},
  setup()
  {
    const locale = zhCn;

    return { locale, };
  },
};
</script>

<style scoped>
.app_wrapper {
  box-sizing: border-box;
  width: 100%;
  height: calc(100vh - 60px);
  /* border: 1px solid brown; */

  /* 布局 */
  display: flex;
}

.counter_wrapper {
  width: 500px;
  margin-top: 1cm;
  margin-left: auto;
  margin-right: 1cm;
  border-radius: 5px;
  background-color: rgb(250 250 250 / 75%);

}

.counter_wrapper:hover {
  box-shadow: 0px 0px 20px 10px rgb(14 18 22 / 10%);
}

.counter_wrapper span {
  display: block;
  font-size: 150px;
  text-align: right;
}
</style>