Browse Source

商品标题样式调整

DELL 3 năm trước cách đây
mục cha
commit
a1682ad43a

+ 6 - 3
src/packageGoods/components/exchange-popup/exchange-popup.vue

@@ -9,7 +9,7 @@
 					</view>
 					<view class="goods-left-content flex">
 						<!-- #ifdef MP-ALIPAY -->
-						<view class="goods-left-content__titletwo ells-one">{{ detailInfo.title }}</view>
+						<view class="goods-left-content__titletwo">{{ detailInfo.title }}</view>
 						<!-- #endif -->
 						<!-- #ifndef MP-ALIPAY -->
 						<view class="goods-left-content__title ells-one">{{ detailInfo.title }}</view>
@@ -215,11 +215,14 @@
 						overflow: hidden;
 					}
 					&__titletwo {
+						width: 350rpx;
 						font-size: 30rpx;
-						height: 28rpx;
-						line-height: 30rpx;
+						height: 30rpx;
+						line-height: 35rpx;
 						font-weight: bold;
+						white-space: nowrap;
 						overflow: hidden;
+						text-overflow: ellipsis;
 					}
 					
 					&__coin {

+ 7 - 4
src/packageGoods/components/purchase-popup/purchase-popup.vue

@@ -9,7 +9,7 @@
 					</view>
 					<view class="goods-left-content flex">
 						<!-- #ifdef MP-ALIPAY -->
-						<view class="goods-left-content__titletwo ells-one">{{ detailInfo.title }}</view>
+						<view class="goods-left-content__titletwo">{{ detailInfo.title }}</view>
 						<!-- #endif -->
 						<!-- #ifndef MP-ALIPAY -->
 						<view class="goods-left-content__title ells-one">{{ detailInfo.title }}</view>
@@ -205,11 +205,14 @@
 					}
 					
 					&__titletwo {
-						overflow: hidden;
-						height: 28rpx;
+						width: 350rpx;
+						height: 30rpx;
 						font-size: 30rpx;
-						line-height: 30rpx;
+						line-height: 35rpx;
 						font-weight: bold;
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
 					}
 					
 					&__price {

+ 15 - 0
src/packageGoods/goods/detail.vue

@@ -15,7 +15,12 @@
 			<!-- 详情 -->
 			<view class="detail-info flex">
 				<view class="detail-info-left">
+					<!-- #ifdef MP-ALIPAY -->
+					<view class="detail-info-left__titletwo">{{ info.title }}</view>
+					<!-- #endif -->
+					<!-- #ifndef MP-ALIPAY -->
 					<view class="detail-info-left__title">{{ info.title }}</view>
+					<!-- #endif -->
 					<view class="detail-info-left__coin">
 						<view class="content flex">
 							<image src="../../static/public/goods_coin.png" mode="scaleToFill"></image>
@@ -289,6 +294,16 @@
 					overflow: hidden;
 					text-overflow: ellipsis;
 				}
+				&__titletwo {
+					width: 100%;
+					font-size: 34rpx;
+					line-height: 40rpx;
+					margin-bottom: 26rpx;
+					font-weight: bold;
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
 				
 				&__coin {
 					display: flex;

+ 6 - 3
src/packageGoods/goods/list.vue

@@ -42,7 +42,7 @@
 					</view>
 					<view class="content">
 						<!-- #ifdef MP-ALIPAY -->
-						<view class="content-titletwo ells-one">{{ item.title }}</view>
+						<view class="content-titletwo">{{ item.title }}</view>
 						<!-- #endif -->
 						<!-- #ifndef MP-ALIPAY -->
 						<view class="content-title ells-one">{{ item.title }}</view>
@@ -264,10 +264,13 @@
 						font-weight: bold;
 					}
 					&-titletwo {
-						height: 27rpx;
+						height: 28rpx;
 						font-size: 28rpx;
-						line-height: 28rpx;
+						line-height: 32rpx;
 						font-weight: bold;
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
 					}
 					
 					&-coin {

+ 17 - 1
src/packageGoods/ticket/index.vue

@@ -12,7 +12,13 @@
 					hover-class="navigator-hover" v-for="(item, index) in list" :key="index">
 					<image :src="item.picUrl" mode="aspectFill"></image>
 					<view class="info">
+						<!-- #ifdef MP-ALIPAY -->
+						<view class="titletwo">{{ item.title }}</view>
+						<!-- #endif -->
+						<!-- #ifndef MP-ALIPAY -->
 						<view class="title ells-one">{{ item.title }}</view>
+						<!-- #endif -->
+						
 						<view class="price">¥{{ $numberFormat(item.salePrice) }}</view>
 					</view>
 				</navigator>
@@ -115,12 +121,22 @@
 					line-height: 36rpx;
 					font-size: 36rpx;
 					font-weight: bold;
-					margin-bottom: 20rpx;
+				}
+				.titletwo {
+					width: 100%;
+					line-height: 40rpx;
+					height: 40rpx;
+					font-size: 36rpx;
+					font-weight: bold;
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
 				}
 
 				.price {
 					font-size: 26rpx;
 					font-weight: bold;
+					margin-top: 20rpx;
 					color: #FF4208;
 					line-height: 42rpx;
 					margin-bottom: 24rpx;

+ 17 - 6
src/packagePrize/ticket/index.vue

@@ -37,7 +37,7 @@
 					</view>
 					<view class="bottom" v-else>
 						<!-- #ifdef MP-ALIPAY -->
-						<view class="bottom-pricetwo ells-one">奖品:<text>{{ item.prizeInfo || '-' }}</text></view>
+						<view class="bottom-pricetwo"><view>奖品:</view><text>{{ item.prizeInfo || '-' }}</text></view>
 						<!-- #endif -->
 						<!-- #ifndef MP-ALIPAY -->
 						<view class="bottom-price ells-one">奖品:<text>{{ item.prizeInfo || '-' }}</text></view>
@@ -213,6 +213,7 @@
 				justify-content: space-between;
 				padding: 16rpx 0;
 				
+				
 				.top {
 					width: 100%;
 					display: flex;
@@ -252,13 +253,23 @@
 						}
 					}
 					&-pricetwo {
-						height: 25rpx;
-						overflow: hidden;
-						font-size: 26rpx;
-						line-height: 26rpx;
-						
+						view {
+							display: inline-block;
+							height: 26rpx;
+							font-size: 26rpx;
+							line-height: 26rpx;
+							vertical-align: top;
+						}
 						text {
+							display: inline-block;
 							color: #F9822C ;
+							width: 350rpx;
+							height: 26rpx;
+							font-size: 26rpx;
+							line-height: 26rpx;
+							white-space: nowrap;
+							overflow: hidden;
+							text-overflow: ellipsis;
 						}
 					}
 					

+ 5 - 5
src/pages/core/index.vue

@@ -123,7 +123,7 @@
 					</view>
 					<view class="content">
 						<!-- #ifdef MP-ALIPAY -->
-						<view class="content-titletwo ells-one">{{ item.title }}</view>
+						<view class="content-titletwo">{{ item.title }}</view>
 						<!-- #endif -->
 						<!-- #ifndef MP-ALIPAY -->
 						<view class="content-title ells-one">{{ item.title }}</view>
@@ -820,16 +820,16 @@
 						font-size: 28rpx;
 						line-height: 28rpx;
 						font-weight: bold;
-						// margin-bottom: 30rpx;
 						overflow: hidden;
 					}
 					&-titletwo {
-						height: 27rpx;
+						height: 34rpx;
 						font-size: 28rpx;
-						line-height: 28rpx;
+						line-height: 34rpx;
 						font-weight: bold;
-						// margin-bottom: 30rpx;
+						white-space: nowrap;
 						overflow: hidden;
+						text-overflow: ellipsis;
 					}
 					
 					&-coin {