Bläddra i källkod

处理了研学文字的样式

vaecebyZ 9 månader sedan
förälder
incheckning
5ee82a0b77
3 ändrade filer med 20 tillägg och 5 borttagningar
  1. 11 1
      study/index.vue
  2. 2 2
      study/studyGoodsDetail.vue
  3. 7 2
      study/type.vue

+ 11 - 1
study/index.vue

@@ -49,7 +49,7 @@
 						<view class="user-info">
 							<!-- <image class="head" :src="item.logoPath"></image> -->
 							<view class="user-name">
-								{{item.shopName}}
+								{{item.goodsDescribe}}
 							</view>
 						</view>
 						<view class="price-box">
@@ -423,6 +423,12 @@
 						.user-name{
 							color: #AAAAAA;
 							font-size: 24rpx;
+							// 超出部分变成...
+							display: -webkit-box;
+							-webkit-box-orient: vertical;
+							-webkit-line-clamp: 1; 
+							overflow: hidden;
+							text-overflow: ellipsis;
 							// margin-left: 12rpx;
 						}
 					}
@@ -511,6 +517,10 @@
 							color: #AAAAAA;
 							font-size: 24rpx;
 							overflow: hidden;
+							text-overflow: ellipsis;
+							display: -webkit-box;
+							-webkit-box-orient: vertical;
+							-webkit-line-clamp: 1; 
 							// margin-left: 12rpx;
 						}
 					}

+ 2 - 2
study/studyGoodsDetail.vue

@@ -32,7 +32,7 @@
 
 			<view class="reservation" @click="openCalendar">
 				<view class="text">
-					<text style="color:#AAAAAA;margin-right:28rpx;"> 预定 </text> {{ reserveTime ? '预定' + $u.timeFormat(new
+					<text style="color:#AAAAAA;margin-right:28rpx;"> 预定 </text> {{ reserveTime ? '预定' + $u.timeFormat(new
 						Date(reserveTime), 'yyyy年mm月dd日') + '出发' :
 						info.reservationDate || '' }}
 				</view>
@@ -69,7 +69,7 @@
 
 		<view class="tab-group">
 			<view class="tab" :class="[tab == 1 ? 'active' : '']" @click="handleTab(1)">
-				商品详情
+				详情介绍
 			</view>
 			<view class="tab" :class="[tab == 2 ? 'active' : '']" @click="handleTab(2)">
 				购买须知

+ 7 - 2
study/type.vue

@@ -26,7 +26,7 @@
 						<view class="user-info">
 							<!-- <image class="head" :src="item.goodsPath"></image> -->
 							<view class="user-name">
-								{{ item.shopName }}
+								{{ item.goodsDescribe }}
 							</view>
 						</view>
 						<view class="price-box">
@@ -62,7 +62,7 @@
 						<view class="user-info">
 							<!-- <image class="head" :src="item.goodsPath" mode=""></image> -->
 							<view class="user-name">
-								{{ item.shopName }}
+								{{ item.goodsDescribe }}
 							</view>
 						</view>
 						<view class="price-box">
@@ -640,6 +640,11 @@ export default {
 
 					.user-name {
 						font-size: 20rpx;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						display: -webkit-box;
+							-webkit-box-orient: vertical;
+							-webkit-line-clamp: 1; 
 					}
 				}