新增关于我们页面

common/styles/global/pages.scss

@@ -591,6 +591,7 @@
 		.error-icon{background-image: url("@/static/images/my/list-icon2.png");}
 		.order-icon{background-image: url("@/static/images/my/list-icon3.png");}
 		.login-out-icon{background-image: url("@/static/images/my/list-icon4.png");}
+		.about-icon{background-image: url("@/static/images/my/list-icon5.png");}
 	}
 	@media (max-height: 700px) {
 		.my-head-box{padding: 60rpx 24rpx 32rpx;}
@@ -615,6 +616,44 @@
 	@include ezy-no-repeat-cover;background-image: url("@/static/images/my/my-page-img.png");
 }
 
+// 关于我们
+.ezy-about-page{
+	width: 100%;height: 100vh;background-color: #00c5fe;position: relative;
+	padding-top:var(--status-bar-height);display: flex;flex-direction: column;
+	@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/my/my-page-bj.png");
+	.about-body-border{
+		flex: 1;width: 92%;height: auto;background-color: rgba(255, 255, 255, 0.6);border-radius: 10px;
+		margin: 12rpx auto 200rpx;position: relative;display: flex;flex-direction: column;
+	}
+	.about-body-box{
+		content: "";display: block;background-color: rgba(255, 255, 255, 0.6);border-radius: 0 0 10rpx 10rpx;
+		position: absolute;top: 20rpx;left: 20rpx;right: 20rpx;bottom: 30rpx;z-index: 1;
+		box-sizing: border-box;padding: 52rpx 24rpx 24rpx;overflow-y: auto;
+	}
+	.content-top-box{
+		display: flex;flex-shrink: 0;font-size: 24rpx;color: #333;
+		box-sizing: border-box;padding-bottom: 42rpx;border-bottom: 1px dashed #fff;
+		.about-icon-box{
+			width: 192rpx;height: 188rpx;margin-right: 36rpx;
+			@include ezy-no-repeat-cover;background-image: url("@/static/images/my/about-icon.png");
+		}
+		.about-name{
+			font-size: 30rpx;margin: 20rpx 0 42rpx;
+		}
+		.about-text{margin: 16rpx 0;}
+	}
+	.content-box{
+		font-size: 30rpx;margin-top: 50rpx;line-height: 2;color: #333;
+		text-align: justify;box-sizing: border-box;padding: 0 10rpx;
+		}
+	@media (max-height: 600px) {
+		.about-body-border{margin: 12rpx auto 150rpx;}
+		.about-body-box{padding: 32rpx 20rpx 20rpx;}
+		.content-top-box{padding-bottom: 24rpx;}
+		.content-box{margin-top: 20rpx;}
+	}
+}
+
 // SVIP
 .ezy-svip-page{
 	width: 100%;height: 100vh;background-color: #23befb;position: relative;
@@ -654,4 +693,5 @@
 			@include ezy-no-repeat-cover;background-image: url("@/static/images/pay/svip-btn-bj.png");
 		}
 	}
-}
+}
+

pages.json

@@ -46,6 +46,12 @@
 			}
 		},
 		{
+			"path": "pages/my/aboutPage",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
+		{
 			"path" : "pages/unitTest/index",
 			"style" :
 			{
@@ -116,7 +122,11 @@
 		"navigationBarBackgroundColor": "#F8F8F8",
 		"backgroundColor": "#F8F8F8",
 		"animationType": "none",
-		"animationDuration": "0"
+		"animationDuration": "0",
+		//禁止滑动返回
+		"app-plus": {
+					"popGesture": "none"
+				}
 		/* "app-plus": {
 			"background": "#efeff4"
 		} */

pages/my/aboutPage.vue

@@ -0,0 +1,37 @@
+<template>
+	<view class="ezy-about-page">
+		<view class="icon-title-navBar-box">
+			<view @click="handleBack" class="nav-bar-icon"></view>
+			<text class="nav-bar-title">关于我们</text>
+		</view>
+		<view class="about-body-border">
+			<view class="about-body-box">
+				<view class="content-top-box">
+					<icon class="about-icon-box"></icon>
+					<view class="top-text-box">
+						<view class="about-name">鹅状元</view>
+						<view class="about-text">客服电话：400-099-0883</view>
+						<view class="about-text">备案号：辽ICP备15006970号-7A</view>
+					</view>
+				</view>
+				<view class="content-box">
+					鹅状元是一款面向职业考证考编和自主练习于一体的刷题工具，汇集了建筑、医疗、财会等行业丰富、优质的题库内容。青题库涵盖了历年真题、模拟试题、章节练习题、错题练习等，能够针对用户自身的基础，学习进度，知识掌握的熟练度等进行自主练习，司时有专业的学习专题划分，帮助用户快速找到自己所需的学习内容，为用户提供高效学习体验。
+				</view>
+			</view>
+		</view>
+		<CustomTabBar></CustomTabBar>
+	</view>
+</template>
+
+<script setup>
+	import CustomTabBar from '@/components/custom-tabbar/custom-tabbar.vue';
+	// 关于我们
+	function handleBack(){
+		uni.redirectTo({
+			url: '/pages/my/index'
+		});
+	}
+</script>
+
+<style>
+</style>

pages/my/index.vue

@@ -26,6 +26,10 @@
 				<icon class="list-icon order-icon"></icon>
 				<text>我的订单</text>
 			</view>
+			<view class="list-row" @click="aboutClick">
+				<icon class="list-icon about-icon"></icon>
+				<text>关于我们</text>
+			</view>
 			<view class="list-row" @click="exitLogin">
 				<icon class="list-icon login-out-icon"></icon>
 				<text>退出登录</text>
@@ -63,14 +67,20 @@
 
 	const exitBtn = () => {
 		cacheManager.clearAll();
-		uni.navigateTo({
+		uni.redirectTo({
 			url: '/pages/login/index'
 		});
 	}
+	// 关于我们
+	function aboutClick(){
+		uni.redirectTo({
+			url: '/pages/my/aboutPage'
+		});
+	}
 	
 	// 订单
 	function orderClick(){
-		uni.navigateTo({
+		uni.redirectTo({
 			url: '/pages/pay/order'
 		});
 	}