瀏覽代碼

10.8修改左侧栏

liuqiao 2 年之前
父節點
當前提交
9ecd7ed563
共有 1 個文件被更改,包括 13 次插入5 次删除
  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>