Uniapp display rich text effect demo (organize)

uniapp Show rich text ：

<template>
	<view class="rtfBox">
		<view class="margin-left30 margin-right30 margin-top20 margin-bottom20">
			<rich-text :nodes="content"></rich-text>
		</view>
	</view>
</template>

<script>
	export default {
    
		components: {
    

		},
		data() {
    
			return {
    
				content: '',
			}
		},
		//  Page loading 
		onLoad(e) {
    
			//uni.hideTabBar();	// Don't let the bottom show tab Options 
			console.log(e,'eeee');
			uni.setNavigationBarTitle({
    
				title: e.title
			})
			// var data = this.$.get_data('contentTxt');
			var data = '<p> Privacy policy 11</p><p><img src="https://public.haotiku.com/haotiku/videos/20220216/1644974733576.png" alt="" width="571" height="337" /></p><p> Third party integrated in the application SDK And plug-ins ：<br />1.cn.jpush.android:  It is used to push in app information and message notifications to users .<br />2.com.alipay： be used for app Internal members pay information fee <br />3.com.umeng.commonsdk： For wechat  qq Third party login authorization and sharing .<br />4.com.amap.api： Gaode map is used to publish position positioning , User induction navigation .</p>';
			data = data.replace(/\<img/g, "<img style='width: 100%;'");
			this.content = data;
		},
		//  Page shows 
		onShow() {
    

		},
		//  Method 
		methods: {
    
			
		},
		//  Compute properties 
		computed: {
    

		},
		//  The listener 
		watch: {
    

		},
		//  Page hidden 
		onHide() {
    

		},
		//  Page uninstall 
		onUnload() {
    

		},
		//  Trigger pull-down refresh 
		onPullDownRefresh() {
    },
		//  Handling function of page pull bottom event 
		onReachBottom() {
    },
	}
</script>

<style lang="scss" scoped>
	.rtfBox {
    }
</style>

<!--  Main code  -->
<rich-text :nodes="content"></rich-text>
<script>
	export default {
    
		data() {
    
			return {
    
				content:''
			}
		},
		onLoad(){
    
			var data = '<p> Privacy policy 11</p><p><img src="https://public.haotiku.com/haotiku/videos/20220216/1644974733576.png" alt="" width="571" height="337" /></p><p> Third party integrated in the application SDK And plug-ins ：<br />1.cn.jpush.android:  It is used to push in app information and message notifications to users .<br />2.com.alipay： be used for app Internal members pay information fee <br />3.com.umeng.commonsdk： For wechat  qq Third party login authorization and sharing .<br />4.com.amap.api： Gaode map is used to publish position positioning , User induction navigation .</p>';
			data = data.replace(/\<img/g, "<img style='width: 100%;'")
			this.content= data;
		},
		
		methods: {
    
			
		}
	}
</script>