guhongwei 4 years ago
parent
commit
bcbd1fc8ec
1 changed files with 26 additions and 20 deletions
  1. 26 20
      src/views/market/index.vue

+ 26 - 20
src/views/market/index.vue

@@ -17,25 +17,30 @@
             </el-col>
           </el-col>
           <el-col :span="24" class="main">
-            <van-tabs v-model="active">
-              <van-tab title="技术成果">
-                <tec :tecList="tecList" @detail="detail"></tec>
-              </van-tab>
-              <van-tab title="e专利">
-                <pantent :pantentList="pantentList" @detail="detail" :typeList="typeList"></pantent>
-              </van-tab>
-              <van-tab title="科技需求">
-                <demand :demandList="demandList" @detail="detail"></demand>
-              </van-tab>
-              <van-tab title="专家智库">
-                <!-- <expert :expertList="expertList" @detail="expertDet"></expert>
-                 -->
-                <expert :expertList="expertList" @detail="detail"></expert>
-              </van-tab>
-              <van-tab title="在线服务">
-                <serve :serveList="serveList" @detail="detail"></serve>
-              </van-tab>
-            </van-tabs>
+            <span v-if="active == 0">
+              <tec :tecList="tecList" @detail="detail"></tec>
+            </span>
+            <span v-else-if="active == 1">
+              <pantent :pantentList="pantentList" @detail="detail" :typeList="typeList"></pantent>
+            </span>
+            <span v-else-if="active == 2">
+              <demand :demandList="demandList" @detail="detail"></demand>
+            </span>
+            <span v-else-if="active == 3">
+              <expert :expertList="expertList" @detail="detail"></expert>
+            </span>
+            <span v-else-if="active == 4">
+              <serve :serveList="serveList" @detail="detail"></serve>
+            </span>
+          </el-col>
+          <el-col :span="24" class="foot">
+            <van-tabbar v-model="active">
+              <van-tabbar-item icon="send-gift-o">技术成果</van-tabbar-item>
+              <van-tabbar-item icon="todo-list-o">e专利</van-tabbar-item>
+              <van-tabbar-item icon="flag-o">科技需求</van-tabbar-item>
+              <van-tabbar-item icon="manager-o">专家智库</van-tabbar-item>
+              <van-tabbar-item icon="comment-circle-o">在线服务</van-tabbar-item>
+            </van-tabbar>
           </el-col>
         </el-col>
       </el-col>
@@ -67,7 +72,7 @@ export default {
   components: {
     //顶部
     NavBar,
-    //技术成果
+    // 技术成果
     tec,
     //e专利
     pantent,
@@ -255,6 +260,7 @@ export default {
       width: 100%;
       top: 54px;
       background: #f9fafc;
+      padding: 0 0 50px 0;
     }
   }
 }