供应商商铺首页-info

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

@@ -36,10 +36,12 @@ li{list-style:none}
 .supplierInfo .infoBox .part{margin-top:30px}
 .supplierInfo .infoBox .part:first-child{margin-top:0}
 .supplierInfo .infoBox .title{height:24px;line-height:24px;padding-left:10px;border-left:4px solid #E15616;font-size:24px;color:#4A4F58;font-weight:bold;text-align:left;margin-bottom:20px}
-.supplierInfo .infoBox .cont{text-indent:2em}
+.supplierInfo .infoBox span.l{display:inline-block;min-width:70px;height:24px;text-align:justify;vertical-align:top;overflow:hidden}
+.supplierInfo .infoBox span.l:after{content:'';display:inline-block;width:100%}
+.supplierInfo .tabCon .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}
+.supplierInfo .infoBox .cont{text-indent:2em;text-align:justify}
 .supplierInfo .infoBox .photo img{width:240px;height:180px}
 .supplierInfo .infoBox p{margin:5px 0}
-.supplierInfo .tabCon .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}
 
 
 }
@@ -71,11 +73,15 @@ li{list-style:none}
 .supplierInfo .tabTit span.on{color:#E15621;border-color:#E15621}
 .supplierInfo .tabTit span:first-child{margin-left:0;}
 .supplierInfo .showSearch{position:absolute;right:3.3vw;bottom:1.5vw;padding:0 2vw;height:7.5vw;line-height:7.5vw;background:#E15621;color:#FFF;font-weight:normal;font-size:3.1vw;border-radius:2px}
-.supplierInfo .tabCon{padding:1.2vw 3.3vw 3.3vw;text-align:center;font-size:3.4vw}
-
-
-
-.supplierInfo .tabCon .tag{display:inline-block;height:4.4vw;line-height:4.4vw;font-size:2.6vw;font-style:normal;background:#86B2FB;color:#FFF;border-radius:2px;margin-right:2.2vw;padding:0 1vw}
+.supplierInfo .tabCon{padding:1.2vw 3.3vw 3.3vw;font-size:3.4vw}
+.supplierInfo .infoBox{border-top:1px solid #F5F5F5;font-size:3.7vw;line-height:5.2vw;color:#93979F;}
+.supplierInfo .infoBox .title{font-size:3.1vw;color:#4A4F58;font-weight:bold;padding-left:1vw;border-left:.4vw solid #E15616;margin:2.7vw 0;}
+.supplierInfo .infoBox .tag{display:inline-block;height:4.4vw;line-height:4.4vw;font-size:2.6vw;font-style:normal;background:#86B2FB;color:#FFF;border-radius:2px;margin-right:2.2vw;padding:0 1vw}
+.supplierInfo .infoBox .part{margin-top:5.4vw}
+.supplierInfo .infoBox .part:first-child{margin-top:0}
+.supplierInfo .infoBox .cont{text-indent:2em;text-align: justify;}
+.supplierInfo .infoBox .photo img{width:45.3vw;height:34vw}
+.supplierInfo .infoBox p{margin:1vw 0;}
 
 
 

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

@@ -46,9 +46,9 @@
             <div class="item infoBox">
                 <div class="part">
                     <div class="title">公司基本信息</div>
-                    <p>公司：<span th:text="${supplier.name}"></span></p>
-                    <p>满意度：<span><i v-for="i in 5" class="icon mIcon heart"></i></span></p>
-                    <p>经营范围：<span><em class="tag" th:each="bus: ${supplier.businessScopeArr}" th:text="${bus}"></em></span></p>
+                    <p><span class="l">公司</span>：<span th:text="${supplier.name}"></span></p>
+                    <p><span class="l">满意度</span>：<span><i v-for="i in 5" class="icon mIcon heart"></i></span></p>
+                    <p><span class="l">经营范围</span>：<span><em class="tag" th:each="bus: ${supplier.businessScopeArr}" th:text="${bus}"></em></span></p>
                 </div>
                 <div class="part">
                     <div class="title">公司介绍</div>