activitys-uniapp/pages/rule/rule.vue

<template>
	<view class="u-content">
		<u-parse :html="content" v-show="!loading"></u-parse>
		<loading ref="loading" type="3"/>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loading:true,
				content: ''
			}
		},
		onLoad() {
			this.$refs.loading.showLoading()
			this.fetchDetail()
		},
		methods:{
			fetchDetail(){
				let params={
					title:'活动规则'
				}
				this.$api.notice.detail(params).then(res=>{
					this.content=res.data.data.content
					this.hideLoading()
				})
			},
			hideLoading(){
				setTimeout(()=>{
					this.$refs.loading.hide()
					this.loading=false
				},300)
			}
		}
	}
</script>

<style >
	page{
		background-color: #FFFFFF;
	}
	
	.u-content {
		padding: 30rpx;
		line-height: 50rpx;
	}
</style>