caimei-applets-caimei/components/cm-module/listTemplate/richTextTemplate.vue

<template>
	<view class="content">
		<mp-html :content="html" :tag-style="tagStyle" />
		<!-- <parser :html="html" :img-mode="widthFix"></parser> -->
	</view>
</template>

<script>
	import parser from '@/components/jyf-Parser/index'
	var self
	export default{
		components: {
		   parser,
		   // uPars
		},
		data() {
			return{
				serverUrl: '',
				type: '',
				html:'',
				tagStyle:{
					div:'line-height: 58rpx;margin-bottom: 10rpx;font-size: 28rpx;',
					h4:'line-height: 54rpx;font-size: 30rpx;color:#666666;',
					h3:'line-height: 54rpx;font-size: 30rpx;color:#666666;',
					h2:'line-height: 54rpx;font-size: 30rpx;color:#666666;',
					p:'line-height: 50rpx;font-size: 30rpx;color:#666666;',
					a:'line-height: 50rpx;font-size: 30rpx;color:#666666;',
					span:'line-height: 50rpx;font-size: 30rpx;color:#666666;',
					img:'width: 100%;height: auto;'
				}
			}
		},
		created(){
			self = this		
		},
		methods:{

		}
	}
</script>

<style lang="scss">
	page{
		background: #FFFFFF;
		border-top: 1px solid #EBEBEB;
	}
	.content {
		padding: 40rpx 24rpx;
	}
</style>