上传

App.vue

@@ -11,6 +11,7 @@
 </script>
 
 <style lang="scss">
+	@import url("common.scss");
 	/*每个页面公共css */
 	body{
 		background-color: $uni-bg-color;
@@ -20,4 +21,5 @@
 	.page{
 		padding-top: var(--window-top);
 	}
+	
 </style>

common.scss

@@ -0,0 +1,21 @@
+
+// 文字益处处理
+.text-ellipsis{
+	overflow:hidden; //超出的文本隐藏
+	text-overflow:ellipsis; //溢出用省略号显示
+	white-space:nowrap; //溢出不换行
+}
+.text-ellipsis-2{
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display:-webkit-box; //作为弹性伸缩盒子模型显示。
+	-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
+	-webkit-line-clamp:2; //显示的行
+}
+.text-ellipsis-3{
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display:-webkit-box; //作为弹性伸缩盒子模型显示。
+	-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
+	-webkit-line-clamp:3; //显示的行
+}

pages_order/components/list/cardList.vue

@@ -12,7 +12,7 @@
 				<view class="card-content-tag">
 					提前一周预约
 				</view>
-				<view class="tips">
+				<view class="tips text-ellipsis-2">
 					御窑厂、刘家弄、观音阁、观音阁观音阁观音阁陶瓷博物馆御窑博物馆...陶瓷博物馆御窑博物馆陶瓷博物馆御窑博物馆陶瓷博物馆御窑博物馆
 				</view>
 				<view class="card-content-bottom">
@@ -84,11 +84,6 @@
 			.tips{
 				font-size: 24rpx;
 				color: #999;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				display:-webkit-box; //作为弹性伸缩盒子模型显示。
-				-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
-				-webkit-line-clamp:2; //显示的行
 			}
 
 			.card-content-bottom {