besiweb/pages/index/gongdeng/gongdengIntroduction.vue

<template>
	<view>
		<view class="sticky-nav">
			<view class="nav-box">
				<u-icon name="arrow-left" color="#000" size="48" @click="backHome()"></u-icon>
				<text class="gongdeng-text">供灯说明</text>
			</view>
		</view>
		<view class="content_box">
			<rich-text :nodes="nodes"></rich-text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				nodes: [{
					name: 'p',
					attrs: {
						class: 'directory',
					},
					children: [{
						type: 'text',
						text: '1.功能介绍'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory-content',
					},
					children: [{
						type: 'text',
						text: '自主选择不同象征意义的佛菩萨和时间，享受寺院专属佛龛前供奉特权，是互联网技术与传统线下寺院的融合。该功能板块主要有选择灯、我的供灯记录、我的灯券、供灯实时显示、每日福利组成。'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory',
					},
					children: [{
						type: 'text',
						text: '2.为什么要佛前供灯?'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory-content',
					},
					children:[{
						type: 'text',
						text: '灯是智慧和光明的象征，燃灯供佛是佛门中重要的供养之一。佛前点灯，功德无量。驱逐黑暗，心明眼亮，智慧显现。'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory',
					},
					children: [{
						type: 'text',
						text: '3.佛前供灯的十大功德。'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory-content',
					},
					children: [{
						type: 'text',
						text: '一、照世如灯。供灯者生生世世如同世间的明灯，转生为人也是人中之王，就像上师如意宝一样，慧灯照亮整个世界。'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory-content',
					},
					children: [{
						type: 'text',
						text: '二、肉眼不坏。供灯者肉眼非常明亮，不会变成盲人，也不会成近视眼。'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory-content',
					},
					children: [{
						type: 'text',
						text: '三、得于天眼。供灯者将来会获得五眼中的天眼。'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory-content',
					},
					children: [{
						type: 'text',
						text: '四、善恶智能。能辨别善法和恶法，懂得一切因果取舍。现在世间上许多人极为盲目，不知善恶取舍，而供灯者的智慧超越其他人。'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory-content',
					},
					children: [{
						type: 'text',
						text: '五、灭除大暗。具有超胜的智慧，能灭除自他相续中的一切愚痴黑暗。'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory-content',
					},
					children: [{
						type: 'text',
						text: '六、得智能明。自己的智慧超群众人，不受外界的各种诱惑，有辨别取舍的能力。'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory-content',
					},
					children: [{
						type: 'text',
						text: '七、不在暗处。生生世世不会转生在邪见或者黑暗的地方，住于光明的殊胜之地。'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory-content',
					},
					children: [{
						type: 'text',
						text: '八、具大福报。转生为具有大福报的众生。'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory-content',
					},
					children: [{
						type: 'text',
						text: '九、命终生天。命终后不会堕入恶趣，而会转生天界。其他经典中也说，长期供灯的人不会生于恶趣，而是上生天趣，即使投生人间，也生于高贵种族的家庭中，不会生在具邪见者的家里。'
					}]
				},
				{
					name: 'p',
					attrs: {
						class: 'directory-content',
					},
					children: [{
						type: 'text',
						text: '十、速证涅槃。在很快的时间中能证得圣者的果位。'
					}]
				}],
			}
		},
		methods: {
			backHome() {
				uni.navigateBack({
					delta: 1
				});
			},
		}
	}
</script>

<style lang="less">
	.sticky-nav {
		position: sticky;
		width: 100%;
		top: 0;
		z-index: 1;
	}

	.nav-box {
		width: 100%;
		padding-top: 90rpx;
		display: flex;
		align-items: center;
		background: #fff;
		height: 100rpx;
		padding-bottom: 50rpx;
        /deep/.u-icon{
			margin-left: 20rpx!important;
		}
		.gongdeng_back {
			width: 85rpx;
			height: 85rpx;
			padding-right: 35rpx;
		}

		.gongdeng-text {
			font-size: 40rpx;
			color: #000;
			margin-left: 250rpx;
		}
	}

	.content_box {
		margin: 0 15rpx 20rpx 15rpx;
	}

	/deep/.directory {
		font-size: 44rpx;
		font-weight: bold;
	}

	/deep/.directory-content {
		text-indent: 73rpx;
		font-size: 40rpx;
		color: rgb(165, 165, 165);
	}
</style>