店铺样式以及首页导航

components/common/PcSearchHeader.vue

@@ -204,11 +204,11 @@
       line-height: normal;
     }
     ul {
-      width: 100%;
+      width: 258px;
       background: #fff;
       position: absolute;
-      left: 0;
-      top: 36px;
+      left: 558px;
+      top: 28px;
       border: 1px solid #ccc;
       border-radius: 5px;
       max-height: 400px;

components/main/Nav.vue

@@ -19,22 +19,22 @@
         <img class="new-animate" src="/images/all/hot.png" alt="">
       </a>
       <a class="item expand-item" :class="{'active': isActive}">
-        <span>{{name}}
-          <i class="iconfont icon-arrow-down"></i>
-          <i class="iconfont icon-arrow-up"></i>
+        <span>店铺
+          <!--<i class="iconfont icon-arrow-down"></i>-->
+          <!--<i class="iconfont icon-arrow-up"></i>-->
         </span>
-        <ul class="expand-list" v-if="isMounted">
-          <nuxt-link to="/provider/factories" tag="li" v-show="name !== '原厂专区'">
-            <!--<nuxt-link to="/provider/factories">原厂专区</nuxt-link>-->
-            <span>原厂专区</span>
-          </nuxt-link>
-          <nuxt-link to="/provider/home" tag="li" v-show="name !== '代理经销'">
-            <span>代理经销</span>
-          </nuxt-link>
-          <li @click="open('/store/33069557578d44e69bd91ad12d28a8d4')">
-            <span>优软寄售</span>
-          </li>
-        </ul>
+        <!--<ul class="expand-list" v-if="isMounted">-->
+          <!--<nuxt-link to="/provider/factories" tag="li" v-show="name !== '原厂专区'">-->
+            <!--&lt;!&ndash;<nuxt-link to="/provider/factories">原厂专区</nuxt-link>&ndash;&gt;-->
+            <!--<span>原厂专区</span>-->
+          <!--</nuxt-link>-->
+          <!--<nuxt-link to="/provider/home" tag="li" v-show="name !== '代理经销'">-->
+            <!--<span>代理经销</span>-->
+          <!--</nuxt-link>-->
+          <!--<li @click="open('/store/33069557578d44e69bd91ad12d28a8d4')">-->
+            <!--<span>优软寄售</span>-->
+          <!--</li>-->
+        <!--</ul>-->
       </a>
       <nuxt-link to="/product/brand/brandList/A" class="item">
         <span>品牌墙</span>
@@ -170,7 +170,7 @@
       }
 
       &.item-first {
-        width: 200px;
+        width: 220px;
         margin: 0;
         background-color: rgb(33, 71, 151);
         font-size: 14px;

components/provider/HotCommodity.vue

@@ -84,7 +84,7 @@ export default {
 </script>
 <style scoped lang="scss">
   .hot-commodity {
-    margin-top: 10px;
+    margin: 10px 0 30px 0;
     width: 220px;
     height: 464px;
     background-color: #fff;

components/provider/Suppliers.vue

@@ -1,47 +1,49 @@
 <template>
-  <div id="store-list">
-    <table class="table">
-      <thead>
-      <tr data-v-12978a78="">
-        <td width="120"><span v-text="storeType === 'factory' ? '原 厂' : '代理经销'">原厂</span></td>
-        <td width="100" data-v-12978a78=""></td>
-        <td width="450" data-v-12978a78=""></td>
-        <td width="150" style="vertical-align: middle" data-v-12978a78=""></td>
-        <td width="120" style="vertical-align: middle;" data-v-12978a78=""></td>
-      </tr>
-      </thead>
-      <tbody>
-      <!--<tr>{{$data}}</tr>-->
-      <tr style="height: 50px;">
-        <td colspan="5">
-          <search-header :outerKeyword="keyword" @searchAction="search" :placeholder="'品牌/类目/型号/店铺名'"></search-header>
-          <a @click="goStoreApply" class="btn-sure"><button class="btn btn-primary">立即入驻</button></a>
-        </td>
-      </tr>
-      <tr v-for="store in stores.content" v-if="store">
-        <td>
-          <div class="logo">
-            <a :href="'/store/' + store.uuid" target="_blank"><img :src="store.logoUrl || '/images/store/common/default.png'" :alt="store.storeName"></a>
-          </div>
-        </td>
-        <td colspan="3">
-          <a class="store-name" :href="'/store/' + store.uuid" target="_blank"><div :title="store.storeName">{{store.storeName}}</div></a>
-          <div class="store-message">
-            <span>企业介绍：</span>
-            <span style="word-break: break-word;">{{showLittleDescription(store.enterprise.description)}}<em v-if="store.description && store.description.length > 160">...</em></span>
-          </div>
-        </td>
-        <td class="vertical-middle" style="text-align: center">
-          <a :href="'/store/' + store.uuid" target="_blank"><button class="btn btn-primary">进入店铺</button></a>
-        </td>
-      </tr>
-      <tr v-if="!stores.content || stores.content.length == 0">
-        <td colspan="10" class="text-center" style="line-height: 40px; font-size: 20px;">
-          <i class="fa fa-smile-o fa-lg"></i> 暂无店铺信息
-        </td>
-      </tr>
-      </tbody>
-    </table>
+  <div>
+    <div id="store-list">
+      <table class="table">
+        <thead>
+        <tr data-v-12978a78="">
+          <td width="120"><span v-text="storeType === 'factory' ? '原 厂' : '代理经销'">原厂</span></td>
+          <td width="100" data-v-12978a78=""></td>
+          <td width="450" data-v-12978a78=""></td>
+          <td width="150" style="vertical-align: middle" data-v-12978a78=""></td>
+          <td width="120" style="vertical-align: middle;" data-v-12978a78=""></td>
+        </tr>
+        </thead>
+        <tbody>
+        <!--<tr>{{$data}}</tr>-->
+        <tr style="height: 50px;">
+          <td colspan="5">
+            <search-header :outerKeyword="keyword" @searchAction="search" :placeholder="'品牌/类目/型号/店铺名'"></search-header>
+            <a @click="goStoreApply" class="btn-sure"><button class="btn btn-primary">立即入驻</button></a>
+          </td>
+        </tr>
+        <tr v-for="store in stores.content" v-if="store">
+          <td>
+            <div class="logo">
+              <a :href="'/store/' + store.uuid" target="_blank"><img :src="store.logoUrl || '/images/store/common/default.png'" :alt="store.storeName"></a>
+            </div>
+          </td>
+          <td colspan="3">
+            <a class="store-name" :href="'/store/' + store.uuid" target="_blank"><div :title="store.storeName">{{store.storeName}}</div></a>
+            <div class="store-message">
+              <span>企业介绍：</span>
+              <span style="word-break: break-word;">{{showLittleDescription(store.enterprise.description)}}<em v-if="store.description && store.description.length > 160">...</em></span>
+            </div>
+          </td>
+          <td class="vertical-middle" style="text-align: center">
+            <a :href="'/store/' + store.uuid" target="_blank"><button class="btn btn-primary">进入店铺</button></a>
+          </td>
+        </tr>
+        <tr v-if="!stores.content || stores.content.length == 0">
+          <td colspan="10" class="text-center" style="line-height: 40px; font-size: 20px;">
+            <i class="fa fa-smile-o fa-lg"></i> 暂无店铺信息
+          </td>
+        </tr>
+        </tbody>
+      </table>
+    </div>
     <div style="float: right;">
       <page :total="stores.totalElements" :page-size="pageParams.count"
             :current="pageParams.page" v-on:childEvent="handleCurrentChange"></page>
@@ -132,10 +134,11 @@ export default {
 <style lang="scss" scoped>
   #store-list{
 		width: 955px;
+    height: 1213px;
+    background: #fff;
     table{
       table-layout: fixed;
       width: 955px;
-      height: 1216px;
       thead{
         padding: 10px 0 9px 9px;
         width: 955px;