浏览代码

fix style

Karsa 1 年之前
父节点
当前提交
bbac3d5955
共有 3 个文件被更改,包括 11 次插入15 次删除
  1. 1 1
      README.md
  2. 二进制
      src/assets/img/home/logo_mini.png
  3. 10 14
      src/views/Home.vue

+ 1 - 1
README.md

@@ -3,4 +3,4 @@
 ### styles
 - element-ui.scss elment-ui相关重置样式
 - theme-vars.scss 相关变量
-- vars 当做全局样式吧
+- global.scss 当做全局样式吧

二进制
src/assets/img/home/logo_mini.png


+ 10 - 14
src/views/Home.vue

@@ -72,7 +72,7 @@
                   </a>
                 </el-menu-item>
 
-                <el-submenu v-else-if="item.IsLevel!==1&&!item.hidden" :index="index + ''" :key="index">
+                <el-submenu v-else-if="item.IsLevel!==1&&!item.hidden" :index="index" :key="index">
                   <template slot="title">
                     <img
                       :src="item.icon_path"
@@ -102,12 +102,13 @@
                   >
                     <a
                       :href="`/${child.path}`"
-                      :style="`display: block;color:${
+                      :style="`display: flex;align-items:center;color:${
                         child.path === activePath ? $setting.theme_color : '#666'
                       }`"
                       @click="(e) => e.preventDefault()"
                     >
-                      {{ child.name }}
+                      <svg t="1689672247666" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7676" width="30" height="30"><path d="M640 499.2v25.6a21.333333 21.333333 0 0 1-21.333333 21.333333h-213.333334a21.333333 21.333333 0 0 1-21.333333-21.333333v-25.6a21.333333 21.333333 0 0 1 21.333333-21.333333h213.333334a21.333333 21.333333 0 0 1 21.333333 21.333333z"  p-id="7677" :fill="child.path === activePath ? $setting.theme_color : '#666'"></path></svg>
+                      <span style="margin-left:15px;">{{ child.name }}</span>
                     </a>
                   </el-menu-item>
                 </el-submenu>
@@ -205,7 +206,7 @@
                   v-for="item in linkSystems"
                   :key="item.path"
                   type="text"
-                  style="margin-right: 20px;color:#333"
+                  style="margin-right: 30px;color:#333"
                 >
                   <img :src="item.icon" v-if="item.icon" width="20" height="20" style="vertical-align: middle;">
                   {{item.name}}
@@ -226,6 +227,7 @@
                 <span class="el-dropdown-link userinfo-inner">
                   <img src="~@/assets/img/home/avatar.png"/>
                   {{ sysUserName }}
+                  <i class="el-icon-arrow-down el-icon--right"/>
                 </span>
                 <el-dropdown-menu slot="dropdown">
                   <el-dropdown-item divided @click.native="resetpwd"
@@ -939,8 +941,8 @@ export default {
         overflow: hidden;
       }
       .logo_coll {
-        width: 35px;
-        height: 35px;
+        width: 50px;
+        height: 50px;
         display: block;
         overflow: hidden;
       }
@@ -978,7 +980,7 @@ export default {
       }
       .el-submenu .el-menu-item {
         font-size: 15px;
-        padding: 0 0 0 62px !important;
+        padding: 0 0 0 20px !important;
         text-align: left;
       }
       .el-menu-item.is-active {
@@ -1154,19 +1156,13 @@ export default {
         overflow: hidden;
         position: relative;
         margin-left: 15px;
-        margin-right: 4%;
         display: flex;
         justify-content: space-between;
         align-items: center;
-        .theme-picker {
-          position: absolute;
-          top: 14px;
-          left: 0px;
-        }
         .userinfo-fingerpost {
           display: flex;
           align-items: center;
-          margin-right: 150px;
+          margin-right: 50px;
           color: $theme-color;
         }
         .item {