样式调整以及增加联系我们弹框

components/provider/HotCommodity.vue

@@ -12,7 +12,7 @@
               <a :href="'/store/productDetail/' + component.batchCode" target="_blank">
                 <div class="img"><img :src="component.img || '/images/store/common/default.png'"/></div>
                 <span class="name">{{component.code}}</span>
-                <div class="price">1111.23242</div>
+                <div class="price">{{component.prices ? component.currencyName === 'RMB' ? '¥' + '&nbsp;' + component.prices[0].rMBPrice : '$' +  '&nbsp;' + component.prices[0].uSDPrice : '-'}}</div>
               </a>
             </li>
           </ul>
@@ -23,7 +23,7 @@
               <a :href="'/store/productDetail/' + component.batchCode" target="_blank">
                 <div class="img"><img :src="component.img || '/images/store/common/default.png'"/></div>
                 <span class="name">{{component.code}}</span>
-                <div class="price">1111.23242</div>
+                <div class="price">{{component.prices ? component.currencyName === 'RMB' ? '¥' + '&nbsp;' + component.prices[0].rMBPrice : '$' +  '&nbsp;' + component.prices[0].uSDPrice : '-'}}</div>
               </a>
             </li>
           </ul>
@@ -34,7 +34,7 @@
               <a :href="'/store/productDetail/' + component.batchCode" target="_blank">
                 <div class="img"><img :src="component.img || '/images/store/common/default.png'"/></div>
                 <span class="name">{{component.code}}</span>
-                <div class="price">1111.23242</div>
+                <div class="price">{{component.prices ? component.currencyName === 'RMB' ? '¥' + '&nbsp;' + component.prices[0].rMBPrice : '$' +  '&nbsp;' + component.prices[0].uSDPrice : '-'}}</div>
               </a>
             </li>
           </ul>
@@ -45,7 +45,7 @@
               <a :href="'/store/productDetail/' + component.batchCode" target="_blank">
                 <div class="img"><img :src="component.img || '/images/store/common/default.png'"/></div>
                 <span class="name">{{component.code}}</span>
-                <div class="price">1111.23242</div>
+                <div class="price">{{component.prices ? component.currencyName === 'RMB' ? '¥' + '&nbsp;' + component.prices[0].rMBPrice : '$' +  '&nbsp;' + component.prices[0].uSDPrice : '-'}}</div>
               </a>
             </li>
           </ul>
@@ -61,7 +61,6 @@ export default {
   name: 'hot-commodity',
   computed: {
     hotComponents () {
-      console.log(this.$store.state.provider.storeCms.hotComponents.data, 'c')
       return this.$store.state.provider.storeCms.hotComponents.data
     },
     // 产品推荐轮播
@@ -115,6 +114,7 @@ export default {
           margin: 0 auto;
           width: 181px;
           height: 117px;
+          line-height: 117px;
           border-radius: 2px;
           border: solid 1px #e2e2e2;
           img{

components/provider/RecommendOriginal.vue

@@ -5,7 +5,7 @@
       <img src="/images/original/line.png" alt=""/>
     </div>
     <ul class="recommend-list list-unstyled list-inline">
-      <li class="recommend" v-for="(store, index) in stores">
+      <li class="recommend-store" v-for="(store, index) in stores">
         <a :href="'/store/' + store.uuid" target="_blank">
           <div class="img"><img :src="store.logoUrl || '/images/store/common/default.png'" /></div>
           <div class="content">
@@ -49,7 +49,6 @@ export default {
       line-height: 34px;
       text-align: center;
       span{
-        font-family: AdobeHeitiStd-Regular;
         font-size: 16px;
         color: #333;
       }
@@ -62,7 +61,7 @@ export default {
     ul.recommend-list{
       padding: 14px 0px 0 8px;
       width: 220px;
-      li.recommend{
+      li.recommend-store{
         margin-bottom: 12px;
         .img {
           margin-right: 8px;

components/provider/RecommendStoreShow.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container showAll">
-    <div class="new">
+    <div class="new-store">
       <new-store/>
       <recommend-original/>
       <hot-commodity/>
@@ -34,7 +34,7 @@ export default {
     width: 1190px;
     padding: 0;
     overflow: hidden;
-    .new {
+    .new-store {
       float: left;
       margin-right: 15px;
       width: 220px;

components/store/home/EnterpriseInfo.vue

@@ -90,6 +90,12 @@
         <div class="content" style="height: 270px; width: 1070px; padding: 0 50px;"><qualification-certificate></qualification-certificate></div>
       </div>
     </el-dialog>
+    <!--联系卖家-->
+    <link-saler-box
+      :tel="tel"
+      v-if="showLinkBox"
+      @cancelAction="showLinkBox = false">
+    </link-saler-box>
   </div>
 </template>
 <script>
@@ -97,20 +103,23 @@
   import RecommendList from './RecommendList.vue'
   import CommodityList from './CommodityList.vue'
   import QualificationCertificate from './QualificationCertificate.vue'
+  import LinkSalerBox from '~components/common/LinkSalerBox.vue'
   export default {
     name: 'product-recommend-self',
     data () {
       return {
         dialogVisible: false,
         dialogCertificate: false,
-        showMore: false
+        showMore: false,
+        showLinkBox: false
       }
     },
     components: {
       RecommendList,
       Buy,
       CommodityList,
-      QualificationCertificate
+      QualificationCertificate,
+      LinkSalerBox
     },
     computed: {
       commodities () {
@@ -149,9 +158,9 @@
       // 店铺简介
       getIntro (text) {
         let realLength = this.baseUtils.getRealLen(text)
-        if (realLength > 500) {
+        if (realLength > 495) {
           this.showMore = true
-          text = this.baseUtils.cutOutString(text, 500) + '...'
+          text = this.baseUtils.cutOutString(text, 495) + '...'
         } else {
           this.showMore = false
         }
@@ -335,6 +344,7 @@
             margin: -5px 0 0 1px;
             border-radius: 5px;
            .list{
+             height: 150px;
              border-radius: 5px;
              background: #fff;
             .information-list {
@@ -352,7 +362,7 @@
             div:last-child {
               width: 158px;
               line-height: 20px;
-              padding: 0px 10px 0px 6px;
+              padding: 0px 0px 0px 6px;
             }
             }
             .information-list > div {