ios真机调试

pages/comments/comments.vue

@@ -35,6 +35,7 @@
 
 		</view>
 		<view class="mainContent">
+			
 			<view v-if="shupingList.length > 0">
 				<view class="flexbox shuping-topbar">
 					<view class="shuping-topbar-tiao">{{shupingNum || 0}}条书评</view>
@@ -49,13 +50,17 @@
 					</view>
 				</view>
 				<view class="item" @click.stop="toDetail(item)" v-for="(item,index1) in shupingList" :key="index1">
+					
+					
 					<view class="title">{{item.title}}</view>
 					<image class="feng" v-if="item.image" :src="item.image" mode="aspectFill"></image>
-					<view class="description" v-html="item.content">
+					<view class="description descriptionNew" v-html="item.content">
+						
 					</view>
 					<!-- <image class="feng" v-if="item.image == ''"  src="../../static/icon/home_bg.jpg" mode="aspectFill"></image> -->
 
 					<view class="btns flexbox" style="margin-top:10rpx;">
+						
 						<span class="left" style="color: #C0C4CC;">{{formatTimeDifferenceFromT(item.createTime)}}</span>
 						<span class="right flexbox opbtns">
 							<image class="gzicon" v-if="item.ilike" src="../../static/icon/gz2.png" mode="aspectFill"
@@ -190,6 +195,7 @@
 				status: 3,
 				shupingList: [],
 				bfaid: null,
+				newTime:'',
 			}
 		},
 		onPullDownRefresh() {
@@ -284,9 +290,13 @@
 					})
 			},
 			formatTimeDifferenceFromT(dateTimeT) {
+				dateTimeT=	dateTimeT.replace(/-/g,"/") 
+				console.log("🚀 ~ formatTimeDifferenceFromT ~ dateTimeT:", dateTimeT)
 				const now = new Date();
 				const t = new Date(dateTimeT);
+				console.log("🚀 ~ formatTimeDifferenceFromT ~ t:", t)
 				const differenceInSeconds = Math.floor((now - t) / 1000);
+				console.log("🚀 ~ formatTimeDifferenceFromT ~ differenceInSeconds:", differenceInSeconds)
 
 				if (differenceInSeconds <= 3600) {
 					const minutes = Math.floor(differenceInSeconds / 60);
@@ -710,6 +720,7 @@
 			-webkit-line-clamp: 9;
 			display: -webkit-box;
 			-webkit-box-orient: vertical;
+			
 		}
 
 		// view{ padding-left: 30rpx;  box-sizing: border-box;  width: calc(100% - 150px);
@@ -753,18 +764,24 @@
 		}
 
 		.description {
-			overflow: hidden;
-			color: #666;
-			text-overflow: -o-ellipsis-lastline;
-			overflow: hidden;
-			text-overflow: ellipsis;
-			display: -webkit-box;
-			-webkit-line-clamp: 5;
-			line-clamp: 5;
+			// width: 100%;
 			-webkit-box-orient: vertical;
-			font-size: 26rpx;
-			margin-bottom: 20rpx;
-			margin-top: 10rpx;
+			overflow: hidden !important;
+			height:190rpx;
+			color: #666 !important;
+			text-overflow: -o-ellipsis-lastline !important;
+			overflow: hidden !important;
+			text-overflow: ellipsis !important;
+			display: -webkit-box !important;
+			-webkit-line-clamp: 5 !important;
+			line-clamp: 5 !important;
+			-webkit-box-orient: vertical !important;
+			font-size: 26rpx !important;
+			margin-bottom: 20rpx !important;
+			margin-top: 10rpx !important;
+
+			white-space: pre-wrap;
+
 			// height: 172rpx;
 		}
 
@@ -816,4 +833,7 @@
 		margin-bottom: 30rpx;
 		overflow: hidden;
 	}
+	.descriptionNew{
+		// overflow: auto;
+	}
 </style>