From 6a0003371315e2923efbb2b1e4e34ce7dea1bcd2 Mon Sep 17 00:00:00 2001
From: j1ack <1209452658@qq.com>
Date: Thu, 25 Aug 2022 19:15:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=88=E5=B9=B6=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/me/about.vue   |  97 ----------------------------
 pages/me/aboutUs.vue | 150 +++++++++++++++++++++++--------------------
 2 files changed, 79 insertions(+), 168 deletions(-)
 delete mode 100644 pages/me/about.vue

diff --git a/pages/me/about.vue b/pages/me/about.vue
deleted file mode 100644
index 0dc65cf..0000000
--- a/pages/me/about.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<template>
-    <view class="main">
-        <!-- nav -->
-        <navigation>{{ i18n.AboutUs }}</navigation>
-        <view class="body">
-         
-
-        </view>
-    </view>
-</template>
-
-<script>
-import api from '@/utils/api'
-export default {
-    name: "AboutUs",
-    data() {
-        return {
-         
-        };
-    },
-    computed: {
-        i18n() {
-            return this.$t("me");
-        },
-    },
-    onLoad() {
-		this.about();
-    },
-    onShow() { },
-    methods: {
-        // 关于我们
-        about() {
-         api.aboutus().then(res => {
-			 console.log(res)
-         })
-        },
-    },
-}
-</script>
-
-<style lang="scss" scoped>
-.main {
-
-    .body {
-        overflow: hidden;
-        margin-top: 200rpx;
-        padding: 0 48rpx;
-
-        .shareText {
-            margin-top: 104rpx;
-            font-size: 60rpx;
-            font-weight: 800;
-            text-align: center;
-        }
-
-        .scanText {
-            font-size: 32rpx;
-            text-align: center;
-            color: #A2A0A8;
-        }
-
-        .QRCode {
-            box-sizing: border-box;
-            margin: 66rpx auto;
-            width: 520rpx;
-            height: 520rpx;
-            background-image: url(../../static/me/bg_QR_code.png);
-            background-repeat: no-repeat;
-            background-size: 520rpx;
-            padding: 52rpx;
-
-            .QRCodeImg {
-                margin-left: 8rpx;
-            }
-        }
-
-        .myIdText {
-            font-size: 48rpx;
-            font-weight: 800;
-            text-align: center;
-        }
-
-        .button {
-            height: 112rpx;
-            margin: 72rpx 0;
-            border-radius: 32rpx;
-            color: #15141F !important;
-            font-weight: 700;
-            font-size: 32rpx;
-        }
-
-
-
-    }
-
-}
-</style>
diff --git a/pages/me/aboutUs.vue b/pages/me/aboutUs.vue
index ff3aa6e..c648d0a 100644
--- a/pages/me/aboutUs.vue
+++ b/pages/me/aboutUs.vue
@@ -1,86 +1,94 @@
 <template>
-    <view class="main">
-        <!-- nav -->
-        <navigation :bgTransparent="true">{{ i18n.AboutUs }}</navigation>
-        <!-- 列表 -->
-        <view class="content">
-            <view class="card" v-for="(item, index) in 5" :key="index">
-                <view class="title">{{ i18n.Consulting }}</view>
-                <view class="text">A Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
-                    Ipsum has been the industry's standard dummy text ever since the 1500s, </view>
-            </view>
-        </view>
-    </view>
+	<view class="main">
+		<!-- nav -->
+		<navigation :bgTransparent="true">{{ i18n.AboutUs }}</navigation>
+		<!-- 列表 -->
+		<view class="content">
+			<view class="card" v-for="(item, index) in aboutus" :key="index">
+				<view class="title">{{ i18n.Consulting }}</view>
+				<view class="text">A Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
+					Ipsum has been the industry's standard dummy text ever since the 1500s, </view>
+			</view>
+		</view>
+	</view>
 </template>
 
 <script>
-export default {
-    name: "aboutUs",
-    data() {
-        return {
-        };
-    },
-    computed: {
-        i18n() {
-            return this.$t("me");
-        },
-    },
-    onLoad() {
-    },
-    onShow() { },
-    methods: {
+	import api from '@/utils/api'
+	export default {
+		name: "aboutUs",
+		data() {
+			return {
+				aboutus:[],
+			};
+		},
+		computed: {
+			i18n() {
+				return this.$t("me");
+			},
+		},
+		onLoad() {
+			this.about()
+		},
 
-    },
-}
+		onShow() {},
+		methods: {
+			about() {
+				api.aboutus().then(res => {
+					this.aboutus = res
+				})
+			},
+		},
+	}
 </script>
 
 <style lang="scss" scoped>
-.main {
-    background-image: url(../../static/me/image.png);
-    background-repeat: no-repeat;
-    background-size: 750rpx 424rpx;
-    overflow: hidden;
+	.main {
+		background-image: url(../../static/me/image.png);
+		background-repeat: no-repeat;
+		background-size: 750rpx 424rpx;
+		overflow: hidden;
 
-    &::after {
-        content: "";
-        position:fixed;
-        bottom: 0px;
-        right: 0px;
-        width: 418rpx;
-        height: 260rpx;
-        background-image: url(../../static/me/tarBg.png);
-        background-repeat: no-repeat;
-        background-size: cover;
-    }
+		&::after {
+			content: "";
+			position: fixed;
+			bottom: 0px;
+			right: 0px;
+			width: 418rpx;
+			height: 260rpx;
+			background-image: url(../../static/me/tarBg.png);
+			background-repeat: no-repeat;
+			background-size: cover;
+		}
 
-    .content {
-        margin-top: 200rpx;
-        overflow: hidden;
+		.content {
+			margin-top: 200rpx;
+			overflow: hidden;
 
-        .card {
-            margin: 32rpx 32rpx 0;
-            border-radius: 40rpx;
-            padding: 20rpx;
-            padding-bottom: 40rpx;
-            background-color: rgba(0, 221, 156, 0.03);
+			.card {
+				margin: 32rpx 32rpx 0;
+				border-radius: 40rpx;
+				padding: 20rpx;
+				padding-bottom: 40rpx;
+				background-color: rgba(0, 221, 156, 0.03);
 
-            .title {
-                font-size: 32rpx;
-                line-height: 64rpx;
-                background: linear-gradient(65.75deg, #6BB7A8 13.22%, #631FFD 65.49%, #FF844B 114.4%), #FFFFFF;
-                -webkit-background-clip: text;
-                -webkit-text-fill-color: transparent;
-                background-clip: text;
-                text-fill-color: transparent;
-            }
+				.title {
+					font-size: 32rpx;
+					line-height: 64rpx;
+					background: linear-gradient(65.75deg, #6BB7A8 13.22%, #631FFD 65.49%, #FF844B 114.4%), #FFFFFF;
+					-webkit-background-clip: text;
+					-webkit-text-fill-color: transparent;
+					background-clip: text;
+					text-fill-color: transparent;
+				}
 
-            .text {
-                line-height: 150%;
-                font-size: 24rpx;
-                color: #80AB9E;
-            }
-        }
-    }
+				.text {
+					line-height: 150%;
+					font-size: 24rpx;
+					color: #80AB9E;
+				}
+			}
+		}
 
-}
+	}
 </style>