Explorar el Código

🎨 按要求修改细节问题

快乐的梦鱼 hace 1 mes
padre
commit
930ce452f3
Se han modificado 2 ficheros con 25 adiciones y 14 borrados
  1. 15 14
      src/pages/home.vue
  2. 10 0
      src/pages/parts/StatsText.vue

+ 15 - 14
src/pages/home.vue

@@ -52,21 +52,22 @@
 
       <!-- 数据统计 -->
       <SimplePageContentLoader :loader="statsLoader">
-        <view v-if="statsLoader.content.value" class="d-flex flex-col mt-3 pt-3 b-3 b-0order-all-light-light-primary">
-          
-          <StatsText
-            :title="statsLoader.content.value[0].title" 
-            :data="statsLoader.content.value[0].datas" 
-            :type="statsLoader.content.value[0].type" 
-          />
-          <StatsText 
-            class="border-top-forth pt-2 mt-3"
-            :title="statsLoader.content.value[1].title" 
-            :data="statsLoader.content.value[1].datas" 
-            :type="statsLoader.content.value[1].type" 
-          />
+        <view v-if="statsLoader.content.value" class="d-flex flex-col justify-center mt-3 pt-3 b-3">
+          <view class="d-flex flex-col align-center">
+            <StatsText
+              :title="statsLoader.content.value[0].title" 
+              :data="statsLoader.content.value[0].datas" 
+              :type="statsLoader.content.value[0].type" 
+            />
+            <view class="border-top-forth pt-2 mt-3"></view>
+            <StatsText 
+              :title="statsLoader.content.value[1].title" 
+              :data="statsLoader.content.value[1].datas" 
+              :type="statsLoader.content.value[1].type" 
+            />
+          </view>
+          <view class="border-top-forth pt-2 mt-3"></view>
           <StatsText
-            class="border-top-forth pt-2 mt-3"
             width="calc(33%)"
             :data="statsLoader.content.value[2].datas" 
             :type="statsLoader.content.value[2].type" 

+ 10 - 0
src/pages/parts/StatsText.vue

@@ -51,6 +51,13 @@ defineProps({
     default: ''
   },
 })
+
+defineOptions({
+  options: {
+    inheritAttrs: false,
+    virtualHost: true,
+  }
+})
 </script>
 
 <style lang="scss">
@@ -114,6 +121,9 @@ $color-text: map.get($colors, "text");
   }
 
   &.text {
+    align-items: center;
+    width: 78%;
+
     .stats {
       display: flex;
       flex-direction: row;