Update 首页欢迎页样式微调

UI/VAP.APP/src/pages/index/index.vue

@@ -1,8 +1,8 @@
 <template>
-  <view ref="" class="d-fc flex-column">
-    <image class="logo" src="/static/logos/logo.png" />
-    <view class="text-area">
-      <text class="title text-vb fw">{{ title }}欢迎您</text>
+  <view class="d-fc flex-column" style="height: 100vh">
+    <image class="h-100px mb-30" style="margin-top: -30%" src="/static/logos/logo.png" mode="aspectFit" />
+    <view class="d-fc flex-column">
+      <text class="fs-26 text-vb fw">{{ title }}欢迎您</text>
     </view>
     <TabBar></TabBar>
   </view>
@@ -19,24 +19,3 @@ onLoad(() => {
   }
 })
 </script>
-
-<style>
-.logo {
-  height: 200rpx;
-  width: 200rpx;
-  margin-top: 200rpx;
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: 50rpx;
-}
-
-.text-area {
-  display: flex;
-  justify-content: center;
-}
-
-.title {
-  font-size: 36rpx;
-  color: #8f8f94;
-}
-</style>

UI/VAP.APP/src/pages/index/welcome.vue

@@ -1,8 +1,8 @@
 <template>
-  <view class="content">
-    <image class="logo" src="/static/logos/logo.png" />
-    <view class="text-area">
-      <text class="title text-vb">{{ title }}欢迎您</text>
+  <view class="d-fc flex-column" style="height: 100vh">
+    <image class="h-100px mb-30" style="margin-top: -30%" src="/static/logos/logo.png" mode="aspectFit" />
+    <view class="d-fc flex-column">
+      <text class="fs-26 text-vb fw">{{ title }}欢迎您</text>
     </view>
   </view>
 </template>
@@ -30,31 +30,3 @@ onLoad(() => {
   }, 1000)
 })
 </script>
-
-<style>
-.content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-.logo {
-  height: 200rpx;
-  width: 200rpx;
-  margin-top: 200rpx;
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: 50rpx;
-}
-
-.text-area {
-  display: flex;
-  justify-content: center;
-}
-
-.title {
-  font-size: 36rpx;
-  color: #8f8f94;
-}
-</style>