wesmiler 报恩寺项目web提交

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>

pages/temple/activity.vue

@@ -6,7 +6,7 @@
 				<text class="title">寺院活动</text>
 				<u-icon class="right-icon" name="zhuanfa" color="#000" size="48" @click="showMenu()"></u-icon>
 			</view>
-		</view>
+		</view>  
 		<view class="uni-header_title">
 			<text v-text="info.title"></text>
 		</view>

pages/temple/books.vue

@@ -0,0 +1,268 @@
+<template>
+	<view class="uni-main">
+		<view class="sticky-nav">
+			<view class="nav-box">
+				<u-icon name="arrow-left" color="#000" size="48" @click="navBack()"></u-icon>
+				<text class="title">填写资料</text>
+			</view>
+		</view>
+		<view class="uni-header_title">
+			功德主：<input class="tip-input" type="text" placeholder=""  />
+		</view>
+		<view class="uni-header_title">
+			往生者：<input class="tip-input" type="text" placeholder="" />
+		</view>
+		<view class="uni-header_title">
+			心愿：<input class="tip-input" type="textarea" placeholder=""/>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				info: {
+					id: 1,
+					type: 1,
+					thumb: '../../static/shop/1.jpg',
+					title: '深圳线下心经交流会',
+					price: 10.5,
+					description: '描述',
+					publish_at: '06月1日-07月30日',
+					content: '活动详情',
+					join_num: 10,
+
+				},
+				formData: {
+					gd_name: '',
+					ws_name: '',
+					xy_content: '',
+				},
+			}
+		},
+		onLoad(option) {
+			let _uni = this
+			let id = option.id
+			
+		},
+		methods: {
+			navBack() {
+				uni.navigateBack({
+					delta: 1
+				});
+			},
+			getInfo(){
+				
+			}
+
+		},
+	}
+</script>
+
+<style lang="less" scoped>
+	.uni-main {
+		width: 100%;
+		height: 100%;
+		background-color: #fff;
+		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+	}
+
+	.sticky-nav {
+		position: sticky;
+		width: 100%;
+		top: 0;
+		z-index: 1;
+		border-bottom: 1rpx solid rgb(229, 229, 229);
+	}
+
+	.nav-box {
+		width: 100%;
+		padding-top: 50rpx;
+		display: flex;
+		align-items: center;
+		background: #fff;
+		height: 100rpx;
+		padding-bottom: 50rpx;
+
+		/deep/.u-icon {
+			margin-left: 20rpx !important;
+		}
+
+		.title {
+			font-size: 38rpx;
+			color: #000;
+			width: 100%;
+			text-align: center;
+		}
+
+		.right-icon {
+			float: right;
+			margin-right: 20rpx;
+		}
+	}
+
+	.uni-header_title {
+		padding: 10rpx 0rpx;
+		text-align: center;
+		font-size: 36rpx;
+	}
+
+	.uni-banner .uin-banner_thumb {
+		width: 80%;
+		height: 300rpx;
+		margin: 0 auto;
+		display: block;
+	}
+
+	.uni-info .uni-text {
+		font-size: 32rpx;
+		margin-bottom: 10rpx;
+		padding: 0rpx 10rpx;
+	}
+
+	.uni-info .uni-info_time {
+		padding-top: 20rpx;
+	}
+
+	.uni-info .uni-info_price {
+		padding-bottom: 20rpx;
+		border-bottom: 8rpx solid #f1f1f1;
+	}
+
+	.uni-info .uni-info_price .price {
+		color: #ff7a55;
+	}
+
+	.uni-info .uni-info_stock .kefu {
+		float: right;
+		margin-right: 10rpx;
+	}
+
+	.uni-content .header {
+		padding: 20rpx 10px;
+		font-size: 36rpx;
+		font-weight: bold;
+		text-align: center;
+		color: #ff7a55;
+	}
+
+
+	.uni-content .content {
+		border-top: 8rpx solid #f1f1f1;
+	}
+
+	.uni-content .content {
+		padding: 10rpx;
+	}
+
+	.uni-buy {
+		text-align: center;
+		width: 100%;
+		position: fixed;
+		bottom: 0;
+		background-color: #ccad51;
+	}
+
+	.uni-buy .uni-buy_btn {
+		font-size: 40rpx;
+		padding: 20rpx 0rpx;
+		color: #fff;
+	}
+
+	/* 弹窗 */
+	.mask {
+		z-index: 99;
+		background: rgba(0, 0, 0, 0.6);
+		position: fixed;
+		bottom: 0;
+		right: 0;
+		left: 0;
+		top: 0;
+	}
+
+	.tip {
+		z-index: 999;
+		min-width: 600rpx;
+		display: flex;
+		font-size: 36rpx;
+		text-align: center;
+		background: #FFFFFF;
+		align-items: center;
+		flex-direction: column;
+		justify-content: center;
+		border-radius: 8rpx;
+		position: fixed;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+	}
+
+	.tip .main {
+		padding: 50rpx 35rpx 20rpx;
+	}
+
+	.tip .count {
+		width: 100%;
+		text-align: left;
+	}
+
+	.tip .count .input-box {
+		color: #666;
+		background-color: #ccc;
+		padding: 6rpx 10rpx;
+		font-weight: bold;
+		border-radius: 4rpx;
+	}
+
+	.tip .count .tip-input {
+		display: inline-block;
+		width: 120rpx;
+		vertical-align: middle;
+	}
+
+	.tip .options {
+		margin-top: 30rpx;
+		text-align: center;
+	}
+
+	.tip .options .option {
+		border-radius: 4rpx;
+		background-color: #ccc;
+		padding: 6rpx 10rpx;
+		width: 26%;
+		margin: 10rpx 3%;
+		text-align: center;
+		font-weight: bold;
+		color: #666;
+		display: inline-block;
+	}
+
+	.tip .options .option.active {
+		background-color: #ccad51;
+	}
+
+
+	.tip .bottom {
+		width: 100%;
+		position: relative;
+		bottom: 0;
+	}
+
+	.tip .bottom .btn {
+		width: 50%;
+		display: inline-block;
+		border: 1px solid #ccc;
+		padding: 10rpx 0rpx;
+		font-weight: bold;
+	}
+
+	.tip .bottom .btn.cancel {
+		border-bottom-left-radius: 8rpx;
+	}
+
+	.tip .bottom .btn.confirm {
+		color: red;
+		border-bottom-right-radius: 8rpx;
+	}
+</style>

pages/temple/submit.vue

@@ -1,8 +0,0 @@
-<template>
-</template>
-
-<script>
-</script>
-
-<style>
-</style>