展开会费缴交页面设计

pages.json

@@ -263,6 +263,17 @@
 					"titleNView": false
 				}
 			}
+		},
+		{
+			"path" : "pages/huiFeiJiaoJiao/huiFeiJiaoJiao",
+			"style" : 
+			{
+				"navigationBarTitleText" : "会费缴交",
+				"navigationBarBackgroundColor": "#8dccff",
+				"app-plus": {
+					"titleNView": true
+				}
+			}
 		}
 	],
 	"globalStyle": {

pages/huiFeiJiaoJiao/huiFeiJiaoJiao.vue

@@ -0,0 +1,28 @@
+<template>
+	<view class="container">
+		会费缴交
+	</view>
+</template>
+
+<script setup>
+	import { ref } from 'vue'
+	import { onLoad } from '@dcloudio/uni-app'
+	
+	onLoad(() => {
+		console.log('onLoad')
+	})
+</script>
+
+<style lang="scss" scoped>
+	.container {
+		height: 100vh;
+		width: 100vw;
+		padding: 0 20rpx;
+		background: rgb(141, 204, 255);
+		background: -moz-linear-gradient(   90deg, rgb(141, 204, 255) 10%, rgb(247, 247, 247) 30%);
+		background: -webkit-linear-gradient(90deg, rgb(141, 204, 255) 10%, rgb(247, 247, 247) 30%);
+		background: -o-linear-gradient(     90deg, rgb(141, 204, 255) 10%, rgb(247, 247, 247) 30%);
+		background: -ms-linear-gradient(    90deg, rgb(141, 204, 255) 10%, rgb(247, 247, 247) 30%);
+		background: linear-gradient(       180deg, rgb(141, 204, 255) 10%, rgb(247, 247, 247) 30%);
+	}
+</style>

pages/personalCenter/personalCenter.vue

@@ -61,7 +61,7 @@
 			</view>
 		</u-popup>
 		<view class="menu-box">
-			<view class="menu-item-box">
+			<view class="menu-item-box" @click="onHuiFeiJiaoJiao()">
 				<view class="icon-box">
 					<view class="iconfont icon-qianbi"></view>
 				</view>
@@ -208,6 +208,12 @@
 		}
 	}
 	
+	// 点击-会费缴交
+	function onHuiFeiJiaoJiao() {
+		uni.navigateTo({
+			url: '/pages/huiFeiJiaoJiao/huiFeiJiaoJiao'
+		})
+	}
 	// 点击-我的订单
 	function onWoDeDingDan() {
 		uni.navigateTo({