#

components/detailBlock/detailBlock.vue

@@ -18,6 +18,10 @@
 						这是一段需要展开收起的文字，可以有很多很多的字，可能会占据很多的空间。因此，在默认情况下，我们只会显示部分文字，而把其余的部分折叠起
 						来。如果需要查看全部内容，可以点击“查看更多按钮，文字内容就会展开显示了。
 					</view>
+					<!-- <text ref="p" class="p">
+						这是一段需要展开收起的文字，可以有很多很多的字，可能会占据很多的空间。因此，在默认情况下，我们只会显示部分文字，而把其余的部分折叠起
+						来。如果需要查看全部内容，可以点击“查看更多按钮，文字内容就会展开显示了。
+					</text> -->
 					<text class="btn-more" @click="qqq">
 						{{isAll?'收起':'展开'}}
 					</text>
@@ -82,15 +86,16 @@
 			margin-bottom: 10px;
 			.content{
 				// display: flex;
+				// float: left;
 			}
 			.content .p{
 				width: 90%;
-				display:block;
+				// max-width: 100%;
+				// display:inline-block;
+				// float: left;
 				overflow:hidden;
 				text-overflow:ellipsis;
 				white-space:nowrap;
-				// flex-grow: 1;
-				// flex-wrap: wrap;
 				// padding-right: 50rpx;
 				/*设置文字溢出时显示省略号*/
 				
@@ -100,17 +105,9 @@
 				white-space:normal;
 				/*文字溢出时不再显示省略号*/
 			}
-		
-			.activeTit{
-				display: -webkit-box;
-				word-break: break-all;
-				text-overflow: ellipsis;
-				overflow: hidden;
-				-webkit-box-orient: vertical;
-				-webkit-line-clamp:2;/*设置 需要显示的行数*/
-			}
 			.btn-more{
 				float: right;
+				// width: 60px;
 				transform: translate(0,-100%);
 				color: #0056a8;
 			}	

pages/message/message.vue

@@ -56,16 +56,7 @@
 			</view>
 		</view>
 		
-		<view class="content">
-			<view ref="p" class="p">
-				这是一段需要展开收起的文字，可以有很多很多的字，可能会占据很多的空间。因此，在默认情况下，我们只会显示部分文字，而把其余的部分折叠起
-				来。如果需要查看全部内容，可以点击“查看更多按钮，文字内容就会展开显示了。
-			</view>
-			<text class-="btn-more" @click="qqq">
-				{{isAll?'收起':'更多'}}
-			</text>
-		</view>
-		
+
 	</view>
 </template>
 
@@ -102,19 +93,19 @@
 
 <style lang="scss">
 	
-	.content .p{
-		display:block;
-		overflow:hidden;
-		text-overflow:ellipsis;
-		white-space:nowrap;
-		/*设置文字溢出时显示省略号*/
+	// .content .p{
+	// 	display:block;
+	// 	overflow:hidden;
+	// 	text-overflow:ellipsis;
+	// 	white-space:nowrap;
+	// 	/*设置文字溢出时显示省略号*/
 		
-	}
-	.content .p.is-expanded{
-		overflow:visible;
-		white-space:normal;
-		/*文字溢出时不再显示省略号*/
-	}
+	// }
+	// .content .p.is-expanded{
+	// 	overflow:visible;
+	// 	white-space:normal;
+	// 	/*文字溢出时不再显示省略号*/
+	// }
 	
 	
 	.messBox {

unpackage/dist/dev/mp-weixin/components/detailBlock/detailBlock.js

@@ -148,6 +148,10 @@ exports.default = void 0;
 //
 //
 //
+//
+//
+//
+//
 var _default2 = {
   name: "detailBlock",
   props: {

unpackage/dist/dev/mp-weixin/components/detailBlock/detailBlock.wxss

@@ -39,7 +39,6 @@
 }
 .detailBlock .cont .content .p {
   width: 90%;
-  display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -50,15 +49,6 @@
   white-space: normal;
   /*文字溢出时不再显示省略号*/
 }
-.detailBlock .cont .activeTit {
-  display: -webkit-box;
-  word-break: break-all;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  /*设置 需要显示的行数*/
-}
 .detailBlock .cont .btn-more {
   float: right;
   -webkit-transform: translate(0, -100%);

unpackage/dist/dev/mp-weixin/pages/message/message.js

@@ -226,15 +226,6 @@ exports.default = void 0;
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
 var _default = {
   data: function data() {
     return {

unpackage/dist/dev/mp-weixin/pages/message/message.wxml

@@ -1,2 +1 @@
-<view class="messBox"><status-bar vue-id="7ac9e6a0-1" item="{{navbarData}}" bind:__l="__l"></status-bar><view class="mesItem"><view data-event-opts="{{[['tap',[['goToMesDetail',['$event']]]]]}}" class="leftBox" bindtap="__e"><view class="mesImg"><image src="../../static/message/notice.svg" mode="aspectFill"></image></view><view class="mesBrief"><view class="tit">活动通知</view><view class="breif">活动报名成功</view></view></view><view class="right"><view class="newMessage"></view><view class="mesTime">07-12</view></view></view><view class="mesItem"><view class="leftBox"><view class="mesImg"><image src="../../static/message/system.svg" mode></image></view><view class="mesBrief"><view class="tit">系统通知</view><view class="breif">已加入xxxxxx教研室</view></view></view><view class="right"><view class="newMessage"></view><view class="mesTime">07-12</view></view></view><view class="mesItem"><view class="leftBox"><view class="mesImg"><image src="../../static/message/subscribe.svg" mode></image></view><view class="mesBrief"><view class="tit">订阅消息</view><view class="breif">xxx教研室更新了课程</view></view></view><view class="right"><view class="newMessage"></view><view class="mesTime">07-12</view></view></view><view class="content"><view data-ref="p" class="p vue-ref">这是一段需要展开收起的文字，可以有很多很多的字，可能会占据很多的空间。因此，在默认情况下，我们只会显示部分文字，而把其余的部分折叠起
-			来。如果需要查看全部内容，可以点击“查看更多按钮，文字内容就会展开显示了。</view><text class-="btn-more" data-event-opts="{{[['tap',[['qqq',['$event']]]]]}}" bindtap="__e">{{''+(isAll?'收起':'更多')+''}}</text></view></view>
+<view class="messBox"><status-bar vue-id="7ac9e6a0-1" item="{{navbarData}}" bind:__l="__l"></status-bar><view class="mesItem"><view data-event-opts="{{[['tap',[['goToMesDetail',['$event']]]]]}}" class="leftBox" bindtap="__e"><view class="mesImg"><image src="../../static/message/notice.svg" mode="aspectFill"></image></view><view class="mesBrief"><view class="tit">活动通知</view><view class="breif">活动报名成功</view></view></view><view class="right"><view class="newMessage"></view><view class="mesTime">07-12</view></view></view><view class="mesItem"><view class="leftBox"><view class="mesImg"><image src="../../static/message/system.svg" mode></image></view><view class="mesBrief"><view class="tit">系统通知</view><view class="breif">已加入xxxxxx教研室</view></view></view><view class="right"><view class="newMessage"></view><view class="mesTime">07-12</view></view></view><view class="mesItem"><view class="leftBox"><view class="mesImg"><image src="../../static/message/subscribe.svg" mode></image></view><view class="mesBrief"><view class="tit">订阅消息</view><view class="breif">xxx教研室更新了课程</view></view></view><view class="right"><view class="newMessage"></view><view class="mesTime">07-12</view></view></view></view>

unpackage/dist/dev/mp-weixin/pages/message/message.wxss

@@ -24,18 +24,6 @@
 /* 垂直间距 */
 /* 透明度 */
 /* 文章场景相关 */
-.content .p {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  /*设置文字溢出时显示省略号*/
-}
-.content .p.is-expanded {
-  overflow: visible;
-  white-space: normal;
-  /*文字溢出时不再显示省略号*/
-}
 .messBox {
   background: #fff;
   display: flex;