|
|
@@ -29,16 +29,18 @@
|
|
|
<a class="store-name"><div :title="store.storeName">{{store.storeName}}</div></a>
|
|
|
<div class="store-message">
|
|
|
<div>
|
|
|
- <span>主营产品:</span>
|
|
|
- <span>123</span>
|
|
|
- <span class="split_line" style="margin: 0 5px;">|</span>
|
|
|
- <span>经营范围:</span><span>1212324</span>
|
|
|
+ <span class="title">主营产品:</span>
|
|
|
+ <span class="info" v-text="store.description || '-'" :title="store.description">123</span>
|
|
|
+ <span class="split_line">|</span>
|
|
|
+ <span class="title">经营范围:</span>
|
|
|
+ <span class="info" v-text="store.storeApplication || '-'" :title="store.storeApplication">1212324</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <span>电话:</span>
|
|
|
- <span>123</span>
|
|
|
- <span class="split_line" style="margin: 0 5px;">|</span>
|
|
|
- <span>地址:</span><span>1212324</span>
|
|
|
+ <span class="title">电话:</span>
|
|
|
+ <span class="info" v-text="store.enterprise.enTel || '-'" :title="store.enterprise.enTel">123</span>
|
|
|
+ <span class="split_line">|</span>
|
|
|
+ <span class="title">地址:</span>
|
|
|
+ <span class="info" v-text="store.enterprise.enAddress || '-'" :title="store.enterprise.enAddress">1212324</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -288,6 +290,21 @@ export default {
|
|
|
-webkit-line-clamp: 2;
|
|
|
line-height: 18px;
|
|
|
}
|
|
|
+ #store-list table>tbody .store-message span.title{
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ #store-list table>tbody .store-message span.info{
|
|
|
+ float: left;
|
|
|
+ display: inline-block;
|
|
|
+ max-width: 280px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ #store-list table>tbody .store-message span.split_line {
|
|
|
+ float: left;
|
|
|
+ margin: 0 5px;
|
|
|
+ }
|
|
|
#store-list table>tbody tr:hover{
|
|
|
box-shadow: 1px 1px 12px rgb(145, 197, 239);
|
|
|
-moz-box-shadow: 1px 1px 12px rgb(145, 197, 239);
|