hookehuyr

style(profile): 调整消息页面无数据提示的缩进并添加底部间距

1 <!-- 1 <!--
2 * @Date: 2025-03-24 12:56:07 2 * @Date: 2025-03-24 12:56:07
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-06-12 16:07:46 4 + * @LastEditTime: 2025-06-12 16:31:31
5 * @FilePath: /mlaj/src/views/profile/MessagesPage.vue 5 * @FilePath: /mlaj/src/views/profile/MessagesPage.vue
6 * @Description: 消息中心页面 6 * @Description: 消息中心页面
7 --> 7 -->
...@@ -36,26 +36,28 @@ ...@@ -36,26 +36,28 @@
36 </van-list> 36 </van-list>
37 37
38 <!-- 无数据提示 --> 38 <!-- 无数据提示 -->
39 - <div 39 + <div
40 - v-if="!loading && messages.length === 0" 40 + v-if="!loading && messages.length === 0"
41 - class="flex flex-col items-center justify-center py-12" 41 + class="flex flex-col items-center justify-center py-12"
42 - >
43 - <svg
44 - xmlns="http://www.w3.org/2000/svg"
45 - class="h-16 w-16 text-gray-300"
46 - fill="none"
47 - viewBox="0 0 24 24"
48 - stroke="currentColor"
49 > 42 >
50 - <path 43 + <svg
51 - stroke-linecap="round" 44 + xmlns="http://www.w3.org/2000/svg"
52 - stroke-linejoin="round" 45 + class="h-16 w-16 text-gray-300"
53 - stroke-width="2" 46 + fill="none"
54 - d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" 47 + viewBox="0 0 24 24"
55 - /> 48 + stroke="currentColor"
56 - </svg> 49 + >
57 - <p class="mt-4 text-gray-500">暂无消息</p> 50 + <path
58 - </div> 51 + stroke-linecap="round"
52 + stroke-linejoin="round"
53 + stroke-width="2"
54 + d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
55 + />
56 + </svg>
57 + <p class="mt-4 text-gray-500">暂无消息</p>
58 + </div>
59 +
60 + <div style="height: 4rem;"></div>
59 </div> 61 </div>
60 </AppLayout> 62 </AppLayout>
61 </template> 63 </template>
......