weapp/pages/rules/new.vue

<template>
	<view class="rules">
		<custom-nav :title="pageTitle"></custom-nav>
		<view class="content">
			<view class="title">大卫博士卖货争霸赛规则</view>
			<!-- <u-parse :content="contents"></u-parse> -->
			<video style="width:100%; height:200px" v-if="pathVideo" :src="pathVideo" controls="controls" />
			<view class="ql-container ql-snow" style="border:none">
			    <view class="ql-editor" v-html="contents"></view>
			 </view>			
			<!--<view class="title1">【1】三周划分</view>
			<view class="text">整个比赛时间是连续的21天（三周）</view>
			<view class="item">第一个七天：初中班</view>
			<view class="item">第二个七天：高中班</view>
			<view class="item">第三个七天：大学班</view>
			
			<view class="title1">【2】每套学分划分</view>
			
			<view class="text">每套10学分，每天销售6套上排行榜 ，奖励上榜的的代理同等学分, 每周七天都上榜的，额外奖励60学分.</view>
			
			 
			<view class="title1">【3】总学分及奖励</view>
			
			 <view class="item">200-1500学分：600奖学金，大学毕业，发电子版大学毕业证书</view>
			 <view class="item">1500-2000学分：1500奖学金，大学毕业，学士学位，铜牌，电子+纸质大学毕业证，铜牌</view>
			 <view class="item">2000-3000学分：2500奖学金，大学毕业，硕士学位，银牌，电子+纸质大学毕业证，银牌</view>
			 <view class="item">大于等于3000学分的：奖励3500奖学金，大学毕业，博士学位，金牌，电子+纸质大学毕业证，金牌，上墙</view>
			 <view class="item">博士里学分最高的为学霸，5000奖学金，大学毕业，博士学位，电子+纸质大学毕业证，奖杯，上墙</view>
		
			<view class="title1">【4】对代理公司的奖励</view>
			 
			<view class="text">每一个代理公司参赛代理中，获得学士学位代理的奖学金总和的10%奖励给代理公司</view>
			 
			<view class="title1">【5】其他</view>
			 
			 <view class="text">报名费赛季结束后不予退还</view>-->
			
		</view> 
	</view>
</template>

<script>
	import { GetRule } from '../../api.js'
	import uParse from '@/components/u-parse/u-parse.vue'
	import 'quill/dist/quill.snow.css'
	export default {
		components: {
		    uParse
		  },
		data() {
			return {
				pageTitle: '赛季规则',
				contents: '',
				pathVideo:''
			};
		},
		onLoad() {
			this.getRules()
		},
		methods:{
			getRules() {
				this.$ajax.get(`${GetRule}`).then(([, { data: { code, msg, data }}]) => {
					if (code == 200) {
						this.contents = data.body
						this.pathVideo = data.video_url
					} else {
						uni.showModal({ title: '提示', showCancel: false, content: msg })
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.rules {
		padding: 0 30rpx;
		.content {
			margin-top: 180rpx;
			.title {
				text-align: center;
				font-size: 40rpx;
				font-weight: bold;
				color: #333;
				margin-bottom: 30rpx;
			}
		}
		// @include page();
		// .content {
		// 	padding: 28rpx 20rpx;
		// 	.title {
		// 		text-align: center;
		// 		font-size: 30rpx;
		// 	}
		// 	.title1 {
		// 		font-size: 28rpx;
		// 	}
		// 	.text {
		// 		font-size: 26rpx;
		// 		text-indent: 2em;
		// 	}
		// 	.item {
		// 		font-size: 24rpx;
		// 		text-indent: 2em;
		// 	}
		// }
	}
	.art_con ::v-deep p {
		line-height: 2;
		margin-top:10rpx;
	}
	.art_con ::v-deep section {
		line-height: 60rpx;
	}
</style>