we

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":"供灯",
@@ -150,6 +164,27 @@
 			}
 		},
 		{
+			"path":"pages/index/book/xiangqing",//详细
+			"style":{
+				"navigationBarTitleText":"佛经",
+				"navigationStyle":"custom"//添加自定义配置
+			}
+		},
+		{
+			"path":"pages/index/book/fenlei",//经书分类
+			"style":{
+				"navigationBarTitleText":"佛经",
+				"navigationStyle":"custom"//添加自定义配置
+			}
+		},
+		{
+			"path":"pages/index/book/newbook",//经书分类
+			"style":{
+				"navigationBarTitleText":"佛经",
+				"navigationStyle":"custom"//添加自定义配置
+			}
+		},
+		{
 			"path":"pages/index/xingshan/index",//行善首页
 			"style":{
 				"navigationBarTitleText":"行善",
@@ -157,6 +192,48 @@
 			}
 		},
 		{
+			"path":"pages/index/xingshan/rixingyishan",//rixingyishan
+			"style":{
+				"navigationBarTitleText":"日行一善",
+				"navigationStyle":"custom"//添加自定义配置
+			}
+		},
+		{
+			"path":"pages/index/xingshan/shuoming",//行善说明
+			"style":{
+				"navigationBarTitleText":"行善",
+				"navigationStyle":"custom"//添加自定义配置
+			}
+		},
+		{
+			"path":"pages/index/xingshan/tougao",//行善投稿
+			"style":{
+				"navigationBarTitleText":"投稿",
+				"navigationStyle":"custom"//添加自定义配置
+			}
+		},
+		{
+			"path":"pages/index/xingshan/my",//我的善缘
+			"style":{
+				"navigationBarTitleText":"行善",
+				"navigationStyle":"custom"//添加自定义配置
+			}
+		},
+		{
+			"path":"pages/index/xingshan/gongde",//行善功德
+			"style":{
+				"navigationBarTitleText":"行善",
+				"navigationStyle":"custom"//添加自定义配置
+			}
+		},
+		{
+			"path":"pages/index/xingshan/shanxingji",//善行记
+			"style":{
+				"navigationBarTitleText":"善行记",
+				"navigationStyle":"custom"//添加自定义配置
+			}
+		},
+		{
 			"path":"pages/index/nianfo/index",//念佛首页
 			"style":{
 				"navigationBarTitleText":"念佛",

pages/index/book/fenlei.vue

@@ -0,0 +1,233 @@
+<template>
+	<view class="">
+			<view class="nav">
+				<u-icon class="back" name="arrow-left" color="#fff" size="48" @click="backHome()"></u-icon>
+				<view class="text">
+					<text>经书分类</text>
+				</view>
+				<view class="menu" @click.stop="openMenu()">
+					<image src="../../../static/index/search_white_blod_big_icon.png"style="width: 50rpx; height: 50rpx;" mode=""></image>
+				</view>
+			</view>
+	
+				<view class="sticky-nav">
+					<view class="nav-bar">
+						<view class="left-nav">
+							<ul>
+								<li v-for="(item,index) in cateList" :class="{active:!(index-menuIndex)}"
+									@click="menuShow(index)">
+									{{item.name}}
+								</li>
+							</ul>
+						</view>
+					
+					</view>
+				</view>
+				<view class="book" v-for="(item,index) in book" :key="index">
+					<navigator url="./xiangqing">
+					<image src="../../../static/index/jingshu/bood.png" mode=""></image>
+					<view class="bookC">
+						<text>{{item.name}}</text>
+						<text class="t1">{{item.autho}}</text>
+						<text class="t2">{{item.num+'人阅读'}}</text>
+					</view>
+					</navigator>
+				</view>	
+			
+		
+	</view>
+</template>
+
+<script>
+	export default{
+				data(){
+					return{
+						book:[
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600}
+						],
+						menuIndex: 0,
+						cateList: [
+							{id:0, name: '推荐' },
+							{id:1, name: '佛经' },
+							{id:2, name: '咒语' },
+							{id:3, name: '菩萨' },
+							{id:4, name: '研究' },
+							{id:5, name: '儒道' },
+							{id:6,name:'仪轨'}
+						],
+						}
+						},
+				methods:{
+					backHome() {
+						uni.navigateBack({
+							delta: 1
+						});
+					},
+					menuShow(index) {
+						this.menuIndex = index;
+					},
+				},
+				}
+</script>
+
+<style lang="less" scoped>
+
+	.nav {
+		  position: sticky;
+		  top: 0;
+		  z-index: 9;
+		  width: 100%;
+		  height: 100rpx;
+		  background-color: #ff8359;
+		  color: #fff;
+		  font-size: 45rpx;
+		  font-weight: 600;
+		}
+		.nav .back {
+		  height: 100rpx;
+		  width: 15%;
+		  position: absolute;
+		  text-align: center;
+		}
+		.nav .back text {
+		  line-height: 100rpx;
+		}
+		.nav .text {
+		  position: absolute;
+		  height: 100rpx;
+		  width: 70%;
+		  left: 15%;
+		}
+		.nav .text text {
+		  line-height: 100rpx;
+		}
+		.nav .menu {
+			line-height: 100rpx;
+		  position: absolute;
+		  width: 15%;
+		  height: 100rpx;
+		  right: 3%;
+		  transform: translateX(70%);
+		}
+		.nav .menu image {
+		  height: 100rpx;
+		  width: 100%;
+		}
+		
+		
+		.sticky-nav {
+			height: 100rpx;
+			position: sticky;
+			width: 100%;
+			top: 0;
+			height: 80rpx;
+			z-index: 1;
+		}
+		
+		.nav-bar {
+			padding-top: 50rpx;
+			padding-bottom: 20rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			background: #FFFFFF;
+			height: 100rpx;
+		}
+		
+		.left-nav {
+			ul {
+				padding: 0;
+				margin-left: 20rpx;
+			}
+		
+			ul li {
+				list-style: none;
+				display: inline-block;
+				height: 60rpx;
+				line-height: 60rpx;
+				width: 100rpx;
+				text-align: center;
+				color: #000000;
+				font-size: 36rpx;
+				font-weight: bold;
+				padding-bottom: 4rpx;
+			}
+		
+			.active {
+				color: rgb(255,143,96);
+				font-size: 44rpx;
+				border-bottom: 4rpx solid rgb(255,143,96);
+			}
+		}
+		
+		.nav-box {
+			width: 100%;
+			padding-top: 90rpx;
+			display: flex;
+			align-items: center;
+			background: linear-gradient(rgb(255, 152, 101), rgb(255, 122, 85));
+			height: 135rpx;
+			padding-bottom: 50rpx;
+		
+			.header-text {
+				font-size: 45rpx;
+				color: #333;
+				font-weight: bold;
+				width: 100%;
+				text-align: center;
+				margin-left: 20rpx;
+			}
+		
+			.header_operate {
+				width: 23px;
+				height: 21px;
+				float: right;
+				margin-right: 20rpx;
+			}
+		}
+		
+		.right-nav {
+			margin-right: 15rpx;
+		
+			.index_search {
+				width: 45rpx;
+				height: 45rpx;
+				margin-right: 15rpx;
+			}
+		
+			.index_info {
+				width: 45rpx;
+				height: 45rpx;
+			}
+		}
+		
+		 .book {
+			 margin-top: 30rpx;
+		  margin-bottom: 30rpx;
+		  position: relative;
+		  width: 94%;
+		  margin-left: 3%;
+		}
+		 .book image {
+		  background-color: #000000;
+		  width: 150rpx;
+		  height: 200rpx;
+		}
+		 .book .bookC {
+		  position: absolute;
+		  top: 0;
+		  left: 200rpx;
+		  display: flex;
+		  font-size: 35rpx;
+		  line-height: 2;
+		  flex-direction: column;
+		}
+		 .book .bookC .t1,
+		 .book .bookC .t2 {
+		  color: #ccc;
+		}
+</style>

pages/index/book/index.vue

@@ -1,9 +1,187 @@
 <template>
-	<view>佛音</view>
+	<view>
+			<view class="nav">
+				<u-icon class="back" name="arrow-left" color="#fff" size="48" @click="backHome()"></u-icon>
+				<view class="text">
+					<text>佛经</text>
+				</view>
+				<view class="menu" @click.stop="">
+					<image src="../../../static/index/search_white_blod_big_icon.png" style="width: 50rpx; height: 50rpx;" mode=""></image>
+				</view>
+			</view>
+			<navigator url="./fenlei">
+		<view class="nav_book">
+			<image src="../../../static/index/jingshu/1.png" mode=""></image>
+			<image src="../../../static/index/jingshu/2.png" mode=""></image>
+			<image src="../../../static/index/jingshu/3.png" mode=""></image>
+			<image src="../../../static/index/jingshu/4.png" mode=""></image>
+		</view>
+		</navigator>
+		<view class="box_book">
+			<view class="head">
+				<text>推荐经书</text>
+				
+				<text class="more"><navigator url="./fenlei">更多 ></navigator></text>
+				
+			</view>
+			
+			<view class="book" v-for="(item,index) in book" :key="index">
+				<navigator url="./xiangqing">
+				<image src="../../../static/index/jingshu/bood.png" mode=""></image>
+				<view class="bookC">
+					<text>{{item.name}}</text>
+					<text class="t1">{{item.autho}}</text>
+					<text class="t2">{{item.num+'人阅读'}}</text>
+				</view>
+				</navigator>
+			</view>	
+		</view>
+		<view class="box_book">
+			<navigator url="./newbook">
+			<view class="head">
+				<text>最近佛经</text>
+				
+				<text class="more">更多 ></text>
+				
+			</view>
+			</navigator>
+			<view class="book" v-for="(item,index) in book" :key="index">
+				<navigator url="./xiangqing">
+				<image src="../../../static/index/jingshu/bood.png" mode=""></image>
+				<view class="bookC">
+					<text>{{item.name}}</text>
+					<text class="t1">{{item.autho}}</text>
+					<text class="t2">{{item.num+'人阅读'}}</text>
+				</view>
+				</navigator>
+			</view>	
+		</view>
+		
+
+		
+	</view>
 </template>
 
 <script>
+	export default{
+				data(){
+					return{
+						book:[
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600}
+						]
+						}
+						},
+				methods:{
+					backHome() {
+						uni.navigateBack({
+							delta: 1
+						});
+					},
+				},
+				}
 </script>
 
-<style>
+<style lang="less" scoped>
+	.nav {
+		  position: sticky;
+		  top: 0;
+		  z-index: 9;
+		  width: 100%;
+		  height: 100rpx;
+		  background-color: #ff8359;
+		  color: #fff;
+		  font-size: 45rpx;
+		  font-weight: 600;
+		}
+		.nav .back {
+		  height: 100rpx;
+		  width: 15%;
+		  position: absolute;
+		  text-align: center;
+		}
+		.nav .back text {
+		  line-height: 100rpx;
+		}
+		.nav .text {
+		  position: absolute;
+		  height: 100rpx;
+		  width: 70%;
+		  left: 15%;
+		}
+		.nav .text text {
+		  line-height: 100rpx;
+		}
+	.nav .menu {
+		line-height: 100rpx;
+	  position: absolute;
+	  width: 15%;
+	  height: 100rpx;
+	  right: 3%;
+	  transform: translateX(70%);
+	}
+		
+		page {
+		  width: 100%;
+		  height: 100%;
+		  background-color: #e7e7e7;
+		}
+		.nav_book {
+		  width: 100%;
+		  display: flex;
+		  align-items: center;
+		  flex-direction: row;
+		  background-color: #fff;
+		  height: 15vh;
+		}
+		.nav_book image {
+		  width: 25vw;
+		  height: 100%;
+		}
+		.box_book {
+		  background-color: #fff;
+		  width: 100%;
+		  height: 100%;
+		  margin-top: 20rpx;
+		}
+		.box_book .head {
+		  width: 94%;
+		  height: 100rpx;
+		  margin-left: 3%;
+		  line-height: 100rpx;
+		  font-size: 40rpx;
+		  color: #cbad52;
+		}
+		.box_book .head .more {
+		  position: absolute;
+		  right: 3%;
+		}
+		.box_book .book {
+		  margin-bottom: 30rpx;
+		  position: relative;
+		  width: 94%;
+		  margin-left: 3%;
+		}
+		.box_book .book image {
+		  background-color: #000000;
+		  width: 150rpx;
+		  height: 200rpx;
+		}
+		.box_book .book .bookC {
+		  position: absolute;
+		  top: 0;
+		  left: 200rpx;
+		  display: flex;
+		  font-size: 35rpx;
+		  line-height: 2;
+		  flex-direction: column;
+		}
+		.box_book .book .bookC .t1,
+		.box_book .book .bookC .t2 {
+		  color: #ccc;
+		}
+		
 </style>

pages/index/book/newbook.vue

@@ -0,0 +1,112 @@
+<template>
+	<view class="">
+			<view class="nav">
+				<u-icon class="back" name="arrow-left" color="#fff" size="48" @click="backHome()"></u-icon>
+				<view class="text">
+					<text>最新佛经</text>
+				</view>
+
+			</view>
+			<view class="book" v-for="(item,index) in book" :key="index">
+				<navigator url="./xiangqing">
+				<image src="../../../static/index/jingshu/bood.png" mode=""></image>
+				<view class="bookC">
+					<text>{{item.name}}</text>
+					<text class="t1">{{item.autho}}</text>
+					<text class="t2">{{item.num+'人阅读'}}</text>
+				</view>
+				</navigator>
+			</view>
+		
+	</view>
+</template>
+
+<script>
+	export default{
+				data(){
+					return{
+						book:[
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600}
+						]
+						}
+						},
+				methods:{
+					backHome() {
+						uni.navigateBack({
+							delta: 1
+						});
+					},
+				},
+				}
+</script>
+
+<style>
+	.nav {
+		  position: sticky;
+		  top: 0;
+		  z-index: 9;
+		  width: 100%;
+		  height: 100rpx;
+		  background-color: #ff8359;
+		  color: #fff;
+		  font-size: 45rpx;
+		  font-weight: 600;
+		}
+		.nav .back {
+		  height: 100rpx;
+		  width: 15%;
+		  position: absolute;
+		  text-align: center;
+		}
+		.nav .back text {
+		  line-height: 100rpx;
+		}
+		.nav .text {
+		  position: absolute;
+		  height: 100rpx;
+		  width: 70%;
+		  left: 15%;
+		}
+		.nav .text text {
+		  line-height: 100rpx;
+		}
+		.nav .menu {
+		  position: absolute;
+		  width: 15%;
+		  height: 100rpx;
+		  left: 85%;
+		}
+		.nav .menu image {
+		  height: 100rpx;
+		  width: 100%;
+		}
+		 .book {
+			 margin-top: 30rpx;
+		  margin-bottom: 30rpx;
+		  position: relative;
+		  width: 94%;
+		  margin-left: 3%;
+		}
+		 .book image {
+		  background-color: #000000;
+		  width: 150rpx;
+		  height: 200rpx;
+		}
+		 .book .bookC {
+		  position: absolute;
+		  top: 0;
+		  left: 200rpx;
+		  display: flex;
+		  font-size: 35rpx;
+		  line-height: 2;
+		  flex-direction: column;
+		}
+		 .book .bookC .t1,
+		 .book .bookC .t2 {
+		  color: #ccc;
+		}
+</style>

pages/index/book/xiangqing.vue

@@ -0,0 +1,192 @@
+<template>
+	<view class="">
+			<view class="nav">
+				<u-icon class="back" name="arrow-left" color="#fff" size="48" @click="backHome()"></u-icon>
+				<view class="text">
+					<text>经书详情</text>
+				</view>
+				<view class="menu" @click.stop="openMenu()">
+					<image style="width: 50rpx; height: 50rpx ;" src="../../../static/index/icon/share_gray.png" mode=""></image>
+				</view>
+			</view>
+			<view class="book">
+				<image :src="book2.ss" mode=""></image>
+				<view class="cont">
+						<text>{{book2.name}}</text>
+						<text style="color: #cbad52;">{{book2.autho}}</text>
+						<text>{{book2.num+'人阅读'}}</text>
+						
+	        	</view>
+				<view class="btn">
+					<button type="default">加入书架</button>
+					<button type="default" style="background-color: #cbad52; color: #FFFFFF;">立即阅读</button>
+				</view>
+			</view>
+			<view class="box_book">
+				<view class="head">
+					<text style="color: #C0C0C0;">相关经书</text>
+				</view>
+				
+				<view class="book" v-for="(item,index) in book" :key="index">
+				
+					<image src="../../../static/index/jingshu/bood.png" mode=""></image>
+					<view class="bookC">
+						<text>{{item.name}}</text>
+						<text class="t1">{{item.autho}}</text>
+						<text class="t2">{{item.num+'人阅读'}}</text>
+					</view>
+		
+				</view>	
+			</view>
+			
+			
+		
+	</view>
+</template>
+
+<script>
+	export default{
+				data(){
+					return{
+						book2:{
+							ss:'../../../static/index/jingshu/bood.png',
+							name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600
+						},
+						book:[
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600},
+							{name:'大方广佛华严经合论纂要卷上',autho:'明 方泽纂',num:600}
+						]
+						}
+						},
+				methods:{
+					backHome() {
+						uni.navigateBack({
+							delta: 1
+						});
+					},
+				},
+				}
+</script>
+
+<style lang="less" scoped>
+
+	.nav {
+		  position: sticky;
+		  top: 0;
+		  z-index: 9;
+		  width: 100%;
+		  height: 100rpx;
+		  background-color: #ff8359;
+		  color: #fff;
+		  font-size: 45rpx;
+		  font-weight: 600;
+		}
+		.nav .back {
+		  height: 100rpx;
+		  width: 15%;
+		  position: absolute;
+		  text-align: center;
+		}
+		.nav .back text {
+		  line-height: 100rpx;
+		}
+		.nav .text {
+		  position: absolute;
+		  height: 100rpx;
+		  width: 70%;
+		  left: 15%;
+		}
+		.nav .text text {
+		  line-height: 100rpx;
+		}
+		.nav .menu {
+		  position: absolute;
+		  width: 15%;
+		  height: 100rpx;
+		  right: 3%;
+		  transform: translateX(50%);
+		  display: flex;
+		  align-items: center;
+		}
+		.box_book {
+		  background-color: #fff;
+		  width: 100%;
+		  height: 100%;
+		  margin-top: 20rpx;
+		}
+		.box_book .head {
+		  width: 94%;
+		  height: 100rpx;
+		  margin-left: 3%;
+		  line-height: 100rpx;
+		  font-size: 40rpx;
+		  color: #cbad52;
+		}
+		.box_book .head .more {
+		  position: absolute;
+		  right: 3%;
+		}
+		.box_book .book {
+		  margin-bottom: 30rpx;
+		  position: relative;
+		  width: 94%;
+		  margin-left: 3%;
+		}
+		.box_book .book image {
+		  background-color: #000000;
+		  width: 150rpx;
+		  height: 200rpx;
+		}
+		.box_book .book .bookC {
+		  position: absolute;
+		  top: 0;
+		  left: 200rpx;
+		  display: flex;
+		  font-size: 35rpx;
+		  line-height: 2;
+		  flex-direction: column;
+		}
+		.box_book .book .bookC .t1,
+		.box_book .book .bookC .t2 {
+		  color: #ccc;
+		}
+		.book {
+		  width: 94%;
+		  margin-left: 3%;
+		  margin-top: 50rpx;
+		  position: relative;
+		}
+		.book image {
+		  width: 220rpx;
+		  height: 270rpx;
+		}
+		.book .cont {
+		  top: 0;
+		  position: absolute;
+		  display: flex;
+		  flex-direction: column;
+		  left: 240rpx;
+		  line-height: 1.6;
+		  font-size: 35rpx;
+		}
+		.book .btn {
+		  position: absolute;
+		  bottom: 0;
+		  display: flex;
+		  flex-direction: row;
+		  left: 240rpx;
+		}
+		.book .btn button {
+		  border: 1rpx #cbad52 solid;
+		  margin-top: -50rpx;
+		  width: 200rpx;
+		  height: 60rpx;
+		  color: #cbad52;
+		  line-height: 60rpx;
+		}
+		
+		
+</style>

pages/index/peifu/record.vue

@@ -2,7 +2,7 @@
 	<view class="">
 		<view class="nav">
 			<view class="nav_back" @click="backHome()">
-				< 
+				<u-icon class="back" name="arrow-left" color="#000" size="48" @click="backHome()"></u-icon>
 			</view>
 			<view class="nav_header">培福记录</view>
 		</view>

pages/index/peifu/rule.vue

@@ -2,7 +2,7 @@
 	<view class="">
 		<view class="nav">
 			<view class="nav_back" @click="backHome()">
-				< 
+				<u-icon class="back" name="arrow-left" color="#000" size="48" @click="backHome()"></u-icon>
 			</view>
 			<view class="nav_header">培福得规则说明</view>
 		</view>

pages/index/xingshan/less.less

@@ -1,195 +0,0 @@
-@h1:100rpx;
-
-page{
-	width: 100%;
-	height: 100%;
-	background-color: #f7f6f2;
-	margin: 0;
-	padding: 0;
-}
-.nav{
-	width: 100%;
-	height: @h1;
-	background-color: #ff8359;
-	color: #fff;
-	font-size: 45rpx;
-	font-weight: 600;
-	.back{
-		height: @h1;
-		width: 15%;
-		position: absolute;
-		text-align: center;
-		text{
-			line-height: @h1;
-		}
-	}
-	.text{
-		position: absolute;
-		height: @h1;
-		width: 70%;
-		left: 15%;
-		text{
-			line-height: @h1;
-		}
-	}
-	.menu{
-		position: absolute;
-		width: 15%;
-		height: @h1;
-		left: 85%;
-		image{
-			height: @h1;
-			width: 100%;
-		}
-	}
-}
-
-.slideshow{
-	background-color: #fff;
-	width: 100%;
-	height: 27vh;
-	padding-top: 2vh;
-	.banner{
-		width: 100%;
-		height: 25vh;
-		image{
-			margin-left: 3%;
-			width: 94%;
-			height: 25vh;
-			border-radius: 20rpx;
-		}
-	}
-}
-
-@h2:350rpx;
-.content{
-	margin-top: 15rpx;
-		width: 100%;
-		height: @h2;
-		background-color:#f7f6f2;
-		.content1{
-			width: 100%;
-			height:100rpx;
-			background-color: #FFFFFF;
-			text:nth-child(1){
-				font-size: 45rpx;
-				font-weight: 600;
-				line-height: 100rpx;
-				margin-left: 3%;
-			}
-			text:nth-child(2){
-				color: #727272;
-				float: right;
-				line-height: 100rpx;
-				margin-right: 3%;
-			}
-		}
-		.content2{
-			position: relative;
-			width: 100%;
-			border-top: 5rpx solid #cccccc;
-			height: 220rpx;
-			background-color: #fff;
-			text:nth-child(1){
-				font-size: 35rpx;
-				display: block;
-				width: 65%;
-				height: 120rpx;
-				margin-top: 10rpx;
-				padding-left: 20rpx;
-			}
-			text:nth-child(2){
-				font-size: 28rpx;
-				color: #a9a9a9;
-				margin-left: 20rpx;
-			}
-			image{
-				position: absolute;
-				width: 200rpx;
-				height: 170rpx;
-				top:20rpx;
-				right: 20rpx;
-				border-radius: 20rpx;
-			}
-		}
-}
-@h3:100rpx;
-.rank{
-	width: 100%;
-	margin-top: -10rpx;
-	background-color: #fff;
-	.rankTitle{
-		width: 100%;
-		height: 80rpx;
-		text{
-			line-height: 80rpx;
-			font-size: 40rpx;
-			margin: 3%;		
-		}
-	}
-	.rankContent{
-		position: relative;
-		border-top: 5rpx solid #ccc;
-		width: 94%;
-		height: 150rpx;
-		background-color: #FFFFFF;
-		margin-left: 3%;
-		.photo{
-			position: absolute;
-			width: @h3;
-			height: @h3;
-			top: 25rpx;
-			image{
-				width: @h3;
-				height: @h3;
-				border-radius: 20rpx;
-			}
-		}
-		.rankText{
-			position: absolute;
-			width: 60%;
-			height: @h3;
-			background-color: #18B566;
-			left: @h3+20rpx;
-			margin-top: 25rpx;
-			color: #000000;
-			text:nth-child(1){
-				position: absolute;
-				font-weight: 550;
-				font-size: 38rpx;
-				display: block;
-				margin-top: 0;
-				top: 0;
-			}
-			text:nth-child(2){
-				font-size: 30rpx;
-				display: block;
-				position: absolute;
-				bottom: 0;
-			}
-		}
-		.rankTime{
-			position: absolute;
-			width: @h3;
-			height: @h3;
-		}
-	}
-}
-.btn{
-	top: 100%;
-	position: fixed;
-	width: 100%;
-	height: 100rpx;
-	background-color:#ccad52;
-	transform: translateY(-100%);
-	.btnText{
-		position: absolute;
-		line-height: 100rpx;
-		font-weight: 500;
-		font-size: 42rpx;
-		color: #fff;
-		margin-left: 50%;
-		transform: translateX(-50%);
-	}
-	
-}

pages/index/xingshan/my.vue

@@ -0,0 +1,58 @@
+<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="rule-text">我的善缘</text>
+			</view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	export default{
+		data(){
+			return{
+				}
+				},
+		methods:{
+			backHome() {
+				uni.navigateBack({
+					delta: 1
+				});
+			},
+		}
+	}
+</script>
+
+<style lang="less" scoped>
+	.sticky-nav {
+		position: sticky;
+		width: 100%;
+		top: 0;
+		z-index: 1;
+	}
+	.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;
+		}
+		.rule-text {
+			font-size: 38rpx;
+			color: #000;
+			margin-left: 250rpx;
+		}
+	}
+	/deep/.directory-content {
+	    margin: 0 0 25rpx 25rpx;
+		font-size: 35rpx;
+		color: rgb(118,118,118);
+	}
+</style>

pages/index/xingshan/rixingyishan.vue

@@ -0,0 +1,244 @@
+<template>
+	<view class="c">
+			<view class="nav">
+				<u-icon class="back" name="arrow-left" color="#fff" size="48" @click="backHome()"></u-icon>
+				<view class="text">
+					<text>日行一善</text>
+				</view>
+			</view>
+			
+			<view class="xings">
+				<image class="image1" src="../../../static/index/xingshan/日行一善按钮.png" mode=""></image>
+				<text>日行一善</text>
+				<text class="t1">1券</text>
+			</view>
+			<view class="">
+				<view class="box1">
+					<text>功德主</text>
+					<input type="text" value="方婷" />
+					<label class="radio" >  
+						<radio value="" @click="xx1()" :checked="x1"/><text>匿名</text>
+					</label>
+				</view>
+			</view>
+			
+			<view class="b">
+				<view class="box2">
+					<view class="">
+						<text>祈愿内容</text>
+						<text class="t2">快速祈福</text>
+						
+					</view>
+					<input type="text" value=""placeholder="祈愿内容" />
+					<label class="radio">
+						<radio value="" @click="xx2()" :checked="x2"/><text class="t3">公开</text>
+					</label>
+				</view>
+				
+				
+			</view>
+			<label class="radio3">
+				<radio value="" checked="x3" @click="xx3()" /><text>同意并接受</text> <text class="tt"> 隐私协议</text>
+			</label>
+			<view class="Bottom">
+				<text>合计:</text>
+				<text>1券</text>
+				<view class="queren">
+					<text>确认支付</text>
+				</view>
+			</view>
+		
+	</view>
+</template>
+
+<script>
+	export default{
+				data(){
+					return{
+						x1:false,
+						x2:true,
+						x3:true
+						}
+						},
+				methods:{
+					backHome() {
+						uni.navigateBack({
+							delta: 1
+						});
+					},
+					xx1(){
+						this.x1 = !this.x1
+					},
+					xx2(){
+						this.x2 = !this.x2
+					},
+					xx3(){
+						this.x3 = !this.x3
+					}
+				},
+				}
+</script>
+
+<style lang="less" scoped>
+	
+	.nav {
+		  position: sticky;
+		  top: 0;
+		  z-index: 9;
+		  width: 100%;
+		  height: 100rpx;
+		  background-color: #ff8359;
+		  color: #fff;
+		  font-size: 45rpx;
+		  font-weight: 600;
+		}
+		.nav .back {
+		  height: 100rpx;
+		  width: 15%;
+		  position: absolute;
+		  text-align: center;
+		}
+		.nav .back text {
+		  line-height: 100rpx;
+		}
+		.nav .text {
+		  position: absolute;
+		  height: 100rpx;
+		  width: 70%;
+		  left: 15%;
+		}
+		.nav .text text {
+		  line-height: 100rpx;
+		}
+		.nav .menu {
+		  position: absolute;
+		  width: 15%;
+		  height: 100rpx;
+		  left: 85%;
+		}
+		.nav .menu image {
+		  height: 100rpx;
+		  width: 100%;
+		}
+		
+		.xings {
+		  margin: 20rpx;
+		  height: 140rpx;
+		  width: 94%;
+		  margin-left: 3%;
+		  display: flex;
+		  flex-direction: row;
+		  align-items: center;
+		  font-size: 35rpx;
+		  border-radius: 10rpx;
+		  box-shadow: 0 0 5rpx 5rpx #ccc;
+		}
+		.xings image {
+		  width: 120rpx;
+		  height: 120rpx;
+		  margin-left: 20rpx;
+		}
+		.xings .t1 {
+		  color: #ccad52;
+		  position: absolute;
+		  right: 6%;
+		}
+		.box1 {
+		  margin: 35rpx;
+		  width: 94%;
+		  margin-left: 3%;
+		  border-radius: 10rpx;
+		  box-shadow: 0 0 5rpx 5rpx #cccccc;
+		  height: 200rpx;
+		  font-size: 35rpx;
+		}
+		.box1 text {
+		  margin-left: 3%;
+		}
+		.box1 radio {
+		  margin-left: 3%;
+		  color: #ccc;
+		}
+		.box1 input {
+		  width: 94%;
+		  height: 70rpx;
+		  background-color: #e2e2e2;
+		  border-radius: 10rpx ;
+		  margin: 15rpx 3%;
+		  font-size: 40rpx;
+		  font-weight: 550;
+		}
+		.b {
+		  font-size: 40rpx;
+		}
+		.b .box2 {
+		  height: 300rpx;
+		  margin: 35rpx;
+		  width: 94%;
+		  margin-left: 3%;
+		  border-radius: 10rpx;
+		  box-shadow: 0 0 5rpx 5rpx #cccccc;
+		}
+		.b .box2 view {
+		  line-height: 2;
+		  margin-left: 3%;
+		}
+		.b .box2 view .t2 {
+		  color: #ccad52;
+		  position: absolute;
+		  right: 6%;
+		}
+		.b .box2 input {
+		  width: 94%;
+		  height: 150rpx;
+		  border-radius: 10rpx;
+		  margin-left: 3%;
+		  background-color: #e2e2e2;
+		}
+		.b .box2 radio {
+		  margin-left: 3%;
+		}
+		.b .box2 .t3 {
+		  font-size: 30rpx;
+		}
+		.radio3 {
+		  margin-left: 6%;
+		}
+		.radio3 text {
+		  font-size: 35rpx;
+		}
+		.tt {
+		  color: #ccad52;
+		  margin-left: 20rpx;
+		}
+		.c {
+		  top: 0;
+		  width: 100%;
+		  position: absolute;
+		  height: 100vh;
+		}
+		.Bottom {
+		  position: sticky;
+		  width: 100%;
+		  height: 100rpx;
+		  display: flex;
+		  flex-direction: row;
+		  align-items: center;
+		  top: 100%;
+		}
+		.Bottom text {
+		  font-size: 35rpx;
+		  margin-left: 6%;
+		}
+		.Bottom view {
+		  height: 100%;
+		  width: 200rpx;
+		  background-color: #ccad52;
+		  position: absolute;
+		  right: 0;
+		  line-height: 100rpx;
+		  color: #FFFFFF;
+		  text-align: center;
+		}
+		
+</style>

pages/index/xingshan/shanxingji.vue

@@ -0,0 +1,119 @@
+<template>
+	<view class="">
+		
+	
+		<view class="nav">
+			<u-icon class="back" name="arrow-left" color="#000;" size="48" @click="backHome()"></u-icon>
+			<view class="text">
+				<text>善行记</text>
+			</view>
+		</view>
+		
+		<view class="" v-for="(item,index) in cont" key="index">
+			<navigator url="./gongde">
+			<view class="content2" >
+				<text><b>{{item.title}}</b></text>
+				<text>{{item.time}}</text>
+				<image :src="item.image" mode=""></image>
+			</view>
+			</navigator>
+			
+		</view>
+</view>
+</template>
+
+<script>
+	export default{
+				data(){
+					return{
+						cont:[{
+							
+								title:'功德人生2021关爱长者慈善公益活动',
+								time:'2021-04-26 15:37:36',
+								image:'../../../static/index/xingshan/content.jpg'
+							},
+					
+						{
+							title:'功德人生2021关爱长者慈善公益活动',
+							time:'2021-04-26 15:37:36',
+							image:'../../../static/index/xingshan/content.jpg'
+						}]
+						
+						}
+						},
+				methods:{
+					backHome() {
+						uni.navigateBack({
+							delta: 1
+						});
+					},
+				},
+				}
+</script>
+
+<style>
+	page{
+		background-color: #f4f4f4;
+	}
+	.nav {
+		background-color: #FFFFFF;
+		  position: sticky;
+		  top: 0;
+		  z-index: 9;
+		  width: 100%;
+		  height: 100rpx;
+		  color: #000;
+		  font-size: 45rpx;
+		  font-weight: 600;
+		}
+		.nav .back {
+		  height: 100rpx;
+		  width: 15%;
+		  position: absolute;
+		  text-align: center;
+		}
+		.nav .back text {
+		  line-height: 100rpx;
+		}
+		.nav .text {
+			display: block;
+		  position: absolute;
+		  height: 100rpx;
+		  width: 70%;
+		  left: 40%;
+
+		}
+		.nav .text text {
+		  line-height: 100rpx;
+		}
+		
+	.content2 {
+		margin-top: 2rpx;
+		  position: relative;
+		  width: 100%;
+		  border-bottom: 5rpx solid #cccccc;
+		  height: 220rpx;
+		  background-color: #fff;
+		}
+		.content2 text:nth-child(1) {
+		  font-size: 35rpx;
+		  display: block;
+		  width: 65%;
+		  height: 120rpx;
+		  margin-top: 10rpx;
+		  padding-left: 20rpx;
+		}
+		.content2 text:nth-child(2) {
+		  font-size: 28rpx;
+		  color: #a9a9a9;
+		  margin-left: 20rpx;
+		  }
+		  .content2 image {
+		    position: absolute;
+		    width: 200rpx;
+		    height: 170rpx;
+		    top: 20rpx;
+		    right: 20rpx;
+		    border-radius: 20rpx;
+		  }
+</style>

pages/index/xingshan/shuoming.vue

@@ -0,0 +1,141 @@
+<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="rule-text">行善说明</text>
+			</view>
+		</view>
+		<view class="content_box">
+			<rich-text :nodes="nodes"></rich-text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default{
+		data(){
+			return{
+				nodes:[{
+						name: 'h1',
+						attrs: {
+							class: 'directory-content',
+						},
+						children: [{
+							type: 'text',
+							text: '1.功能介绍'
+						}]
+					},
+					{
+						name: 'p',
+						attrs: {
+							class: 'directory-content',
+						},
+						children: [{
+							type: 'text',
+							text: `行善功能是一个鼓励大家有向善之心，让大家养成一个行善积德的好习惯，聚沙成塔，以平台为载体汇聚更多力量去帮助有需要帮助的人，包含善缘记录、功德榜、我要行善这三个核心功能。`
+						}]
+					},
+					{
+						name: 'h1',
+						attrs: {
+							class: 'directory-content',
+						},
+						children: [{
+							type: 'text',
+							text: '我的善缘是什么？'
+						}]
+					},
+					{
+						name: 'p',
+						attrs: {
+							class: 'directory-content',
+						},
+						children: [{
+							type: 'text',
+							text: '行善的记录，包含时间、金额、功德证书（可直接分享给好友，一起共享福报）'
+						}]
+					},
+					{
+						name: 'h1',
+						attrs: {
+							class: 'directory-content',
+						},
+						children: [{
+							type: 'text',
+							text: '手机日行一善具体怎么操作？'
+						}]
+					},
+					{
+						name: 'p',
+						attrs: {
+							class: 'directory-content',
+						},
+						children: [{
+							type: 'text',
+							text: '点击“我要行善”——选择项目“日行一善、功德三千、打赏平台”然后点击下一步——输入名称（系统默认用户名，可选择是否匿名）——祈愿内容（可自动选择，也可自己手动输入）——选择是否公开——确认支付香花券——获得功德证书'
+						}]
+					},
+					{
+						name: 'h1',
+						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" scoped>
+	.sticky-nav {
+		position: sticky;
+		width: 100%;
+		top: 0;
+		z-index: 1;
+	}
+	.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;
+		}
+		.rule-text {
+			font-size: 38rpx;
+			color: #000;
+			margin-left: 250rpx;
+		}
+	}
+	/deep/.directory-content {
+	    margin: 0 0 25rpx 25rpx;
+		font-size: 35rpx;
+		color: #000000;
+	}
+</style>

pages/index/xingshan/tougao.css

@@ -0,0 +1,55 @@
+page {
+  width: 100%;
+  height: 100%;
+  background-color: #e7e7e7;
+}
+.box {
+  width: 100%;
+  height: 25vh;
+  background-color: #FFFFFF;
+  margin: 1.5vh 0;
+}
+.title,
+.author {
+  width: 94%;
+  margin-left: 3%;
+  height: 30%;
+  font-size: 30rpx;
+}
+.shang {
+  font-size: 30rpx;
+  width: 94%;
+  margin-left: 3%;
+  height: 40%;
+}
+.shang,
+.title,
+.author {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+}
+.bottom {
+  width: 100%;
+  height: 64vh;
+  background-color: #FFFFFF;
+}
+#text {
+  width: 94%;
+  margin-left: 3%;
+}
+.input {
+  position: relative;
+  width: 90rpx;
+  height: 90rpx;
+  border: 1rpx #ccad52 solid;
+  font-size: 100rpx;
+}
+.haha {
+  color: #ccad52;
+  display: block;
+  position: absolute;
+  top: -30%;
+  left: 50%;
+  transform: translateX(-50%);
+}

pages/index/xingshan/tougao.vue

@@ -0,0 +1,176 @@
+<template>
+<view class="">
+		
+	
+	<view class="nav">
+		<u-icon class="back" name="arrow-left" color="#fff" size="48" @click="backHome()"></u-icon>
+		<view class="text">
+			<text>投稿</text>
+		</view>
+		<view class="menu" @click.stop="openMenu()">
+			<view class="text">
+				提交
+			</view>
+		</view>
+	</view>
+	<view class="box">
+			<view class="title">
+				<text>标题：</text>
+				<input type="text" value="" placeholder="请输入标题" />
+			</view>
+			<view class="author">
+			<text>作者：</text>
+			<input type="text" :value="name" />
+			</view>
+			<view class="shang" @click="shang()">
+				<view ref="input" class="input">
+					<text class="haha">+</text>
+				</view>
+				<view class="text">
+					上传封面（非必选）
+				</view>
+
+			</view>
+			
+	</view>
+	<view class="bottom">
+		<input type="text" value=""  placeholder="请输入内容" id="text"/>
+	</view>
+	
+	
+	
+	
+</view>	
+</template>
+
+<script>
+		export default{
+			data(){
+				return{
+					name:'方婷'
+					}
+					},
+			methods:{
+				backHome() {
+					uni.navigateBack({
+						delta: 1
+					});
+				},
+				shang(){
+					uni.chooseImage({
+					    count: 1, //上传图片的数量，默认是9
+					    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
+					    sourceType: ['album'], //从相册选择
+					    success: function (res) {
+					        const tempFilePaths = res.tempFilePaths;    //拿到选择的图片，是一个数组
+					    }
+					});
+
+				}
+			},
+			}
+				
+</script>
+
+<style>
+	
+	page {
+	  width: 100%;
+	  height: 100%;
+	  background-color: #e7e7e7;
+	}
+	.box {
+	  width: 100%;
+	  height: 25vh;
+	  background-color: #FFFFFF;
+	  margin: 1.5vh 0;
+	}
+	.title,
+	.author {
+	  width: 94%;
+	  margin-left: 3%;
+	  height: 30%;
+	  font-size: 30rpx;
+	}
+	.shang {
+	  font-size: 30rpx;
+	  width: 94%;
+	  margin-left: 3%;
+	  height: 40%;
+	}
+	.shang,
+	.title,
+	.author {
+	  display: flex;
+	  align-items: center;
+	  flex-direction: row;
+	}
+	.bottom {
+	  width: 100%;
+	  height: 64vh;
+	  background-color: #FFFFFF;
+	}
+	#text {
+	  width: 94%;
+	  margin-left: 3%;
+	}
+	.input {
+	  position: relative;
+	  width: 90rpx;
+	  height: 90rpx;
+	  border: 1rpx #ccad52 solid;
+	  font-size: 100rpx;
+	}
+	.haha {
+	  color: #ccad52;
+	  display: block;
+	  position: absolute;
+	  top: -30%;
+	  left: 50%;
+	  transform: translateX(-50%);
+	}
+	
+	.nav {
+	  position: sticky;
+	  top: 0;
+	  z-index: 9;
+	  width: 100%;
+	  height: 8vh;
+	  background-color: #ff8359;
+	  color: #fff;
+	  font-size: 45rpx;
+	  font-weight: 600;
+	}
+	.nav .back {
+	  height: 100rpx;
+	  width: 15%;
+	  position: absolute;
+	  text-align: center;
+	}
+	.nav .back text {
+	  line-height: 100rpx;
+	}
+	.nav .text {
+	  position: absolute;
+	  height: 100rpx;
+	  width: 70%;
+	  left: 15%;
+	}
+	.nav .text text {
+	  line-height: 100rpx;
+	}
+	.nav .menu {
+	  position: absolute;
+	  width: 15%;
+	  height: 100rpx;
+	  left: 85%;
+	}
+	.nav .menu image {
+	  height: 100rpx;
+	  width: 100%;
+	}
+	.menu .text{
+		font-size: 35rpx;
+		line-height: 100rpx;
+	}
+</style>

static/index/xingshan/desktop.ini

@@ -0,0 +1,3 @@
+[LocalizedFileNames]
+upload.png=@upload.png,0
+upload_pic.png=@upload_pic.png,0