【前端文件】优化后台首页样式

template/admin/src/components/main/components/header-bar/sider-trigger/sider-trigger.less

@@ -1,15 +1,14 @@
 .trans {
   transition: transform 0.2s ease;
 }
-@size: 40px;
+@size: 64px;
 .sider-trigger-a {
-  padding: 6px;
-  width: @size;
   height: @size;
+  margin: 0 10px;
+  line-height: @size;
   display: inline-block;
   text-align: center;
   color: #5c6b77;
-  margin-top: 12px;
   .iconcaidanshouqi {
     .trans;
     vertical-align: top;

template/admin/src/components/main/components/header-bar/sider-trigger/sider-trigger.vue

@@ -1,7 +1,7 @@
 <template>
-  <a @click="handleChange" type="text" :class="['sider-trigger-a', collapsed ? 'collapsed' : '']"
+  <span @click="handleChange" type="text" :class="['sider-trigger-a', collapsed ? 'collapsed' : '']"
     ><i class="iconfont" :class="collapsed ? 'iconcaidanzhankai' : 'iconcaidanshouqi'"></i
-  ></a>
+  ></span>
 </template>
 <script>
 export default {
@@ -25,12 +25,7 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-@import './sider-trigger.less';
-.sider-trigger-a {
-  padding: 14px 6px;
-  margin-left: 10px;
-  line-height: 16px;
-}
+@import 'sider-trigger.less';
 .iconcaidanshouqi {
   font-size: 16px;
 }

template/admin/src/components/main/main.vue

@@ -287,7 +287,7 @@ export default {
   height: 50px;
 }
 .main .tag-nav-wrapper {
-  // height: 10px;
+  height: 42px;
   background: unset;
 }
 .open-image {

template/admin/src/pages/index/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="mt10">
     <!--头部-->
     <base-info ref="baseInfo" />
     <!--小方块-->