更新

manifest.json

@@ -70,6 +70,6 @@
     },
     "h5" : {
         "title" : "报恩寺",
-        "domain" : ""
+        "domain" : "besweb.ts.dongerkj.com"
     }
 }

pages/index/index.vue

@@ -108,9 +108,35 @@
 					</view>
 				</view>
 			</view>
-			<view v-else-if="menuIndex===1">
-				<view>
-					修行
+			<view v-else-if="menuIndex===1" class="left-nav-title-box">
+				<view class="left-nav-titles">
+					<view v-for="(item,index) in rightNavList" :key="index">
+						<view @click="navigate(item)">
+							<image :src="item.imgurl" class="left-nav-title-img"></image>
+							<text class="left-nav-title-content">{{item.content}}</text>
+						</view>
+					</view>
+				</view>
+				<view>
+					<view class="rank-box">
+						<view class="week-rank-box">
+							<view class="week-rank">周排名</view>
+							<view class="rank">{{rank}}</view>
+						</view>
+						<view class="share-btn">分享</view>
+						<image src="../../static/index/share_black_common.png" class="share-img"></image>
+						<image src="../../static/index/merit_cneter2.png" class="merit-img"></image>
+						<view class="merit-content">+{{meritNumber}}</view>
+						<view class="qiandao-status">{{initialStatus}}</view>
+					</view>
+					<view v-for="(item,index) in items" :key="index" class="home-nav-box">
+						<image :src="item.imgUrl" class="nav-img"></image>
+						<view class="nav-name" :class="item.name == '修心日志'||item.name == '日行一善'? 'right-distance':' '">{{item.name}}</view>
+						<image src="../../static/index/merit_cneter2.png" class="nav-merit"></image>
+						<view class="nav-count">+{{item.meritCount}}</view>
+						<view class="nav-status">{{item.status}}</view>
+					</view>
+					<view style="height:100rpx"></view>
 				</view>
 			</view>
 		</view>
@@ -130,7 +156,8 @@
 				],
 				activeColor: '#007aff',
 				styleType: 'text',
-				leftNavList: [{
+				leftNavList: [
+					{
 						imgurl: "../../static/index/home_icon_wish.png",
 						content: "祈福",
 						page: '../index/qifu/index'
@@ -157,6 +184,7 @@
 						page: '../index/answer/index'
 					}
 				],
+				
 				background: ['color1', 'color2', 'color3'],
 				indicatorDots: true,
 				adIndicatorDots: false,
@@ -200,6 +228,122 @@
 					content: '',
 					checked: false
 				},
+				rightNavList:[
+					{
+						imgurl: "../../static/index/home_icon_music.png",
+						content: "佛音",
+						page: '../index/music/index'
+					},
+					{
+						imgurl: "../../static/index/home_icon_book.png",
+						content: "佛经",
+						page: '../index/book/index'
+					},
+					{
+						imgurl: "../../static/index/home_icon_yufo.png",
+						content: "行善",
+						page: '../index/xingshan/index'
+					},
+					{
+						imgurl: "../../static/index/home_icon_nianfo.png",
+						content: "念佛",
+						page: '../index/nianfo/index'
+						
+					},
+					{
+						imgurl: "../../static/index/home_icon_calendar.png",
+						content: "佛历",
+						page: '../index/calendar/index'
+					}
+				],
+				rank: 50000, //排名
+				meritNumber: 0, //周排名功绩数目
+				initialStatus:'未签到',
+				//修行项目
+				items:[{
+					imgUrl:'../../static/index/home_gongxiu.png',
+					name:'共修',
+					meritCount:0,
+					status:'去完成'
+				},
+				{
+					imgUrl:'../../static/index/home_qifu.png',
+					name:'祈福',
+					meritCount:0,
+					status:'去完成'
+				},
+				{
+					imgUrl:'../../static/index/home_fojing.png',
+					name:'佛经',
+					meritCount:0,
+					status:'去完成'
+				},
+				{
+					imgUrl:'../../static/index/home_foyin.png',
+					name:'佛音',
+					meritCount:0,
+					status:'去完成'
+				},
+				{
+					imgUrl:'../../static/index/home_nianfo.png',
+					name:'念佛',
+					meritCount:0,
+					status:'去完成'
+				},
+				{
+					imgUrl:'../../static/index/home_yufo.png',
+					name:'浴佛',
+					meritCount:0,
+					status:'去完成'
+				},
+				{
+					imgUrl:'../../static/index/home_jisi.png',
+					name:'祭祀',
+					meritCount:0,
+					status:'去完成'
+				},
+				{
+					imgUrl:'../../static/index/home_xiyou.png',
+					name:'西游',
+					meritCount:0,
+					status:'去完成'
+				},
+				{
+					imgUrl:'../../static/index/home_peifu.png',
+					name:'培福',
+					meritCount:0,
+					status:'去完成'
+				},
+				{
+					imgUrl:'../../static/index/home_chaodu.png',
+					name:'超度',
+					meritCount:0,
+					status:'去完成'
+				},
+				{
+					imgUrl:'../../static/index/home_rizhi.png',
+					name:'修心日志',
+					meritCount:0,
+					status:'去完成'
+				},
+				{
+					imgUrl:'../../static/index/home_xingshan.png',
+					name:'日行一善',
+					meritCount:0,
+					status:'去完成'
+				},
+				{
+					imgUrl:'../../static/index/home_zuochan.png',
+					name:'坐禅',
+					meritCount:0,
+					status:'去完成'
+				},
+				{
+					imgUrl:'../../static/index/home_fangsheng.png',
+					name:'放生',
+					meritCount:0,
+					status:'去完成'
+				}]
 			}
 		},
 		onLoad() {
@@ -485,4 +629,99 @@
 			}
 		}
 	}
+	.rank-box{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		background-color: #fff;
+		width:95%;
+		height:130rpx;
+		margin: 0 0 15rpx 20rpx;
+		border-radius: 20rpx;
+		.week-rank-box{
+			width:100rpx;
+			height:100rpx;
+			background-color: rgb(251,124,89);
+			border-radius: 50%;
+			text-align: center;
+			margin-right: 20rpx;
+			margin-left: 20rpx;
+			.week-rank{
+				color:#fff;
+				padding:15rpx 0 10rpx 0 ;
+			}
+			.rank{
+				color: #fff;
+			}
+		}
+		.share-btn{
+			color:#000;
+			// font-weight: bold;
+			font-size: 38rpx;
+			margin-right: 15rpx;
+		}
+		.share-img{
+			width:35rpx;
+			height:30rpx;
+			margin-right: 30rpx;
+		}
+		.merit-img{
+			width:45rpx;
+			height:45rpx;
+			margin-right: 8rpx;
+		}
+		.merit-content{
+			color:rgb(121,121,121);
+			margin-right: 170rpx;
+		}
+		.qiandao-status{
+			color:#fff;
+			background-color: rgb(209,177,90);
+			width:150rpx;
+			height:60rpx;
+			line-height: 60rpx;
+			text-align: center;
+			border-radius: 60rpx;
+		}
+	}
+	.home-nav-box{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		background-color: #fff;
+		width:95%;
+		height:130rpx;
+		margin: 0 0 15rpx 20rpx;
+		border-radius: 20rpx;
+		.nav-img{
+			width:95rpx;
+			height:95rpx;
+			margin: 0 20rpx;
+		}
+		.nav-name{
+			font-size: 38rpx;
+			margin-right: 85rpx;
+		}
+		.right-distance{
+			margin-right: 9rpx;
+		}
+		.nav-merit{
+			width:45rpx;
+			height:45rpx;
+			margin-right: 5rpx;
+		}
+		.nav-count{
+			color:rgb(121,121,121);
+			margin-right: 170rpx;
+		}
+		.nav-status{
+			color:#fff;
+			background-color: rgb(209,177,90);
+			width:150rpx;
+			height:60rpx;
+			line-height: 60rpx;
+			text-align: center;
+			border-radius: 60rpx;
+		}
+	}
 </style>