Эх сурвалжийг харах

供应商列表文字溢出处理

ouxq 8 жил өмнө
parent
commit
09e6866b7d

+ 1 - 1
assets/scss/reset.scss

@@ -31,7 +31,7 @@ h6 {
   line-height: inherit;
 }
 a:focus{
-  text-decoration: none;
+  text-decoration: none !important;
 }
 h1 {
   font-size: $font-size-h1;

+ 1 - 1
components/default/Header.vue

@@ -127,7 +127,7 @@
           float: left;
 
           .navbar-logo {
-            margin-bottom: -2px;
+            margin-bottom: 2px;
           }
 
           .navbar-slogan {

+ 9 - 9
components/provider/Suppliers.vue

@@ -31,7 +31,7 @@
           <a class="store-name" :href="'/store/' + store.uuid" target="_blank"><div :title="store.storeName">{{store.storeName}}</div></a>
           <div class="store-message">
             <span>商家介绍:</span>
-            <span>{{store.description}}</span>
+            <span>{{store.description.slice(0,160)}}<em v-if="store.description.length > 160">...</em></span>
           </div>
         </td>
         <td class="vertical-middle">
@@ -139,14 +139,14 @@ export default {
 	}
 
 	#store-list table>tbody .store-message {
-		color: #999;
-		width: 95%;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		display: -webkit-box;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 3;
-		line-height: 18px;
+    color: #999;
+    width: 95%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    line-height: 18px;
 	}
 	#store-list table>tbody tr td{
 		padding: 15px;