From 3e318e32042a738d72aab2685cbc16beef5c0c7b Mon Sep 17 00:00:00 2001
From: Burt <1020103647@qq.com>
Date: Wed, 24 Jan 2024 14:32:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A6=96=E9=A1=B5=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E8=B7=9D=E7=A6=BB=E4=B8=8A=E9=9D=A2=E5=A2=9E=E5=8A=A0=E8=B7=9D?=
 =?UTF-8?q?=E7=A6=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index/index.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 2229ccb..fd0deef 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -8,7 +8,10 @@
 }
 </route>
 <template>
-  <view class="bg-white h-full overflow-hidden pt-2 px-4">
+  <view
+    class="bg-white h-full overflow-hidden pt-2 px-4"
+    :style="{ marginTop: safeAreaInsets?.top + 'px' }"
+  >
     <view class="mt-8">
       <image src="/static/logo.svg" alt="" class="w-40 h-40 block mx-auto" />
     </view>
@@ -22,12 +25,15 @@
     <view class="text-blue mt-8 text-center text-xl">
       <text class="font-800">详细示例 </text>参考 hello-unibest
     </view>
-    <view class="m-2"> https://github.com/codercup/hello-unibest </view>
-    <button @click="onCopy">复制hello-unibest github地址</button>
+    <view class="m-4"> https://github.com/codercup/hello-unibest </view>
+    <button @click="onCopy">复制 hello-unibest github地址</button>
   </view>
 </template>
 
 <script lang="ts" setup>
+// 获取屏幕边界到安全区域距离
+const { safeAreaInsets } = uni.getSystemInfoSync()
+
 const onCopy = () => {
   uni.setClipboardData({
     data: 'https://github.com/codercup/hello-unibest',