From d210c43ed29418604564370d170dc81f87515478 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98=E2=80=98?= <kun.cheng@funi.com>
Date: Tue, 13 Dec 2022 17:23:42 +0800
Subject: [PATCH] =?UTF-8?q?feature-hub-1.0:=E6=B7=BB=E5=8A=A0=E5=B8=B8?=
 =?UTF-8?q?=E8=A7=81=E9=97=AE=E9=A2=98=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages-userInfo/about/about.vue | 138 ++++++++++++++++-----------------
 pages.json                     |   2 +-
 pages/userInfo/userInfo.vue    |   2 +-
 3 files changed, 67 insertions(+), 75 deletions(-)

diff --git a/pages-userInfo/about/about.vue b/pages-userInfo/about/about.vue
index 171f8b6..214e73f 100644
--- a/pages-userInfo/about/about.vue
+++ b/pages-userInfo/about/about.vue
@@ -1,6 +1,66 @@
 <template>
 	<view class="container">
-		我是关于页面
+		<view class="head"> 欢迎使用次元Hub</view>
+		<uni-group mode="card">
+			<uni-collapse>
+				<uni-collapse-item title="1.次元Hub是什么？" :show-animation="true">
+					<view class="content">
+						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
+					</view>
+				</uni-collapse-item>
+				<uni-collapse-item title="2.怎样成为艺术家？" :show-animation="true">
+					<view class="content">
+						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
+					</view>
+				</uni-collapse-item>
+				<uni-collapse-item title="3.怎样上传素材？" :show-animation="true">
+					<view class="content">
+						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
+					</view>
+				</uni-collapse-item>
+				<uni-collapse-item title="4.素材在哪里查看？" :show-animation="true">
+					<view class="content">
+						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
+					</view>
+				</uni-collapse-item>
+				<uni-collapse-item title="5.怎样结算收益？" :show-animation="true">
+					<view class="content">
+						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
+					</view>
+				</uni-collapse-item>
+				<uni-collapse-item title="6.收益如何产生？" :show-animation="true">
+					<view class="content">
+						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
+					</view>
+				</uni-collapse-item>
+				<uni-collapse-item title="7.单次广告收益是多少？" :show-animation="true">
+					<view class="content">
+						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
+					</view>
+				</uni-collapse-item>
+				<uni-collapse-item title="8.如何提现？" :show-animation="true">
+					<view class="content">
+						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
+					</view>
+				</uni-collapse-item>
+				<uni-collapse-item title="9.为何存在6.5%手续费？" :show-animation="true">
+					<view class="content">
+						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
+					</view>
+				</uni-collapse-item>
+				<uni-collapse-item title="10.素材何时审核？" :show-animation="true">
+					<view class="content">
+						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
+					</view>
+				</uni-collapse-item>
+				<uni-collapse-item title="11.如何邀请更多的艺术家？" :show-animation="true">
+					<view class="content">
+						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
+					</view>
+				</uni-collapse-item>
+			</uni-collapse>		
+		
+		</uni-group>
 	</view>
 </template>
 
@@ -104,77 +164,9 @@
 </script>
 
 <style lang="less">
-	.container {
-		.top {
-			width: 100vw;
-
-			image {
-				width: 100vw;
-				height: 400rpx;
-			}
-
-			.uni-searchbar {
-				border: 1px solid #11A8FD;
-				margin: 0 40rpx;
-				border-radius: 16rpx;
-				padding: 0;
-
-				.uni-searchbar__box {
-					padding: 0;
-					border-radius: 16rpx !important;
-				}
-			}
-
-			>text {
-				font-weight: bold;
-				font-size: 14px;
-				display: block;
-				text-align: center;
-				padding-top: 40rpx;
-				padding-bottom: 20rpx;
-			}
-
-			.user-list {
-				display: flex;
-				justify-content: flex-start;
-				align-items: center;
-				overflow-x: auto;
-
-				.user-list-box {
-					width: 140rpx;
-					padding: 20rpx;
-					text-align: center;
-
-					image {
-						width: 100rpx;
-						height: 100rpx;
-						border-radius: 100rpx;
-					}
-
-					text {
-						font-size: 24rpx;
-						color: #1E1E1E;
-						text-align: center;
-					}
-				}
-			}
-		}
-
-		.middle {
-			text-align: center;
-			height: calc(100vh - 248rpx);
-			padding-top: 40rpx;
-
-			text {
-				font-weight: bold;
-				font-size: 14px;
-				display: block;
-			}
-
-			image {
-				width: 40rpx;
-				height: 40rpx;
-			}
-		}
+	.head{
+		text-align: center;
+		color: blue;
+		font-size:36rpx;
 	}
 </style>
diff --git a/pages.json b/pages.json
index 9760a6a..eeaa951 100644
--- a/pages.json
+++ b/pages.json
@@ -98,7 +98,7 @@
 		"pages": [{
 				"path": "about/about",
 				"style": {
-					"navigationBarTitleText": "关于节点",
+					"navigationBarTitleText": "常见问题",
 					"enablePullDownRefresh": false
 				}
 			},
diff --git a/pages/userInfo/userInfo.vue b/pages/userInfo/userInfo.vue
index e3c6c0e..0be8e51 100644
--- a/pages/userInfo/userInfo.vue
+++ b/pages/userInfo/userInfo.vue
@@ -41,7 +41,7 @@
 			return {
 				list: [{
 					url: '/pages-userInfo/about/about',
-					title: '关于节点',
+					title: '常见问题',
 					img: '/static/iconAbout.png'
 				}, {
 					url: '/pages-userInfo/contact/contact',