Browse Source

修改侧边栏宽度

admincjy 3 years ago
parent
commit
0bcc6ee8ed
3 changed files with 27 additions and 4 deletions
  1. 23 0
      .gitignore
  2. 2 0
      src/App.vue
  3. 2 4
      src/components/Sidebar.vue

+ 23 - 0
.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

+ 2 - 0
src/App.vue

@@ -33,5 +33,7 @@ body,
 .el-aside {
   text-align: center;
   line-height: 100%;
+  width: 150px !important;
 }
+
 </style>

+ 2 - 4
src/components/Sidebar.vue

@@ -1,6 +1,5 @@
 <template>
-  <el-row class="tac">
-  <el-col style="width: 150px">
+  <el-col>
     <el-menu class="el-menu-vertical-demo" :router="true">
       <!-- todo: 图标 -->
       <el-menu-item index="2">
@@ -17,7 +16,7 @@
       </el-menu-item>
       <el-menu-item index="4">
         <i class="el-icon-s-opportunity"></i>
-        <span slot="title">信号</span>
+        <span slot="title">策略</span>
       </el-menu-item>
       <el-menu-item index="/settings">
         <i class="el-icon-s-tools"></i>
@@ -25,7 +24,6 @@
       </el-menu-item>
     </el-menu>
   </el-col>
-   </el-row>
 </template>
 
 <script>