feat: 调整 index page 示例效果

src/App.vue

@@ -25,4 +25,9 @@
 
     // 全局样式
     @import './common/public.less';
+
+    uni-page-body,
+    page {
+        height: 100%;
+    }
 </style>

src/locales/lang/zh-Hans/app.json

 {
-    "hello": "你好"
+    "hello": "你好, 世界"
 }

src/pages/index/index.vue

 <script setup lang="ts">
+    import dayjs from 'dayjs'
+
+    const year = ref(dayjs().year())
     const title = ref('Hello World')
 
     // TODO: 测试接口
@@ -10,34 +13,33 @@
 <template>
     <view class="content">
         <fui-avatar src="/static/logo.png" radius="14" />
-        <view class="text-area">
+        <view class="info">
             <text class="title">{{ title }}</text>
+            <text class="title">{{ $t('app.hello') }}</text>
         </view>
-        <view class="title">{{ $t('app.hello') }}</view>
-        <fui-footer isFixed text="Copyright © 2022 YiRing.com" />
+        <fui-footer isFixed :text="`Copyright © ${year} YiRing.com`" />
     </view>
 </template>
 
 <style>
-    page {
-        height: 100%;
-    }
-
     .content {
-        height: 100%;
+        height: calc(100vh - 100rpx);
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
     }
 
-    .text-area {
+    .info {
         display: flex;
+        flex-direction: column;
         justify-content: center;
         margin: 50rpx 0 30rpx 0;
     }
 
     .title {
+        display: flex;
+        justify-content: center;
         font-size: 36rpx;
         color: #8f8f94;
     }