pages.json

@@ -164,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":"行善",
@@ -171,6 +192,16 @@
 			}
 		},
 		{
+<<<<<<< HEAD
+			"path":"pages/index/xingshan/rixingyishan",//rixingyishan
+			"style":{
+				"navigationBarTitleText":"日行一善",
+				"navigationStyle":"custom"//添加自定义配置
+			}
+		},
+		{
+=======
+>>>>>>> d193eed1cdff838bc5e89b6995f7dcf6160011e9
 			"path":"pages/index/xingshan/shuoming",//行善说明
 			"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/index.vue

@@ -103,16 +103,18 @@
 					<text>日行一善</text>
 					<text class="text1">1券</text>
 				</view>
-				<view :class="[s2?'c1':'']" @click="xuan(2)">
+				
+				<view :class="[s2?'c1':'']" @click="xuan(2)" >
 					<image src="../../../static/index/xingshan/4b5dd8cde7114f7e8047c7d20a058071.png" mode=""></image>
 					<text>功德三千</text>
-					<input type="text" value="" placeholder="1-1000" :class="[s2?'text3':'']"/>
+					<input type="number" value="" :focus="jujiao1" placeholder="1-1000" :class="[s2?'text3':'']" id="input1"/>
 					<text class="text1">券</text>
 				</view>
+				
 				<view :class="s3?'c1':''" @click="xuan(3)">
 					<image src="../../../static/index/xingshan/673236c16a51400785fc8e8098006206.png"></image>
 					<text>打赏平台</text>
-					<input type="text" value="" placeholder="1-1000" :class="[s3?'text3':'']"/>
+					<input type="number" value="" :focus="jujiao2" placeholder="1-1000" :class="[s3?'text3':'']"/>
 					<text class="text1">券</text>
 				</view>
 				<view class="c4" @click="xuan(4)">
@@ -121,8 +123,8 @@
 					<image src="../../../static/index/xingshan/upload.png" mode="" class="text4" ></image>
 				</view>
 			</view>
-			<view class="bottom" v-show="isopen">
-				<view class="">
+			<view class="bottom" @click="tiao()" v-show="isopen">
+				<view class="" >
 					下一步
 				</view>
 			</view>
@@ -139,6 +141,9 @@
 	export default {
 		data(){
 			return{
+				e:1,
+				jujiao1:false,
+				jujiao1:false,
 				sopen:false,
 				s1:true,
 				s2:false,
@@ -172,21 +177,33 @@
 				var c3 = document.querySelector('.c3')
 				var c4 = document.querySelector('.c4')
 				if(e == 1){
+					this.e = e
 					this.s1=true
 					this.s2=false
 					this.s3=false
 				}
 				if(e == 2){
+					this.e = e
 					this.s1=false
 					this.s2=true
 					this.s3=false
+					
+				 this.jujiao1 = true
+				
+				}else{
+					this.jujiao1 = false
 				}
 				if(e == 3){
+					this.e = e
 					this.s1=false
 					this.s2=false
 					this.s3=true
+					this.jujiao2 = true
+				}else{
+					this.jujiao2 = false
 				}
 				if(e == 4){
+					this.e = e
 					uni.chooseImage({
 					    count: 1, //上传图片的数量，默认是9
 					    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
@@ -196,9 +213,16 @@
 					    }
 					});
 				}
-			}
+			},
+			tiao(){
+				if(this.e>=1||this.e<=4){
+					uni.navigateTo({
+					url:'./rixingyishan'
+					})
+				}
+			},
+			
 			
-			,
 			backHome() {
 				uni.navigateBack({
 					delta: 1
@@ -227,7 +251,7 @@
 
 
 <style lang="less" scoped>
-	// @import "less";
+
 	.Switch .switchBox .zhong .c1{
 		border: 1rpx solid #ff8359;
 		color: #ff8359;

pages/index/xingshan/less.less

@@ -1,391 +0,0 @@
-@h1:100rpx;
-
-page{
-	width: 100%;
-	height: 100%;
-	background-color: #f7f6f2;
-	margin: 0;
-	padding: 0;
-	
-}
-.nav{
-	position: sticky;
-	top: 0;
-	z-index: 9;
-	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;
-		}
-	}
-	.menuContent{
-		z-index: 1;
-		position: absolute;
-		width: 40%;
-		height: 15%;
-		background-color: #007AFF;
-		right: 0;
-		background-color: #fff;
-		border-radius: 20rpx;
-		top: 95rpx;
-		.menuContent1,.menuContent2{
-			width: 100%;
-			height: 50%;
-			position: absolute;
-			image{
-				position: absolute;
-				top: 50%;
-				transform: translateY(-50%);
-				width: 40rpx;
-				height: 40rpx;
-				left: 10%;
-			}
-		}
-		.menuContent2{
-			top:50%;
-			image{
-				width: 50rpx;
-			}
-		}
-		text{
-			font-size: 35rpx;
-			position: absolute;
-			color: #000;
-			top: 50%;
-			transform: translateY(-50%);
-			left: 35%;
-		}
-	}
-}
-
-@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;
-			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*2;
-			height: @h3;
-			top: 25rpx;
-			right: 0;
-			color: rgb(165,165,165);
-			line-height: @h3;
-			text{
-				position: absolute;
-				right: 0;
-			}
-		}
-	}
-}
-
-.btn{
-	bottom: 0;
-	position: sticky;
-	width: 100%;
-	height: 100rpx;
-	background-color:#ccad52;
-	.btnText{
-		position: absolute;
-		line-height: 100rpx;
-		font-weight: 500;
-		font-size: 42rpx;
-		color: #fff;
-		margin-left: 50%;
-		transform: translateX(-50%);
-	}
-	
-}
-@color:#ccc;
-.Switch{
-	position: absolute;
-	width: 100%;
-	height: 100vh;
-	background-color: rgba(1,1,1,0.3);
-	top: 0;
-	.switchBox{
-		color: @color;
-		transition: all 0.3s linear;
-		width: 100%;
-		height: 61%;
-		background-color: #FFFFFF;
-		position: absolute;
-		top: 100%;
-		transform: translateY(-100%);
-		.hearder{
-			position: relative;
-			width: 94%;
-			height: 12%;
-			margin-left: 3%;
-			border-bottom: 1rpx @color solid;
-			text{
-				font-size: 35rpx;
-				position: absolute;
-				top: 50%;
-				transform: translateY(-50%);
-				font-weight:550;
-			}
-			text:nth-child(2){
-				right:0;
-				font-size: 60rpx;
-			}
-		}
-		.zhong{
-			width: 94%;
-			height: 76%;
-			margin-left: 3%;
-			view{
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-				border: 1px @color solid;
-				border-radius: 20rpx;
-				width: 100%;
-				height: 23%;
-				margin: 15rpx 0;
-				position: relative;
-				image{
-					width: 140rpx;
-					height: 120rpx;
-				}
-				text{
-					font-size: 35rpx;
-				}
-				input{
-					position: absolute;
-					right: 0;
-					border: 1rpx solid @color;
-					height: 50rpx;
-					border-radius: 10rpx;
-					width: 170rpx;
-				}
-				
-			}
-		}
-		.bottom{
-			position: relative;
-			width: 100%;
-			height: 12%;
-			background-color: #ff8359;
-			view{
-				font-size: 40rpx;
-				color: #FFFFFF;
-				font-weight: 500;
-			height: 12%;
-			position: absolute;
-			left: 50%;
-			transform: translateX(-50%);
-			line-height: 100rpx;
-
-			}
-		}
-	}
-	
-}
-.sswitch{
-	width: 100%;
-	height: 100%;
-	background-color: rgba(1,1,1,0.3);
-	top: 0;
-	.switchBox{
-		transition: all 0.3s linear;
-		width: 100%;
-		height: 0%;
-		background-color: #FFFFFF;
-		position: absolute;
-		top: 100%;
-		.hearder{
-			position: relative;
-			width: 94%;
-			height: 12%;
-			margin-left: 3%;
-			border-bottom: 1rpx @color solid;
-			text{
-				font-size: 35rpx;
-				position: absolute;
-				top: 50%;
-				transform: translateY(-50%);
-				font-weight:550;
-			}
-			text:nth-child(2){
-				right:0;
-				font-size: 60rpx;
-			}
-		}
-
-		.bottom{
-			position: relative;
-			width: 100%;
-			height: 12%;
-			background-color: #ff8359;
-			view{
-				font-size: 40rpx;
-				color: #FFFFFF;
-				font-weight: 500;
-			height: 12%;
-			position: absolute;
-			left: 50%;
-			transform: translateX(-50%);
-			line-height: 100rpx;
-			}
-		}
-	}
-	
-}
-.zhong view .text1,.zhong view .text2,.zhong view .text3,.zhong view .text4{
-	position: absolute;
-	right: 2%;
-}
-
-.Switch .switchBox .zhong view .text4,.Switch .switchBox .zhong view .shang1{
-	width: 80rpx;
-	height: 80rpx;
-	margin-left: 5%;
-}

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>