小程序标题改成两行

This commit is contained in:
Devil
2020-12-20 17:26:58 +08:00
parent 91d7fb8ed5
commit 99c10c4b36
22 changed files with 48 additions and 27 deletions

View File

@ -121,19 +121,20 @@ textarea {
/* 文字超出部分使用省略号 */
.single-text {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
}
.multi-text {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 104rpx;
}

View File

@ -18,7 +18,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{item.id}}" hover-class="none">
<image src="{{item.images}}" mode="aspectFit" />
<view class="base">
<view class="single-text">{{item.title}}</view>
<view class="multi-text">{{item.title}}</view>
<view class="price">
<text class="sales-price">{{currency_symbol}}{{item.min_price}}</text>
</view>

View File

@ -50,7 +50,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{goods.id}}" hover-class="none">
<image src="{{goods.images}}" mode="aspectFit" />
<view class="goods-base">
<view class="goods-title single-text">{{goods.title}}</view>
<view class="goods-title multi-text">{{goods.title}}</view>
<view class="sales-price">{{currency_symbol}}{{goods.min_price}}</view>
</view>
</navigator>

View File

@ -20,7 +20,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{item.goods_id}}" hover-class="none">
<image class="dis-block" src="{{item.images}}" mode="aspectFit"></image>
<view class="goods-base">
<view class="goods-title single-text">{{item.title}}</view>
<view class="goods-title multi-text">{{item.title}}</view>
<view class="goods-price single-text">{{currency_symbol}}{{item.price}}</view>
<view a:if="{{(item.original_price || null) != null}}" class="goods-original-price single-text">{{currency_symbol}}{{item.original_price}}</view>
<button size="mini">抢购</button>

View File

@ -141,6 +141,7 @@ textarea {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 104rpx;
}

View File

@ -18,7 +18,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{item.id}}" hover-class="none">
<image src="{{item.images}}" mode="aspectFit" />
<view class="base">
<view class="single-text">{{item.title}}</view>
<view class="multi-text">{{item.title}}</view>
<view class="price">
<text class="sales-price">{{currency_symbol}}{{item.min_price}}</text>
</view>

View File

@ -50,7 +50,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{goods.id}}" hover-class="none">
<image src="{{goods.images}}" mode="aspectFit" />
<view class="goods-base">
<view class="goods-title single-text">{{goods.title}}</view>
<view class="goods-title multi-text">{{goods.title}}</view>
<view class="sales-price">{{currency_symbol}}{{goods.min_price}}</view>
</view>
</navigator>

View File

@ -20,7 +20,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{item.goods_id}}" hover-class="none">
<image class="dis-block" src="{{item.images}}" mode="aspectFit"></image>
<view class="goods-base">
<view class="goods-title single-text">{{item.title}}</view>
<view class="goods-title multi-text">{{item.title}}</view>
<view class="goods-price single-text">{{currency_symbol}}{{item.price}}</view>
<view s-if="(item.original_price || null) != null" class="goods-original-price single-text">{{currency_symbol}}{{item.original_price}}</view>
<button size="mini">抢购</button>

View File

@ -141,6 +141,7 @@ textarea {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 104rpx;
}

View File

@ -18,7 +18,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{item.id}}" hover-class="none">
<image src="{{item.images}}" mode="aspectFit" />
<view class="base">
<view class="single-text">{{item.title}}</view>
<view class="multi-text">{{item.title}}</view>
<view class="price">
<text class="sales-price">{{currency_symbol}}{{item.min_price}}</text>
</view>

View File

@ -50,7 +50,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{goods.id}}" hover-class="none">
<image src="{{goods.images}}" mode="aspectFit" />
<view class="goods-base">
<view class="goods-title single-text">{{goods.title}}</view>
<view class="goods-title multi-text">{{goods.title}}</view>
<view class="sales-price">{{currency_symbol}}{{goods.min_price}}</view>
</view>
</navigator>

View File

@ -20,7 +20,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{item.goods_id}}" hover-class="none">
<image class="dis-block" src="{{item.images}}" mode="aspectFit"></image>
<view class="goods-base">
<view class="goods-title single-text">{{item.title}}</view>
<view class="goods-title multi-text">{{item.title}}</view>
<view class="goods-price single-text">{{currency_symbol}}{{item.price}}</view>
<view qq:if="{{(item.original_price || null) != null}}" class="goods-original-price single-text">{{currency_symbol}}{{item.original_price}}</view>
<button size="mini"></button>

View File

@ -142,6 +142,7 @@ textarea {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 104rpx;
}

View File

@ -18,7 +18,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{item.id}}" hover-class="none">
<image src="{{item.images}}" mode="aspectFit" />
<view class="base">
<view class="single-text">{{item.title}}</view>
<view class="multi-text">{{item.title}}</view>
<view class="price">
<text class="sales-price">{{currency_symbol}}{{item.min_price}}</text>
</view>

View File

@ -53,7 +53,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{goods.id}}" hover-class="none">
<image src="{{goods.images}}" mode="aspectFit" />
<view class="goods-base">
<view class="goods-title single-text">{{goods.title}}</view>
<view class="goods-title multi-text">{{goods.title}}</view>
<view class="sales-price">{{currency_symbol}}{{goods.min_price}}</view>
</view>
</navigator>

View File

@ -20,7 +20,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{item.goods_id}}" hover-class="none">
<image class="dis-block" src="{{item.images}}" mode="aspectFit"></image>
<view class="goods-base">
<view class="goods-title single-text">{{item.title}}</view>
<view class="goods-title multi-text">{{item.title}}</view>
<view class="goods-price single-text">{{currency_symbol}}{{item.price}}</view>
<view tt:if="{{(item.original_price || null) != null}}" class="goods-original-price single-text">{{currency_symbol}}{{item.original_price}}</view>
<button size="mini">抢购</button>

View File

@ -141,6 +141,7 @@ textarea {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 104rpx;
}

View File

@ -18,7 +18,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{item.id}}" hover-class="none">
<image src="{{item.images}}" mode="aspectFit" />
<view class="base">
<view class="single-text">{{item.title}}</view>
<view class="multi-text">{{item.title}}</view>
<view class="price">
<text class="sales-price">{{currency_symbol}}{{item.min_price}}</text>
</view>

View File

@ -50,7 +50,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{goods.id}}" hover-class="none">
<image src="{{goods.images}}" mode="aspectFit" />
<view class="goods-base">
<view class="goods-title single-text">{{goods.title}}</view>
<view class="goods-title multi-text">{{goods.title}}</view>
<view class="sales-price">{{currency_symbol}}{{goods.min_price}}</view>
</view>
</navigator>

View File

@ -20,7 +20,7 @@
<navigator url="/pages/goods-detail/goods-detail?goods_id={{item.goods_id}}" hover-class="none">
<image class="dis-block" src="{{item.images}}" mode="aspectFit"></image>
<view class="goods-base">
<view class="goods-title single-text">{{item.title}}</view>
<view class="goods-title multi-text">{{item.title}}</view>
<view class="goods-price single-text">{{currency_symbol}}{{item.price}}</view>
<view wx:if="{{(item.original_price || null) != null}}" class="goods-original-price single-text">{{currency_symbol}}{{item.original_price}}</view>
<button size="mini">抢购</button>