优化富文本显示

pages/huiFeiJiaoJiao/huiFeiJiaoJiao.vue

@@ -35,30 +35,8 @@
 			</view>
 		</view>
 		<view class="desc-box">
-			<view class="title">
-				会员会费缴交规则：
-			</view>
-			<view class="text">
-				根据《广州市房地产中介协会章程》第五十六条，会费标准如下：
-			</view>
-			<view class="li">
-				副会长单位：50000元/年；
-			</view>
-			<view class="li">
-				理事单位：10000元/年；
-			</view>
-			<view class="li">
-				普通会员单位：1000元/年；
-			</view>
-			<view class="li">
-				个人会员：200元/年。
-			</view>
-			<view class="text">
-				单位会员会籍为每年1月1日至12月31日；
-			</view>
-			<view class="text">
-				个人会员会籍为每年5月1日至次年4月30日。
-			</view>
+			<!-- <rich-text :nodes="explain"></rich-text> -->
+			<mp-html :content="explain" />
 		</view>
 	</view>
 </template>
@@ -81,6 +59,9 @@
 	
 	const listData = ref([
 	])
+	const explain = ref(`
+	<p><span style="font-size: 12px;"></span></p><p style="line-height:150%"><span style="font-size: 12px; font-family: arial, helvetica, sans-serif;"><strong><span style="font-size: 12px; line-height: 150%;">会员会费缴交规则：</span></strong></span></p><p style="line-height:150%"><span style="line-height: 150%; font-family: arial, helvetica, sans-serif; font-size: 10px;">根据《广州市房地产中介协会章程》第五十六条，会费标准如下：</span></p><p style="line-height:150%"><span style="text-indent: 32px; font-family: arial, helvetica, sans-serif; font-size: 10px;"><span style="font-size: 10px; font-family: 宋体; text-indent: 32px; text-wrap-mode: wrap;">•&nbsp;</span>副会长单位：50000元/年；</span></p><p style="line-height:150%"><span style="text-indent: 32px; font-family: arial, helvetica, sans-serif; font-size: 10px;"><span style="font-size: 10px; font-family: 宋体; text-indent: 32px; text-wrap-mode: wrap;">•&nbsp;</span>理事单位：10000元/年；</span></p><p style="line-height:150%"><span style="text-indent: 32px; font-family: arial, helvetica, sans-serif; font-size: 10px;"><span style="font-size: 10px; font-family: 宋体; text-indent: 32px; text-wrap-mode: wrap;">•&nbsp;</span>普通会员单位：1000元/年；</span></p><p style="line-height:150%"><span style="text-indent: 32px; font-family: arial, helvetica, sans-serif; font-size: 10px;"><span style="font-size: 10px; font-family: 宋体; text-indent: 32px; text-wrap-mode: wrap;">•&nbsp;</span>个人会员：200元/年/人。</span></p><p><span style="font-family: arial, helvetica, sans-serif; font-size: 10px;">单位会员会籍为每年1月1日至12月31日；</span></p><p><span style="font-family: arial, helvetica, sans-serif; font-size: 10px;">个人会员会籍为每年5月1日至次年4月30日。</span></p><p>&nbsp;&nbsp;&nbsp;&nbsp;</p><p><br/></p>
+	`)
 	function onJiaoFei(val) {
 		if (val.payed) {
 			return
@@ -177,26 +158,8 @@
 	
 		.desc-box {
 			margin: 0 20rpx;
+			padding-bottom: 30rpx;
 			font-weight: bold;
-			.title {
-				font-size: $uni-title-font-size-2;
-				line-height: 50rpx;
-			}
-			.text {
-				display: flex;
-				align-items: center;
-				font-size: $uni-font-size-2;
-			}
-			.li {
-				display: flex;
-				align-items: center;
-				font-size: $uni-font-size-2;
-				&:before {
-					content: '•';
-					font-size: 30rpx;
-					margin-right: 8rpx;
-				}
-			}
 		}
 	}
 </style>