jxred/pages/applic/info.vue

<template>
	<view class="container">
	<view class="notice-item">
		<jyf-parser :html="description" ref="article"></jyf-parser>
	</view>
	</view>
</template>

<script>
	import { details , deconstructArticle } from '@/api/info.js';
	import jyfParser from "@/components/jyf-parser/jyf-parser.vue";
	export default{
		components: {
		   jyfParser
		 },
		data(){
			return{
				id:'',
				list:"",
				description:'',
				type:0,
				
			}
		},
		onLoad(option) {
			this.id = option.id;
				this.loadData();
		},
		methods:{
			loadData(){
				let obj = this;
			details({},obj.id).then(function(e) {
				obj.list = e.data;
				if(obj.list.content != null){
					obj.description = obj.list.content.replace(/<img/g,"<img style='max-width:100%;height:auto;'").replace(/<video/g,"<video style='max-width:100% !import;height:auto;'");
				}//小程序商品详情图超出屏幕问题
			});
			}
		}
	}
</script>

<style lang="scss">
page {
	min-height: 100%;
	background:#FFFFFF;
}
.notice_name {
	font-size: (35vw/7.5) !important;
	color: #303133;
	padding: (25vw/7.5) (25vw/7.5) (0vw/7.5) (25vw/7.5);
	margin-bottom: (25vw/7.5);
}
.course-video{
			width: 100%;
			height: (500vw/7.5);
		}
.notice-item {
	width: 100%;
	height: 100%;
	color: #666666;
	padding: (35vw/7.5) (35vw/7.5);
	font-size: (23vw/7.5);
	padding-bottom: (30vw/7.5);
}
/deep/ .edui-faked-video {
	width: 750rpx;
}
</style>