ng

components/mobile/supplier/SupplierDetail.vue

@@ -3,31 +3,44 @@
     <div class="detail">
       <h1>{{enInfo.enName}} <i class="iconfont icon-xiangyou"></i></h1>
       <div class="line">
-        <img src="/images/mobile/supplier/business.png" alt="">
+        <div class="img-wrap">
+          <img src="/images/mobile/supplier/business.png" alt="">
+        </div>
         <span>营业执照号：</span>
         <span>{{enInfo.enBussinessCode || '-'}}</span>
       </div>
       <div class="line">
-        <img src="/images/mobile/supplier/address.png" alt="">
+        <div class="img-wrap">
+          <img src="/images/mobile/supplier/address.png" alt="">
+        </div>
         <span>地址：</span>
         <span>{{enInfo.enAddress || '-'}}</span>
       </div>
       <div class="line">
-        <img src="/images/mobile/supplier/email.png" alt="">
+        <div class="img-wrap">
+          <img src="/images/mobile/supplier/email.png" alt="">
+        </div>
         <span>邮箱：</span>
         <span>{{enInfo.enEmail || '-'}}</span>
       </div>
       <div class="line">
-        <img src="/images/mobile/supplier/phone.png" alt="">
+        <div class="img-wrap">
+          <img src="/images/mobile/supplier/phone.png" alt="">
+        </div>
         <span>电话：</span>
         <span>{{enInfo.enTel || '-'}}</span>
       </div>
       <div class="line">
-        <img src="/images/mobile/supplier/house.png" alt="">
-        <p>行业</p>
+        <div class="img-wrap">
+          <img src="/images/mobile/supplier/house.png" alt="">
+        </div>
+        <span>行业：</span>
         <span>{{enInfo.enIndustry || '-'}}</span>
       </div>
     </div>
+    <div class="list">
+
+    </div>
   </div>
 </template>
 <script>
@@ -42,6 +55,7 @@
 <style lang="scss" scoped>
   .supplier-detail {
     background: #29a9f9;
+    padding-top: .38rem;
     .detail {
       width: 7.12rem;
       height: 4.46rem;
@@ -66,8 +80,17 @@
         font-size: .28rem;
         color: #666;
         padding: 0 .15rem;
-        img {
-          height: .25rem;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        .img-wrap {
+          width: .3rem;
+          text-align: center;
+          display: inline-block;
+          margin-right: .31rem;
+          img {
+            height: .25rem;
+          }
         }
       }
     }