新增自营页面、平台服务、特产商城

components/category-bar/category-bar.vue

@@ -59,7 +59,7 @@
                                 <li class="nav ">
                                     <a href="/">首页</a>
                                 </li>
-                                <li class="nav ">
+                                <li class="nav" @click="navTo('/pages/index/self-support/self-support')">
                                     <a href="javascript:;">金久信自营</a>
                                 </li>
                                 <li @click="navTo('/pages/spot/goods/goods')" class="nav"
@@ -366,4 +366,4 @@ export default {
         }
     }
 }
-</style>
+</style>

pages.json

@@ -14,52 +14,52 @@
 		}
 	    ,{
             "path" : "pages/auth/register/register",
-            "style" :                                                                                    
+            "style" :
             {
                 "navigationBarTitleText": "注册",
                 "enablePullDownRefresh": false
             }
-            
+
         }
         ,{
             "path" : "pages/auth/login/login",
-            "style" :                                                                                    
+            "style" :
             {
                 "navigationBarTitleText": "登录",
                 "enablePullDownRefresh": false
             }
-            
+
         }
         ,{
             "path" : "pages/spot/release/release",
-            "style" :                                                                                    
+            "style" :
             {
                 "navigationBarTitleText": "发布现货",
                 "enablePullDownRefresh": false
             }
-            
+
         }
         ,{
             "path" : "pages/spot/goods/goods",
-            "style" :                                                                                    
+            "style" :
             {
                 "navigationBarTitleText": "现货市场",
                 "enablePullDownRefresh": false
             }
-            
+
         }
         ,{
             "path" : "pages/user/user",
-            "style" :                                                                                    
+            "style" :
             {
                 "navigationBarTitleText": "个人中心",
                 "enablePullDownRefresh": false
             }
-            
+
         },
         {
         	"path" : "pages/spot/goods/detail",
-        	"style" : 
+        	"style" :
         	{
         		"navigationBarTitleText" : "",
         		"enablePullDownRefresh" : false
@@ -67,7 +67,7 @@
         },
         {
         	"path" : "pages/company/company",
-        	"style" : 
+        	"style" :
         	{
         		"navigationBarTitleText" : "黄页",
         		"enablePullDownRefresh" : false
@@ -75,7 +75,7 @@
         },
         {
         	"path" : "pages/enquiry/release",
-        	"style" : 
+        	"style" :
         	{
         		"navigationBarTitleText" : "发布询价",
         		"enablePullDownRefresh" : false
@@ -83,7 +83,7 @@
         },
         {
         	"path" : "pages/enquiry/list",
-        	"style" : 
+        	"style" :
         	{
         		"navigationBarTitleText" : "询价",
         		"enablePullDownRefresh" : false
@@ -91,7 +91,7 @@
         },
 		{
 			"path" : "pages/enquiry/my",
-			"style" : 
+			"style" :
 			{
 				"navigationBarTitleText" : "我发布的询价单",
 				"enablePullDownRefresh" : false
@@ -99,7 +99,7 @@
 		},
         {
         	"path" : "pages/enquiry/detail",
-        	"style" : 
+        	"style" :
         	{
         		"navigationBarTitleText" : "报价单详情",
         		"enablePullDownRefresh" : false
@@ -107,7 +107,7 @@
         },
         {
         	"path" : "pages/enquiry/quote",
-        	"style" : 
+        	"style" :
         	{
         		"navigationBarTitleText" : "填写报价单",
         		"enablePullDownRefresh" : false
@@ -115,7 +115,7 @@
         },
 		{
 			"path" : "pages/contract/index",
-			"style" : 
+			"style" :
 			{
 				"navigationBarTitleText" : "合同管理",
 				"enablePullDownRefresh" : false
@@ -123,7 +123,7 @@
 		},
 		{
 			"path" : "pages/process/list",
-			"style" : 
+			"style" :
 			{
 				"navigationBarTitleText" : "找加工",
 				"enablePullDownRefresh" : false
@@ -131,7 +131,7 @@
 		},
 		{
 			"path" : "pages/process/release",
-			"style" : 
+			"style" :
 			{
 				"navigationBarTitleText" : "发布找加工",
 				"enablePullDownRefresh" : false
@@ -139,7 +139,7 @@
 		},
 		{
 			"path" : "pages/process/quote",
-			"style" : 
+			"style" :
 			{
 				"navigationBarTitleText" : "加工报价",
 				"enablePullDownRefresh" : false
@@ -147,7 +147,7 @@
 		},
 		{
 			"path" : "pages/process/detail",
-			"style" : 
+			"style" :
 			{
 				"navigationBarTitleText" : "加工单详情",
 				"enablePullDownRefresh" : false
@@ -163,7 +163,7 @@
         },
         {
         	"path" : "pages/checkout/checkout",
-        	"style" : 
+        	"style" :
         	{
         		"navigationBarTitleText" : "",
         		"enablePullDownRefresh" : false
@@ -176,6 +176,30 @@
                 "navigationBarTitleText" : "金久信学堂",
                 "enablePullDownRefresh" : false
             }
+        },
+        {
+        	"path" : "pages/index/self-support/self-support",
+        	"style" :
+        	{
+        		"navigationBarTitleText" : "金久信自营",
+        		"enablePullDownRefresh" : false
+        	}
+        },
+        {
+        	"path" : "pages/index/server/server",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "平台服务",
+        		"enablePullDownRefresh" : false
+        	}
+        },
+        {
+        	"path" : "pages/index/shop/shop",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "",
+        		"enablePullDownRefresh" : false
+        	}
         }
     ],
 	"globalStyle": {

pages/index/self-support/self-support.vue

@@ -0,0 +1,366 @@
+<template>
+	<view>
+		<top-bar></top-bar>
+		<common-header></common-header>
+		<category-bar></category-bar>
+		<view class="w-1200">
+			<u-swiper :list="list" :height="380" borderRadius="0"></u-swiper>
+			<view class="test">
+				<text @click="navTo('/pages/index/self-support/self-support')">自营钢城</text>
+				<text @click="navTo('/pages/index/server/server')">平台服务</text>
+				<text @click="navTo('/pages/index/shop/shop')">特产商城</text>
+			</view>
+      <view class="tool-bar">
+        <view class="search">
+          <text>交易区域：</text>
+          <el-cascader :options="options">
+            <template slot-scope="{ node, data }">
+              <span>{{ data.label }}</span>
+              <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+            </template>
+          </el-cascader>
+        </view>
+        <view class="buy-btn">
+          <u-button type="error" plain>下单询价</u-button>
+        </view>
+      </view>
+      <!-- 合作单位/联营单位-->
+      <view class="cooperate">
+        <view class="title">合作单位/联营单位</view>
+        <u-gap height="5" bg-color="#f3f3f3" />
+        <el-row class="wrap" type="flex" :gutter="0" justify="space-between">
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+        </el-row>
+        <u-gap height="5" bg-color="#f3f3f3" /><el-row class="wrap" type="flex" :gutter="0" justify="space-between">
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+      </el-row>
+        <u-gap height="5" bg-color="#f3f3f3" />
+        <el-row class="wrap" type="flex" :gutter="0" justify="space-between">
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+        </el-row>
+        <u-gap height="5" bg-color="#f3f3f3" />
+      </view>
+		</view>
+    <!-- 现货市场 end -->
+    <gap height="50"/>
+    <common-footer></common-footer>
+	</view>
+</template>
+
+<script>
+	import UGap from "@/uni_modules/vk-uview-ui/components/u-gap/u-gap.vue";
+
+  export default {
+		components: {UGap},
+		data() {
+			return {
+				list: [{
+						image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
+						title: '昨夜星辰昨夜风，画楼西畔桂堂东'
+					},
+					{
+						image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
+						title: '身无彩凤双飞翼，心有灵犀一点通'
+					},
+					{
+						image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
+						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
+					}
+				],
+        options: [{
+          value: 'zhinan',
+          label: '广西',
+          children: [{
+            value: 'shejiyuanze',
+            label: '南宁市',
+            children: [{
+              value: 'yizhi',
+              label: '良庆区'
+            }, {
+              value: 'fankui',
+              label: 'XXX'
+            }, {
+              value: 'xiaolv',
+              label: 'XXX'
+            }, {
+              value: 'kekong',
+              label: 'XXX'
+            }]
+          }, {
+            value: 'daohang',
+            label: '北海市',
+            children: [{
+              value: 'cexiangdaohang',
+              label: 'XXX'
+            }, {
+              value: 'dingbudaohang',
+              label: 'XXX'
+            }]
+          }]
+        }]
+			};
+		},
+		onLoad(options) {
+			console.log(options);
+			if (options && options.menu) {
+				this.currMenu = options.menu
+			}
+		},
+		methods: {
+			menuSelect(e) {
+				this.currMenu = e
+			},
+      navTo(url) {
+        vk.navigateTo(url);
+      }
+		}
+	}
+</script>
+
+<style lang="scss">
+	.w-1200 {
+		width: 1200px;
+		margin: 20px auto;
+    background-color: #fff;
+    .test{
+      height: 50px;
+      color: #ffffff;
+      font-size: 18px;
+      background-color: #bf2b28;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text{
+        margin: 0 20px;
+      }
+    }
+    .tool-bar{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 20px;
+      font-size: 16px;
+      .search{
+        display: flex;
+        align-items: center;
+      }
+    }
+    .cooperate{
+      .title{
+        text-align: center;
+        color: #bf2b28;
+        font-size: 28px;
+        line-height: 3em;
+      }
+      .wrap{
+        flex-wrap: wrap;
+      }
+      .grid-content{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 10px;
+        flex-direction: column;
+        .comments{
+          line-height: 2em;
+        }
+      }
+      .bg-purple{
+        border-top: 1px solid #f3f3f3;
+        border-right: 1px solid #f3f3f3;
+        .image{
+          width: 140px;
+        }
+      }
+    }
+	}
+</style>

pages/index/server/server.vue

@@ -0,0 +1,366 @@
+<template>
+  <view>
+    <top-bar></top-bar>
+    <common-header></common-header>
+    <category-bar></category-bar>
+    <view class="w-1200">
+      <u-swiper :list="list" :height="380" borderRadius="0"></u-swiper>
+      <view class="test">
+        <text @click="navTo('/pages/index/self-support/self-support')">自营钢城</text>
+        <text @click="navTo('/pages/index/server/server')">平台服务</text>
+        <text @click="navTo('/pages/index/shop/shop')">特产商城</text>
+      </view>
+      <view class="tool-bar">
+        <view class="search">
+          <text>交易区域：</text>
+          <el-cascader :options="options">
+            <template slot-scope="{ node, data }">
+              <span>{{ data.label }}</span>
+              <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+            </template>
+          </el-cascader>
+        </view>
+        <view class="buy-btn">
+          <u-button type="error" plain>下单询价</u-button>
+        </view>
+      </view>
+      <!-- 合作单位/联营单位-->
+      <view class="cooperate">
+        <view class="title">合作单位/联营单位</view>
+        <u-gap height="5" bg-color="#f3f3f3" />
+        <el-row class="wrap" type="flex" :gutter="0" justify="space-between">
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+        </el-row>
+        <u-gap height="5" bg-color="#f3f3f3" /><el-row class="wrap" type="flex" :gutter="0" justify="space-between">
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+      </el-row>
+        <u-gap height="5" bg-color="#f3f3f3" />
+        <el-row class="wrap" type="flex" :gutter="0" justify="space-between">
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+        </el-row>
+        <u-gap height="5" bg-color="#f3f3f3" />
+      </view>
+    </view>
+    <!-- 现货市场 end -->
+    <gap height="50"/>
+    <common-footer></common-footer>
+  </view>
+</template>
+
+<script>
+import UGap from "@/uni_modules/vk-uview-ui/components/u-gap/u-gap.vue";
+
+export default {
+  components: {UGap},
+  data() {
+    return {
+      list: [{
+        image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
+        title: '昨夜星辰昨夜风，画楼西畔桂堂东'
+      },
+        {
+          image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
+          title: '身无彩凤双飞翼，心有灵犀一点通'
+        },
+        {
+          image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
+          title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
+        }
+      ],
+      options: [{
+        value: 'zhinan',
+        label: '广西',
+        children: [{
+          value: 'shejiyuanze',
+          label: '南宁市',
+          children: [{
+            value: 'yizhi',
+            label: '良庆区'
+          }, {
+            value: 'fankui',
+            label: 'XXX'
+          }, {
+            value: 'xiaolv',
+            label: 'XXX'
+          }, {
+            value: 'kekong',
+            label: 'XXX'
+          }]
+        }, {
+          value: 'daohang',
+          label: '北海市',
+          children: [{
+            value: 'cexiangdaohang',
+            label: 'XXX'
+          }, {
+            value: 'dingbudaohang',
+            label: 'XXX'
+          }]
+        }]
+      }]
+    };
+  },
+  onLoad(options) {
+    console.log(options);
+    if (options && options.menu) {
+      this.currMenu = options.menu
+    }
+  },
+  methods: {
+    menuSelect(e) {
+      this.currMenu = e
+    },
+    navTo(url) {
+      vk.navigateTo(url);
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.w-1200 {
+  width: 1200px;
+  margin: 20px auto;
+  background-color: #fff;
+  .test{
+    height: 50px;
+    color: #ffffff;
+    font-size: 18px;
+    background-color: #bf2b28;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text{
+      margin: 0 20px;
+    }
+  }
+  .tool-bar{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20px;
+    font-size: 16px;
+    .search{
+      display: flex;
+      align-items: center;
+    }
+  }
+  .cooperate{
+    .title{
+      text-align: center;
+      color: #bf2b28;
+      font-size: 28px;
+      line-height: 3em;
+    }
+    .wrap{
+      flex-wrap: wrap;
+    }
+    .grid-content{
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 10px;
+      flex-direction: column;
+      .comments{
+        line-height: 2em;
+      }
+    }
+    .bg-purple{
+      border-top: 1px solid #f3f3f3;
+      border-right: 1px solid #f3f3f3;
+      .image{
+        width: 140px;
+      }
+    }
+  }
+}
+</style>

pages/index/shop/shop.vue

@@ -0,0 +1,366 @@
+<template>
+  <view>
+    <top-bar></top-bar>
+    <common-header></common-header>
+    <category-bar></category-bar>
+    <view class="w-1200">
+      <u-swiper :list="list" :height="380" borderRadius="0"></u-swiper>
+      <view class="test">
+        <text @click="navTo('/pages/index/self-support/self-support')">自营钢城</text>
+        <text @click="navTo('/pages/index/server/server')">平台服务</text>
+        <text @click="navTo('/pages/index/shop/shop')">特产商城</text>
+      </view>
+      <view class="tool-bar">
+        <view class="search">
+          <text>交易区域：</text>
+          <el-cascader :options="options">
+            <template slot-scope="{ node, data }">
+              <span>{{ data.label }}</span>
+              <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+            </template>
+          </el-cascader>
+        </view>
+        <view class="buy-btn">
+          <u-button type="error" plain>下单询价</u-button>
+        </view>
+      </view>
+      <!-- 合作单位/联营单位-->
+      <view class="cooperate">
+        <view class="title">合作单位/联营单位</view>
+        <u-gap height="5" bg-color="#f3f3f3" />
+        <el-row class="wrap" type="flex" :gutter="0" justify="space-between">
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+        </el-row>
+        <u-gap height="5" bg-color="#f3f3f3" /><el-row class="wrap" type="flex" :gutter="0" justify="space-between">
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="grid-content bg-purple">
+            <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+            <view class="comments">
+              主营：架子管 扣件 建筑材料租赁
+            </view>
+          </div>
+        </el-col>
+      </el-row>
+        <u-gap height="5" bg-color="#f3f3f3" />
+        <el-row class="wrap" type="flex" :gutter="0" justify="space-between">
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="grid-content bg-purple">
+              <el-image class="image" src="http://localhost:8080/static/img/logo.d1f4a2b6.png" />
+              <view class="comments">
+                主营：架子管 扣件 建筑材料租赁
+              </view>
+            </div>
+          </el-col>
+        </el-row>
+        <u-gap height="5" bg-color="#f3f3f3" />
+      </view>
+    </view>
+    <!-- 现货市场 end -->
+    <gap height="50"/>
+    <common-footer></common-footer>
+  </view>
+</template>
+
+<script>
+import UGap from "@/uni_modules/vk-uview-ui/components/u-gap/u-gap.vue";
+
+export default {
+  components: {UGap},
+  data() {
+    return {
+      list: [{
+        image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
+        title: '昨夜星辰昨夜风，画楼西畔桂堂东'
+      },
+        {
+          image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
+          title: '身无彩凤双飞翼，心有灵犀一点通'
+        },
+        {
+          image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
+          title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
+        }
+      ],
+      options: [{
+        value: 'zhinan',
+        label: '广西',
+        children: [{
+          value: 'shejiyuanze',
+          label: '南宁市',
+          children: [{
+            value: 'yizhi',
+            label: '良庆区'
+          }, {
+            value: 'fankui',
+            label: 'XXX'
+          }, {
+            value: 'xiaolv',
+            label: 'XXX'
+          }, {
+            value: 'kekong',
+            label: 'XXX'
+          }]
+        }, {
+          value: 'daohang',
+          label: '北海市',
+          children: [{
+            value: 'cexiangdaohang',
+            label: 'XXX'
+          }, {
+            value: 'dingbudaohang',
+            label: 'XXX'
+          }]
+        }]
+      }]
+    };
+  },
+  onLoad(options) {
+    console.log(options);
+    if (options && options.menu) {
+      this.currMenu = options.menu
+    }
+  },
+  methods: {
+    menuSelect(e) {
+      this.currMenu = e
+    },
+    navTo(url) {
+      vk.navigateTo(url);
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.w-1200 {
+  width: 1200px;
+  margin: 20px auto;
+  background-color: #fff;
+  .test{
+    height: 50px;
+    color: #ffffff;
+    font-size: 18px;
+    background-color: #bf2b28;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text{
+      margin: 0 20px;
+    }
+  }
+  .tool-bar{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20px;
+    font-size: 16px;
+    .search{
+      display: flex;
+      align-items: center;
+    }
+  }
+  .cooperate{
+    .title{
+      text-align: center;
+      color: #bf2b28;
+      font-size: 28px;
+      line-height: 3em;
+    }
+    .wrap{
+      flex-wrap: wrap;
+    }
+    .grid-content{
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 10px;
+      flex-direction: column;
+      .comments{
+        line-height: 2em;
+      }
+    }
+    .bg-purple{
+      border-top: 1px solid #f3f3f3;
+      border-right: 1px solid #f3f3f3;
+      .image{
+        width: 140px;
+      }
+    }
+  }
+}
+</style>