瀏覽代碼

样式调整

hangb 7 年之前
父節點
當前提交
ca44b9e4ea

+ 8 - 3
components/applyPurchase/ApplyInfo.vue

@@ -373,8 +373,8 @@ export default {
   .apply-info {
     margin: 0 auto;
     .apply-info-title {
-      height: 45px;
-      padding-top: 5px;
+      height: 58px;
+      line-height: 58px;
       background: #fff;
       border-bottom: 1px solid #e5e5e5;
       > p {
@@ -384,7 +384,7 @@ export default {
         line-height: 33px;
         color: #fff;
         background: #2496f1;
-        font-size: 16px;
+        font-size: 14px;
         text-align: center;
         border: {
           top-left-radius: 3px;
@@ -406,6 +406,7 @@ export default {
           border: 1px solid #2496f1;
           line-height: 32px;
           font-size: 13px;
+          margin-top: 14px;
           border: {
             top-right-radius: 0;
             bottom-right-radius: 0;
@@ -536,6 +537,7 @@ export default {
       > ul {
         margin-bottom: 29px;
         font-size:12px;
+        height: 1240px;
         > li {
           position: relative;
           border: 1px solid #ededed;
@@ -801,6 +803,9 @@ export default {
           /*.say-price {*/
           /*display: block;*/
           /*}*/
+        &:last-child{
+            border-bottom: none;
+         }
         }
       }
     }

+ 3 - 2
components/applyPurchase/articleOne.vue

@@ -511,6 +511,7 @@
         font-size: 14px;
         color:#fff;
         line-height: 30px;
+        font-weight: bold;
       }
     }
     .publish-area{
@@ -606,8 +607,8 @@
           }
           input {
             font-size: 12px;
-            height: 20px;
-            line-height: 20px;
+            height: 26px;
+            line-height: 26px;
             border-radius: 5px;
             padding: 0 3px;
             box-shadow: none;

+ 7 - 6
components/brandCenter/BrandIndex.vue

@@ -291,6 +291,7 @@
         line-height: 34px;
         background-color: #2496f1;
         font-size: 14px;
+        font-weight: bold;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
         color: #fff;
@@ -488,9 +489,9 @@
           margin-right: 9px;
           position: relative;
           input {
-            height: 28px;
+            height: 32px;
             width: 258px;
-            line-height: 28px;
+            line-height: 32px;
             padding-left: 11px;
             background-color: #ffffff;
             border-radius: 3px;
@@ -498,15 +499,15 @@
             padding-right: 32px;
             position: absolute;
             right: 150px;
-            top: 2px;
+            top: 0px;
           }
           b.search-btn {
             position: absolute;
-            top: 2px;
+            top: 0px;
             right: 150px;
             width: 69px;
-            height: 28px;
-            line-height: 28px;
+            height: 32px;
+            line-height: 32px;
             text-align: center;
             font-size: 14px;
             color: #fff;

+ 1 - 0
components/brandCenter/RecommendBrand.vue

@@ -152,6 +152,7 @@
           line-height: 34px;
           background-color: #2496f1;
           font-size: 14px;
+          font-weight: bold;
           border-top-left-radius: 5px;
           border-top-right-radius: 5px;
           color: #fff;

+ 1 - 1
components/main/Nav.vue

@@ -18,7 +18,7 @@
         <span>B2B商务</span>
         <img class="new-animate" src="/images/all/hot.png" alt="">
       </a>
-      <nuxt-link  to="/provider/shop" class="item expand-item">
+      <nuxt-link  to="/provider/shop" class="item">
         <span>店铺
           <!--<i class="iconfont icon-arrow-down"></i>-->
           <!--<i class="iconfont icon-arrow-up"></i>-->

+ 16 - 3
components/provider/HotCommodity.vue

@@ -4,7 +4,20 @@
       <span>产品推荐</span>
       <img src="/images/original/line.png" alt=""/>
     </div>
-    <div v-swiper:mySwiper="swiperOption" v-if="hotComponents.metadatas || hotComponents.length>0">
+    <div v-if="hotComponents.metadatas || hotComponents.length>0">
+      <div v-if="hotComponents.length<=2">
+        <ul class="recommend-list clearfix">
+          <li v-for="(component, index) in hotComponents.slice(0,2)" class="big">
+            <a :href="component.detailsLink" target="_blank">
+              <div class="img"><img :src="component.pictureLink || '/images/store/common/default.png'"/></div>
+              <span class="name">{{component.metadatas.contExp_abstract}}</span>
+              <div class="price">{{component.metadatas.contExp_remark}}</div>
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div v-swiper:mySwiper="swiperOption" v-if="hotComponents.metadatas && hotComponents.length>2">
       <div class="swiper-wrapper">
         <div class="swiper-slide" v-if="hotComponents.length>0">
           <ul class="recommend-list clearfix">
@@ -95,13 +108,13 @@ export default {
       line-height: 34px;
       text-align: center;
       span{
-        font-size: 16px;
+        font-size: 14px;
         color: #333;
       }
       img{
         position: absolute;
         top: 14px;
-        left: 25px;
+        left: 26px;
       }
     }
     ul{

+ 2 - 1
components/provider/NewStore.vue

@@ -43,6 +43,7 @@ export default {
       return this.$store.state.option.user
     },
     stores () {
+      console.log(this.$store.state.provider.storeCms.newStores.data)
       return this.$store.state.provider.storeCms.newStores.data ? this.$store.state.provider.storeCms.newStores.data.content : []
     },
     storeCount () {
@@ -71,7 +72,7 @@ export default {
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
       .title {
-        font-size: 16px;
+        font-size: 14px;
         color: #fff;
       }
     }

+ 1 - 1
components/provider/Suppliers.vue

@@ -155,7 +155,7 @@ export default {
             background-color: #2496f1;
             span{
               padding-left: 10px;
-              font-size: 16px;
+              font-size: 14px;
               color: #fff;
             }
             &:first-child {

+ 20 - 1
components/store/home/RecommendList.vue

@@ -14,7 +14,26 @@
           </div>
         </div>
       </div>
-      <div v-swiper:mySwiper="swiperOption" v-if="commodities || commodities.length>0">
+      <div  v-if="commodities.length>0">
+        <div  v-if="commodities.length<=3">
+          <ul class="recommend-list clearfix">
+            <li v-for="commodity in commodities.slice(0,3)" class="big">
+              <a :href="commodity.batchCode ? '/store/productDetail/'+ commodity.batchCode : '#'" class="href">
+                <div class="img">
+                  <img :src="commodity.comImg.startsWith('static')?'/'+commodity.comImg:commodity.comImg"/>
+                </div>
+                <div class="content">
+                  <p>{{commodity.comCode | comCodeFilter}}</p>
+                  <!-- <p class="color666" v-text="commodity.brandNameCn">PANFAEFQ</p>-->
+                  <p class="price" v-if="commodity.minPriceRMB">¥ {{commodity.minPriceRMB | currency}}</p>
+                  <!-- <p class="price" v-if="!commodity.minPriceRMB">$ {{commodity.minPriceUSD || 0}}</p>-->
+                </div>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div v-swiper:mySwiper="swiperOption" v-if="commodities && commodities.length>3">
         <div class="swiper-wrapper">
           <div class="swiper-slide" v-if="commodities.length>0">
             <ul class="recommend-list clearfix">

+ 1 - 1
pages/provider/shop.vue

@@ -16,7 +16,7 @@ export default {
     return Promise.all([
       store.dispatch('loadBanners', {type: 'factory_banner_carousel'}),
       store.dispatch('provider/loadSalesStore', { isOriginal: true }),
-      store.dispatch('provider/loadNewStores', { types: 'ORIGINAL_FACTORY', value: 5 }),
+      store.dispatch('provider/loadNewStores', { types: 'ORIGINAL_FACTORY', size: 5 }),
       store.dispatch('provider/loadRecommendOriginal', { types: 'ORIGINAL_FACTORY', num: 5 }),
       store.dispatch('provider/findSimilarStoreList', { page: 1, count: 10, type: 'ORIGINAL_FACTORY' }),
       store.dispatch('provider/loadHotComponents'),

+ 2 - 1
store/provider.js

@@ -74,7 +74,8 @@ export const actions = {
     return axios.get('/api/store-service/stores', {
       params: {
         filter: 'newStore',
-        types: params.types
+        types: params.types,
+        size: params.size
       }
     }).then(response => {
       commit('storeCms/GET_NEW_STORES_SUCCESS', response.data)