myjtp/components/csMessage.vue

<template>
	<view>
		<view class="fromDataD">
			<view class="title">参赛须知</view>
			<view class="center">1、本次大赛分网络海选赛和线下竞赛两部分；</view>
			<view class="center">2、参赛时请选择自己擅长的技能报名“产康师”、“母乳喂养指导师”、“母婴护理师”网上竞选；</view>
			<view class="center">3、简介请填写200字以内的参赛自我荐语；</view>
			<view class="center">4、网络海选赛进入小组前50名的选手才具有线下竞赛资格。</view>
		</view>
		<view class="fromDataD">
			<view class="title">奖励规则</view>
			<view class="center">【特等奖】网络海选赛票数最高者，奖励5000元</view>
			<view class="center">【一等奖】明星产康师、明星母乳喂养指导师、母婴护理师各组一名由线下专家评比产生，奖励5000元/名</view>
			<view class="center">【二等奖】网络海选赛各组票数排名1、2名（除票数最高者），各组2名奖励3000礼包/名</view>
			<view class="center">【三等奖】“十佳产康师”、“十佳母乳喂养指导师”、“十佳母婴护理师”由线下评比产生，各组10名，现场颁奖授牌；</view>
			<view class="center">【纪念奖】凡进入线下竞赛的选手均有纪念证书和奖品领取。</view>
			<view class="center">本次活动最终解释权归母婴健康专业委员会所有</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	onLoad() {},
	onShow() {},
	methods: {}
};
</script>

<style lang="scss">
.fromDataD {
	background-color: #ffffff;
	border-radius: 10rpx;
	margin: 30rpx;
	padding-bottom: 20rpx;
	.center {
		padding: 0 20rpx;
	}
	.title {
		margin-bottom: 20rpx;
		border-bottom: 1px dashed #e3e3e3;
		padding: 30rpx 0;
		text-align: center;
		font-weight: bold;
		font-size: 30rpx;
	}
}
</style>