添加about页面

src/pages.json

@@ -172,6 +172,12 @@
 				"navigationBarTitleText": "产品线详情",
 				"navigationBarBackgroundColor": "#fff"
 			}
+		}, {
+			"path": "pages/profile/about",
+			"style": {
+				"navigationBarTitleText": "关于",
+				"navigationBarBackgroundColor": "#fff"
+			}
 		}
 	],
 	"tabBar": {

src/pages/profile/index.vue

@@ -14,17 +14,8 @@
 				<template v-slot:right>
 					<view class="order-more" @tap="showAllOrder">全部订单</view>
 				</template>
-				<uni-grid
-					:column="4"
-					:show-border="false"
-					:square="false"
-					@change="handleOrderTypeChange"
-				>
-					<uni-grid-item
-						v-for="(item, index) in orderBtnList"
-						:index="index"
-						:key="index"
-					>
+				<uni-grid :column="4" :show-border="false" :square="false" @change="handleOrderTypeChange">
+					<uni-grid-item v-for="(item, index) in orderBtnList" :index="index" :key="index">
 						<view class="grid-item-box">
 							<image class="image" :src="item.url" mode="aspectFill" />
 							<text class="text">{{ item.text }}</text>
@@ -54,7 +45,7 @@
 		<view class="function-list">
 			<u-cell-group>
 				<u-cell-item icon="setting" title="设置" @click="toSetting"></u-cell-item>
-				<u-cell-item icon="man-add" title="关于"></u-cell-item>
+				<u-cell-item icon="man-add" title="关于" @click="toAbout"></u-cell-item>
 			</u-cell-group>
 		</view>
 	</view>
@@ -155,6 +146,10 @@ let showAllOrder = () => {
 let toSetting = () => {
 	uni.navigateTo({ url: './setting' });
 };
+
+let toAbout = () => {
+	uni.navigateTo({ url: './about' });
+};
 </script>
 
 <style lang="scss" scoped>
@@ -194,9 +189,11 @@ let toSetting = () => {
 		margin-top: 15rpx;
 		border-radius: 20rpx;
 		background-color: #ffffff;
+
 		.order-more {
 			margin-right: 20rpx;
 		}
+
 		.grid-item-box {
 			font-size: 24rpx;
 			flex: 1;
@@ -208,6 +205,7 @@ let toSetting = () => {
 			align-items: center;
 			justify-content: center;
 			padding: 10rpx 0;
+
 			.grid-item-box-row {
 				flex: 1;
 				// position: relative;
@@ -219,6 +217,7 @@ let toSetting = () => {
 				justify-content: center;
 				//padding: 15px 0;
 			}
+
 			.grid-dot {
 				position: absolute;
 				top: -5rpx;
@@ -237,6 +236,7 @@ let toSetting = () => {
 		border-radius: 20rpx;
 	}
 }
+
 .image {
 	width: 25px;
 	height: 25px;