Browse Source

feat: 优化页面组件布局,调整内容展示逻辑,增强用户体验

EvilDragon 3 months ago
parent
commit
7be160b31e

+ 9 - 8
packages/app/src/components/page-helper-evo.vue

@@ -99,13 +99,14 @@ defineExpose({
         <slot name="top"></slot>
         <slot name="top"></slot>
       </div>
       </div>
     </div>
     </div>
-
-    <template v-if="!items?.length">
-      <wd-status-tip :image="NetImages.NotContent" tip="暂无内容"></wd-status-tip>
-    </template>
-    <slot :source="{ list: items }"></slot>
-    <template v-if="nomore">
-      <div class="my-4"><wd-divider>没有更多了</wd-divider></div>
-    </template>
+    <div class="flex-grow flex flex-col justify-center">
+      <template v-if="!items?.length">
+        <wd-status-tip :image="NetImages.NotContent" tip="暂无内容"></wd-status-tip>
+      </template>
+      <slot :source="{ list: items }"></slot>
+      <template v-if="nomore">
+        <div class="my-4"><wd-divider>没有更多了</wd-divider></div>
+      </template>
+    </div>
   </div>
   </div>
 </template>
 </template>

+ 9 - 3
packages/app/src/pages/messages/index.vue

@@ -104,8 +104,14 @@ onShow(async () => {
 </script>
 </script>
 
 
 <template>
 <template>
-  <view class="flex-grow flex flex-col">
-    <PageHelperEvo ref="pageHelperRef" :request="getMessages" :query="query" :automatic="false">
+  <view class="flex-grow flex flex-col bg">
+    <PageHelperEvo
+      ref="pageHelperRef"
+      class="flex-grow flex"
+      :request="getMessages"
+      :query="query"
+      :automatic="false"
+    >
       <template #top>
       <template #top>
         <wd-tabs v-model="tab">
         <wd-tabs v-model="tab">
           <block v-for="({ label }, i) in tabs" :key="i">
           <block v-for="({ label }, i) in tabs" :key="i">
@@ -114,7 +120,7 @@ onShow(async () => {
         </wd-tabs>
         </wd-tabs>
       </template>
       </template>
       <template #default="{ source }">
       <template #default="{ source }">
-        <div class="p-3.5 gap-3.5 flex flex-col">
+        <div class="flex-grow p-3.5 gap-3.5 flex flex-col">
           <template v-for="(it, i) in source.list" :key="i">
           <template v-for="(it, i) in source.list" :key="i">
             <MessageCard
             <MessageCard
               :options="it"
               :options="it"

+ 1 - 0
packages/app/src/pages/mine/index.vue

@@ -119,6 +119,7 @@ const pieces = ref([
     class: 'items-start! pb-0 pr-0',
     class: 'items-start! pb-0 pr-0',
     iconSize: 102,
     iconSize: 102,
     gridItemClass: 'col-start-1 row-start-1 row-end-3',
     gridItemClass: 'col-start-1 row-start-1 row-end-3',
+    path: '/pages/home/about/index',
   },
   },
   {
   {
     title: '材料商入驻',
     title: '材料商入驻',