sailun-tbr-web/pages/home/monthly-policy/monthly-policy.vue

<template>
	<view>
		<!-- 月度政策 -->
		<view class="picture" ref="monthlyPolicy" v-html="contentDetail"></view>
	</view>
</template>

<script>
	import {
		request
	} from '@/common/request/request'
	require("promise.prototype.finally").shim()
	export default {
		data() {
			return {
				contentDetail: null
			}
		},
		onLoad() {
			this.handleGetData();
		},
		methods: {
			handleGetData: function(){
				uni.showLoading({
					title: "加载中"
				});
				var _this = this;
				request({
					url: '/homepage/getArticleOne',
					method: 'post',
					data: {
						"displayType": "1" //门店1
					}
				}).then(res => {
					if(res.data.code==0){
						_this.contentDetail = res.data.data.contentDetail;
					}else{
						uni.showToast({
							title: res.data.msg,
							icon: "none",
							duration: _this.$store.state.showToastDuration
						});
					};
				}).catch(err => {
					uni.showToast({
						title:  _this.$store.state.showServerErrorMsg,
						icon: "none",
						duration: _this.$store.state.showToastDuration
					});
				}).finally(() => {
					setTimeout(() => {
						uni.hideLoading();
						this.loading = false;
					}, 1000);
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.picture{
		width: 100%;
		p{
			img{
				width: 100%;
			}
		}
	}
</style>