上传文件至 'pages/index/gongdeng'

pages/index/gongdeng/index.vue

@@ -1,12 +1,13 @@
 <template>
 	<view>
 		<view class="sticky-nav">
-		<view class="nav-box">
-			<image src="../../../static/index/gongdeng/back_arrow.png" class="gongdeng_back" @click="backHome"></image>
-			<text class="gongdeng-text">供灯</text>
-			<image src="../../../static/index/more_black_icon.png" class="gongdeng_operate"
-				@click="showGongdengMask"></image>
-		</view>
+			<view class="nav-box">
+				<image src="../../../static/index/gongdeng/back_arrow.png" class="gongdeng_back" @click="backHome">
+				</image>
+				<text class="gongdeng-text">供灯</text>
+				<image src="../../../static/index/more_black_icon.png" class="gongdeng_operate"
+					@click="showGongdengMask"></image>
+			</view>
 		</view>
 		<view class="gongdeng_foxiang_box">
 			<view v-for="(item,index) in foxiangList" :key="index">
@@ -19,7 +20,7 @@
 						<view class="foxiang_description">{{item.description}}</view>
 						<view class="foxiang_symbol">{{item.symbol}}</view>
 					</view>
-					<view class="gongdeng_btn">供灯</view>
+					<view class="gongdeng_btn" @click="gongdeng()">供灯</view>
 				</view>
 			</view>
 		</view>
@@ -184,25 +185,30 @@
 			showGongdengMask() {
 				this.showMask = true;
 			},
-			gongdengDetail(item){
+			gongdengDetail(item) {
 				console.log(item.content);
-				switch(item.content){
+				switch (item.content) {
 					case '供灯说明':
-					uni.navigateTo({
-						url: '../gongdeng/gongdengIntroduction'
-					});
-					break;
+						uni.navigateTo({
+							url: '../gongdeng/gongdengIntroduction'
+						});
+						break;
 					case '我的供灯':
-					uni.navigateTo({
-						url: '../gongdeng/myGongdeng'
-					});
-					break;
+						uni.navigateTo({
+							url: '../gongdeng/myGongdeng'
+						});
+						break;
 					case '我的灯劵':
-					uni.navigateTo({
-						 url: '../gongdeng/myTicket'
-					});
-					break;
+						uni.navigateTo({
+							url: '../gongdeng/myTicket'
+						});
+						break;
 				}
+			},
+			gongdeng() {
+				uni.navigateTo({
+					url: '../gongdeng/fodengInfo'
+				});
 			}
 		}
 	}
@@ -213,65 +219,77 @@
 	}
 </style>
 <style lang="less" scoped>
-	.sticky-nav{
+	.sticky-nav {
 		position: sticky;
 		width: 100%;
-		top:0;
+		top: 0;
 		z-index: 1;
 	}
+
 	.nav-box {
-		width:100%;
+		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;
+
 		.gongdeng_back {
 			width: 85rpx;
 			height: 85rpx;
 			padding-right: 35rpx;
 		}
+
 		.gongdeng-text {
 			font-size: 45rpx;
 			color: #fff;
 			font-weight: bold;
 		}
+
 		.gongdeng_operate {
-			width: 48rpx;
+			width: 48rpx;
 			height: 46rpx;
 			padding-left: 475rpx;
 		}
 	}
+
 	.gongdeng_foxiang_box {
-		margin:20rpx 20rpx 15rpx 20rpx;
+		margin: 20rpx 20rpx 15rpx 20rpx;
 		background-color: #fff;
+
 		.foxiang_item_box {
 			display: flex;
 			flex-direction: row;
 			align-items: center;
 			padding: 15rpx 20rpx;
+
 			.foxiang_image {
 				width: 66px;
 				height: 77px;
 				border-radius: 10rpx;
 				margin: 0 30rpx 0 10rpx;
 			}
+
 			.foxiang_info {
 				width: 290rpx;
+
 				.foxiang_name {
 					font-size: 40rpx;
 					font-weight: bold;
 				}
+
 				.foxiang_description {
 					color: rgb(165, 165, 165);
 					font-size: 30rpx;
 				}
+
 				.foxiang_symbol {
 					font-size: 35rpx;
 					color: rgb(204, 172, 86);
 				}
 			}
+
 			.gongdeng_btn {
 				color: #fff;
 				background-color: rgb(204, 172, 86);
@@ -285,37 +303,45 @@
 			}
 		}
 	}
+
 	.gongde_noitce_box {
 		margin: 0 20rpx 110rpx 20rpx;
 		background-color: #fff;
+
 		.gongde_notice {
 			padding: 25rpx 0 0 25rpx;
 			color: rgb(121, 83, 20);
 			font-size: 40rpx;
 		}
+
 		.gongde_notice_list_box {
 			margin: 25rpx 20rpx 25rpx 22rpx;
 			border-bottom: 1rpx solid rgb(226, 226, 226);
+
 			.personal_info_box {
 				display: flex;
 				flex-direction: row;
 				align-items: center;
 				padding-bottom: 12rpx;
+
 				.avatar {
 					width: 90rpx;
 					height: 90rpx;
 					border-radius: 10rpx;
 					margin-right: 30rpx;
 				}
+
 				.nickname {
 					color: #000000;
 					font-size: 40rpx;
 				}
+
 				.time {
 					color: rgb(165, 165, 165);
 					font-size: 30rpx;
 				}
 			}
+
 			.gongdeInfo {
 				background-color: rgb(229, 232, 249);
 				border-radius: 5rpx;
@@ -324,49 +350,59 @@
 				display: inline-block !important;
 				height: 40rpx;
 			}
+
 			.gongdeContent {
 				font-size: 36rpx;
 				padding: 20rpx 0;
 			}
 		}
 	}
+
 	.getWelfareImg {
 		width: 100%;
 		height: 110rpx;
 		position: fixed;
 		bottom: 0;
 	}
-    .wrap{
+
+	.wrap {
 		position: fixed;
-		top:140rpx;
-		right:0;
+		top: 140rpx;
+		right: 0;
+
 		.gongdeng_operate_wrap {
 			width: 300rpx;
 			// height: 430rpx;
 			background-color: #fff;
 			border-radius: 10rpx;
 			position: relative;
+
 			.operate_list {
 				margin: 0 5rpx 0 25rpx;
 				border-bottom: 1rpx solid rgb(165, 165, 165);
-				.operate_item{
+
+				.operate_item {
 					padding: 27rpx 5rpx 27rpx 25rpx;
 					display: flex;
 					align-items: center;
 				}
+
 				.oprate_icon {
 					width: 50rpx;
 					height: 50rpx;
 					padding-right: 15rpx;
 				}
-				.oprate_content{
+
+				.oprate_content {
 					font-size: 35rpx;
 				}
 			}
-			.operate_list:last-of-type{
+
+			.operate_list:last-of-type {
 				border-bottom: none;
 			}
 		}
+
 		.gongdeng_operate_wrap_top::before {
 			content: '';
 			position: absolute;
@@ -379,5 +415,4 @@
 			/*上 右 下 左 */
 		}
 	}
-	
 </style>