保存进度！

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

@@ -1,57 +0,0 @@
-<!--
- * @Author: Kane
- * @Date: 2023-02-15 09:25:52
- * @LastEditors: Kane
- * @LastEditTime: 2023-02-15 09:49:23
- * @FilePath: /task_schedule/src/App.vue
- * @Description: 
- * 
- * Copyright (c) ${2022} by Kane, All Rights Reserved. 
--->
-<template>
-  <el-config-provider :locale="this.locale">
-    <div>
-      <a href="https://vitejs.dev" target="_blank">
-        <img src="/vite.svg" class="logo" alt="Vite logo" />
-      </a>
-      <a href="https://vuejs.org/" target="_blank">
-        <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-      </a>
-    </div>
-    <HelloWorld msg="Vite + Vue" />
-  </el-config-provider>
-</template>
-
-<script>
-import HelloWorld from "./components/HelloWorld.vue";
-import zhCn from "element-plus/lib/locale/lang/zh-cn"; //element-plus语言组件
-
-export default {
-  name: "App",
-  components: { HelloWorld },
-  setup(props)
-  {
-    const locale = zhCn;
-
-    return { locale, };
-  },
-};
-</script>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>
-

code/web/task_schedule/src/App.vue

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-02-15 09:25:52
  * @LastEditors: Kane
- * @LastEditTime: 2023-02-15 11:30:04
+ * @LastEditTime: 2023-02-15 14:40:33
  * @FilePath: /task_schedule/src/App.vue
  * @Description: 
  * 
@@ -68,7 +68,7 @@ export default {
 }
 
 .counter_wrapper {
-  width: 300px;
+  width: 500px;
   margin-left: auto;
   margin-right: 20px;
 }
@@ -78,7 +78,9 @@ export default {
 }
 
 .counter_wrapper span {
+  display: block;
   font-size: 150px;
+  text-align: right;
 }
 </style>
 

code/web/task_schedule/src/main.js

@@ -2,21 +2,21 @@
  * @Author: Kane
  * @Date: 2023-02-15 09:25:52
  * @LastEditors: Kane
- * @LastEditTime: 2023-02-15 09:57:26
+ * @LastEditTime: 2023-02-15 16:21:24
  * @FilePath: /task_schedule/src/main.js
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
  */
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
+import { createApp } from 'vue';
+import './style.css';
+import App from './App.vue';
 
 //css
 import("element-plus/dist/index.css");
 
 //element-plus
-import ElementPlus from "element-plus";
+import ElementPlus from "element-plus";;
 import * as ElementPlusIconsVue from "@element-plus/icons-vue";
 
 const app = createApp(App);

code/web/task_schedule/src/style copy.css

@@ -1,89 +0,0 @@
-:root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-.card {
-  padding: 2em;
-}
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}