Explorar el Código

10.8修改左侧栏

liuqiao hace 2 años
padre
commit
9ecd7ed563
Se han modificado 1 ficheros con 13 adiciones y 5 borrados
  1. 13 5
      src/views/index/index.vue

+ 13 - 5
src/views/index/index.vue

@@ -56,10 +56,11 @@
     <div class="content">
          
      <transition name="slide-fade">
-    <div class="left lbg_color3" v-show="showtrue">  
-      <h1>我是左侧栏
-
-      </h1>
+    <div class="left lbg_color3" v-show="showtrue"  style="padding:0;">  
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+    <el-tab-pane label="模型导航" name="first">  模型导航</el-tab-pane>
+    <el-tab-pane label="动态菜单" name="second">动态菜单</el-tab-pane>
+  </el-tabs>
        </div>
    </transition>
     <div class="right lbg_color2">
@@ -422,5 +423,12 @@ html,body{
 .el-form-item{
       margin-bottom: 5px;
 }
-
+ /deep/.left .el-tabs__item{
+  padding: 0 19.4px !important;
+  // box-shadow: 0 8px 0 0 #479a48,0 10px 5px 0 rgba(0,0,0,0.5);
+    box-shadow: 0 10px 5px 0 rgba(0,0,0,0.2);
+}
+ /deep/.left .is-scrollable {
+  padding:0;
+}
 </style>