u-line-*文本省略

This commit is contained in:
jqtmviyu@gmail.com 2021-02-25 21:28:39 +08:00
parent a35e9f7ef4
commit 768ecbcabc

View File

@ -12,18 +12,20 @@
<!-- 3.1 综合 -->
<block v-if="tabsCurrent===0">
<view class="composite">
<navigator class="composite_item" v-for="item in goods" :key="item.goods_id">
<!-- 3.1.1 图片 -->
<view class="goods_img">
<u-image width="190rpx" height="190rpx" mode="widthFix" :src="item.goods_small_logo"></u-image>
</view>
<!-- 3.1.2 商品信息-->
<view class="goods_info">
<view class="goods_name">{{item.goods_name}}</view>
<view class="goods_price">{{item.goods_price||99999}}</view>
</view>
</navigator>
<block v-for="item in goods" :key="item.goods_id">
<u-line color="red" />
<navigator class="composite_item">
<!-- 3.1.1 图片 -->
<view class="goods_img">
<u-image width="190rpx" height="190rpx" mode="widthFix" :src="item.goods_small_logo"></u-image>
</view>
<!-- 3.1.2 商品信息-->
<view class="goods_info">
<view class="goods_name u-line-2">{{item.goods_name}}</view>
<view class="goods_price">{{item.goods_price||99999}}</view>
</view>
</navigator>
</block>
</view>
</block>
@ -94,7 +96,6 @@ export default {
.composite {
.composite_item {
display: flex;
border-top: 1rpx solid #000;
padding: 10rpx 0;
.goods_img {
flex: 1;
@ -111,14 +112,6 @@ export default {
.goods_name {
font-size: 30rpx;
color: #333;
display: -webkit-box;
overflow: hidden;
white-space: normal !important;
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.goods_price {