web 随遇而安 培福

pages.json

@@ -73,6 +73,20 @@
 			}
 		},
 		{
+			"path": "pages/index/peifu/rule",//规则说明
+			"style": {
+				"navigationBarTitleText":"规则说明",
+			    "navigationStyle":"custom"//添加自定义配置
+			}
+		},
+		{
+			"path": "pages/index/peifu/record",//培福记录
+			"style": {
+				"navigationBarTitleText":"培福记录",
+			    "navigationStyle":"custom"//添加自定义配置
+			}
+		},
+		{
 			"path": "pages/index/gongdeng/index",//供灯首页
 			"style": {
 				"navigationBarTitleText":"供灯",

pages/index/peifu/record.vue

@@ -0,0 +1,56 @@
+<template>
+	<view class="">
+		<view class="nav">
+			<view class="nav_back" @click="backHome()">
+				< 
+			</view>
+			<view class="nav_header">培福记录</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return{
+				
+				
+			}
+		},
+		methods:{
+			
+			backHome() {
+				uni.navigateBack({
+					delta: 1
+				});
+		},	
+	},
+	}
+</script>
+
+<style>
+	page{
+			background-color:rgb(255,250,232,.2) ;
+	}
+	.nav{
+	position:sticky;
+	width: 100%;
+	font-weight: 600;
+	font-size: 50rpx;
+	padding-bottom: 20rpx;
+	}
+
+	.nav .nav_back,.nav .nav_header{
+		position: absolute;
+		margin-top: 20rpx;
+		
+	}
+	.nav .nav_header{
+	  left: 50%;
+		transform: translateX(-50%);
+	}
+	.nav_back{
+		transform: translateX(20rpx);
+	}
+	
+</style>

pages/index/peifu/rule.vue

@@ -0,0 +1,137 @@
+<template>
+	<view class="">
+		<view class="nav">
+			<view class="nav_back" @click="backHome()">
+				< 
+			</view>
+			<view class="nav_header">培福得规则说明</view>
+		</view>
+		<view class="text">
+			<rich-text :nodes="nodes"></rich-text>
+		</view>
+	</view>
+	
+</template>
+
+<script>
+	export default {
+		data(){
+			return{
+				nodes:[
+					{
+							name: 'p',
+							attrs: {
+								class: 'directory-content',
+							},
+							children: [{
+								type: 'text',
+								text: '1.福肥可通过每日赠送、每3小时生成1次、消费、充值、供灯、活动奖励、每日任务等方式获得。'
+							}]
+					},
+					{
+							name: 'p',
+							attrs: {
+								class: 'directory-content',
+							},
+							children: [{
+								type: 'text',
+								text: '2.生成的福肥在一-定时间内没有领取将会消失。'
+							}]
+					},
+					{
+							name: 'p',
+							attrs: {
+								class: 'directory-content',
+							},
+							children: [{
+								type: 'text',
+								text: '3.树的成长阶段为种子- >发芽-→小树→中树→大树→开花→结果→成熟8个阶段。'
+							}]
+					},
+					{
+							name: 'p',
+							attrs: {
+								class: 'directory-content',
+							},
+							children: [{
+								type: 'text',
+								text: '4.每次施肥为500g,每天最多只能施肥20次。'
+							}]
+					},
+					{
+							name: 'p',
+							attrs: {
+								class: 'directory-content',
+							},
+							children: [{
+								type: 'text',
+								text: '5.福果成熟后可进行采摘，每1轮采摘的福果数量最高可达88颗，采摘后的福果可在福果兑换专区进行兑换商品(注:兑换实物商品需在我的页面填写好收货地址)'
+							}]
+					},
+					{
+							name: 'p',
+							attrs: {
+								class: 'directory-content',
+							},
+							children: [{
+								type: 'text',
+								text: '6.培福是广种福田，培养福报的方式，同时又可以促使自己精进修行，早证菩提!'
+							}]
+					}
+				]
+				
+				
+			}
+		},
+		methods:{
+			
+			backHome() {
+				uni.navigateBack({
+					delta: 1
+				});
+		},	
+	},
+	}
+</script>
+
+<style>
+	page{
+			background-color:rgb(255,250,232,.2) ;
+	}
+	.nav{
+	position:sticky;
+	width: 100%;
+	font-weight: 600;
+	font-size: 50rpx;
+	padding-bottom: 20rpx;
+	}
+	/* 清除高度塌陷 */
+	.nav::after{
+		content: " ";
+		clear:both;
+		display:block;
+	}
+	.nav .nav_back,.nav .nav_header{
+		position: absolute;
+		margin-top: 20rpx;
+		
+	}
+	.nav .nav_header{
+		left: 50%;
+		transform: translateX(-50%);
+	}
+	.nav_back{
+		transform: translateX(20rpx);
+	}
+	.text{
+		font-weight: 500;
+		margin-left: 5%;
+		width: 90%;
+		height: 200rpx;
+		margin-top: 100rpx;
+
+		font-size:35rpx ;
+		line-height: 1.7;
+		color: #6f6f6f;
+	}
+</style>