From d0ea12b51d98de390fc55d4a229b5509bfb6a6f9 Mon Sep 17 00:00:00 2001
From: LeeNux <lc7457@qq.com>
Date: Mon, 20 Feb 2023 11:58:41 +0800
Subject: [PATCH] update

---
 src/router/index.js     |  9 ---------
 src/views/AboutView.vue | 15 ---------------
 src/views/CalcView.vue  |  5 ++---
 3 files changed, 2 insertions(+), 27 deletions(-)
 delete mode 100644 src/views/AboutView.vue

diff --git a/src/router/index.js b/src/router/index.js
index e210e59..1184a2f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,5 @@
 import {createRouter, createWebHistory, createWebHashHistory} from 'vue-router'
 import HomeView from '../views/HomeView.vue'
-import AboutView from '../views/AboutView.vue'
 
 const router = createRouter({
     history: createWebHashHistory(import.meta.env.BASE_URL),
@@ -10,14 +9,6 @@ const router = createRouter({
             name: 'home',
             component: HomeView
         },
-        {
-            path: '/about',
-            name: 'about',
-            // route level code-splitting
-            // this generates a separate chunk (About.[hash].js) for this route
-            // which is lazy-loaded when the route is visited.
-            component: AboutView
-        },
         {
             path: '/calc',
             name: 'calc',
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
deleted file mode 100644
index 756ad2a..0000000
--- a/src/views/AboutView.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>
-
-<style>
-@media (min-width: 1024px) {
-  .about {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
diff --git a/src/views/CalcView.vue b/src/views/CalcView.vue
index 565379c..6f547b3 100644
--- a/src/views/CalcView.vue
+++ b/src/views/CalcView.vue
@@ -89,6 +89,7 @@ const clear = function () {
   position: relative;
   width: 25%;
   height: 0;
+  /*通过边距形成正方形的Hack*/
   padding-top: 25%;
   border: 1px solid #2c3e50;
   box-sizing: border-box;
@@ -97,6 +98,7 @@ const clear = function () {
   cursor: pointer;
 }
 
+/*遍历所有子元素*/
 .btn > * {
   position: absolute;
   width: 100%;
@@ -108,7 +110,4 @@ const clear = function () {
   align-items: center;
 }
 
-.active {
-  border: 5px solid #ff0;
-}
 </style>