公告修改

public/appnew/src/components/announcementDetails/announcementDetails.vue

@@ -5,7 +5,7 @@
 		<div class="report-time">
 		<span>{{create_time}}</span>
 		</div>
-		<div class="report-text">{{content}}</div>
+		<div class="oh report-content-area report-text" v-html="content">{{content}}</div>
 	</div>
 </template>
 <script>
@@ -37,13 +37,16 @@
 						responseType: 'json',
 						data: {
 							'id': _this.announce_id,
+//							'id': 253,
+							
 						}
 					})
 					.then(function(response) {
 						if(response.data.code == 200) {
 							_this.house_title=response.data.data.title;//改成title
 							_this.create_time=response.data.data.create_time;
-							_this.content=response.data.data.content;
+//							_this.content=response.data.data.content;
+							_this.content=_this.common.urlDeal(response.data.data.content);
 							console.log(response.data.data.content);
 
 						} else {
@@ -60,7 +63,7 @@
 
 <style scoped>
 	.report-detail{
-		padding: .44rem .28rem;
+		padding: .44rem .3rem;
 	}
 	.report-title{
 		font-size: .4rem;
@@ -72,14 +75,31 @@
 		margin-top: .22rem;
 	}
 	.report-text{
-		text-indent:2em;
+		/*text-indent:2em;
 		font-size: .3rem;
-		color: #1A1A1A;
-		line-height: .56rem;
-		margin-top: .5rem;
+		color: #1A1A1A;*/
+		/*line-height: .56rem;*/
+		margin-top: .38rem;
 		padding-bottom:1rem; 
 	}
 	.sec-right{
 		margin-left: .32rem;
 	}
+	/*而如果在组件中使用了v-html，要为myHtml中的标签添加CSS样式，我们需要在写样式的时候添加>>>：*/
+	.report-content-area >>> img{
+		width: 100%;
+		max-width: 6.9rem;
+	}
+	.report-content-area >>> iframe{
+		width: 100%;
+		max-width: 6.9rem;
+	}
+	.report-content-area >>> embed{
+		width: 100%;
+		max-width: 6.9rem;
+	}
+	.report-content-area >>> video{
+		width: 100%;
+		max-width: 6.9rem;
+	}
 </style>