潜客搜集版本

src/main/resources/static/css/supplier/list.css

@@ -9,7 +9,7 @@ li{list-style:none}
     .supplierItem:first-child{border:none}
     .supplierItem .right{float:right;width:576px;position:relative}
     .supplierItem .left{float:left;width:560px;box-sizing:border-box;padding-left:152px;position:relative}
-    .supplierItem .left .logo{position:absolute;left:0;top:0;width:136px;height:124px;line-height:124px;}
+    .supplierItem .left .logo{position:absolute;left:0;top:0;width:136px;height:124px;line-height:120px;border:1px solid #e1e1e1;}
     .supplierItem .left .logo img{width:100%;max-height:100%;background-color:#FFF;vertical-align:middle;}
     .supplierItem .left h5{line-height:32px;font-weight:bold;font-size:20px;}
     .supplierItem .left h5 span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align: middle;max-width:84%;}
@@ -17,8 +17,8 @@ li{list-style:none}
     .supplierItem .left p>span{white-space:normal;height:auto;display:inline-block;vertical-align:top;max-width:82%}
     .supplierItem .left .tag{display:inline-block;height:20px;line-height:20px;font-style:normal;background:#86B2FB;color:#FFF;border-radius:2px;margin-right:10px;padding:0 5px}
     .supplierItem .products{position:relative;height:124px}
-    .supplierItem .products li{float:left;width:100px;min-height:100px;background:url(/img/base/placeholder.png) no-repeat center center;background-size:80%;margin-right:16px}
-    .supplierItem .products li img{width:100px;height:100px}
+    .supplierItem .products li{float:left;width:100px;min-height:100px;background:url(/img/base/placeholder.png) no-repeat center center;background-size:80%;margin-right:16px;border: 1px solid #e1e1e1;}
+    .supplierItem .products li img{width:98px;height:98px}
     .supplierItem .products li span{display:block;padding-top:8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#93979F}
     .supplierItem .products a:hover span{color:#FF5B00;}
     .supplierItem .right .four{position:absolute;right:0;top:38px;line-height:24px;font-size:16px;color:#FF5B00}

src/main/resources/templates/supplier/list.html

@@ -29,7 +29,7 @@
         <li class="supplierItem clear" v-for="shop in listData"  @click="hanldHrefLink(shop)">
             <div class="left">
                 <a href="javascript:void(0);" class="logo">
-                    <img :src="shop.logo" onerror="javascript:this.src='/img/base/placeholder.png';">
+                    <img src="/img/base/placeholder.png" :data-original="shop.logo">
                 </a>
                 <h5><a href="javascript:void(0);" :title="shop.name">
                     <span v-html="shop.name"></span>