refactor: 页面布局样式优化和接口合理性优化

Former-commit-id: 4af1b0aa5aca3569f540e3bcad99f6e14741e855

src/styles/element-plus.scss

@@ -50,40 +50,3 @@
 }
 
 
-// fix: 内核较旧的浏览器不支持:not(selector list)
-.el-button:not(.is-text),
-.el-button:not(.is-link),
-.el-button:not(.el-button--text) {
-  background-color: var(--el-button-bg-color);
-  border: var(--el-border);
-  border-color: var(--el-button-border-color)
-}
-
-.el-button:not(.is-text):focus,
-.el-button:not(.is-link):focus,
-.el-button:not(.el-button--text):focus,
-.el-button:not(.is-text):hover,
-.el-button:not(.is-link):hover,
-.el-button:not(.el-button--text):hover {
-  color: var(--el-button-hover-text-color);
-  border-color: var(--el-button-hover-border-color);
-  background-color: var(--el-button-hover-bg-color);
-  outline: 0
-}
-
-.el-button:not(.is-text):active,
-.el-button:not(.is-link):active,
-.el-button:not(.el-button--text):active {
-  color: var(--el-button-active-text-color);
-  border-color: var(--el-button-active-border-color);
-  background-color: var(--el-button-active-bg-color);
-  outline: 0
-}
-
-.el-button:not(.is-text):focus-visible,
-.el-button:not(.is-link):focus-visible,
-.el-button:not(.el-button--text):focus-visible {
-  border-color: transparent;
-  outline: 2px solid var(--el-button-border-color);
-  outline-offset: 1px
-}

src/styles/index.scss

@@ -1,6 +1,4 @@
 @import 'src/styles/variables.module';
-@import './mixin.scss';
-@import './transition.scss';
 @import 'src/styles/element-plus';
 @import './sidebar.scss';
 
@@ -66,3 +64,12 @@ div:focus {
 .app-container {
   padding: 20px;
 }
+
+.search{
+  padding:18px  0 0  10px;
+  margin-bottom: 10px;
+  box-shadow: var(--el-box-shadow-light);
+  border-radius: var(--el-card-border-radius);
+  border: 1px solid var(--el-card-border-color);
+}
+

src/styles/transition.scss

@@ -1,48 +0,0 @@
-// global transition css
-
-/* fade */
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.28s;
-}
-
-.fade-enter,
-.fade-leave-active {
-  opacity: 0;
-}
-
-/* fade-transform */
-.fade-transform-leave-active,
-.fade-transform-enter-active {
-  transition: all 0.5s;
-}
-
-.fade-transform-enter {
-  opacity: 0;
-  transform: translateX(-30px);
-}
-
-.fade-transform-leave-to {
-  opacity: 0;
-  transform: translateX(30px);
-}
-
-/* breadcrumb transition */
-.breadcrumb-enter-active,
-.breadcrumb-leave-active {
-  transition: all 0.5s;
-}
-
-.breadcrumb-enter,
-.breadcrumb-leave-active {
-  opacity: 0;
-  transform: translateX(20px);
-}
-
-.breadcrumb-move {
-  transition: all 0.5s;
-}
-
-.breadcrumb-leave-active {
-  position: absolute;
-}