From 7b79a2c5a3214a9f7a073d051a5b4657ecc5ffa0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=8E=AB=E5=94=90=E5=B0=BC?=
 <tzxiaomo@outlook.com>
Date: Tue, 8 Sep 2026 14:13:42 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BC=98=E5=8C=96=E5=A4=9A?=
 =?UTF-8?q?=E5=A4=84=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E4=B8=8E=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 重构评论弹窗圆角样式与玻璃弹窗内部样式
2. 更新首页通知入口文案与样式
3. 调整tabbar图标尺寸与样式
4. 优化回到顶部组件布局
5. 重构公告列表页与详情页逻辑，添加加载延迟与数据状态管理
---
 .../uh-comment-modal/uh-comment-modal.vue     |   2 +-
 .../uh-glass-popup/uh-glass-popup.vue         |   9 +-
 .../uh-home-notify/uh-home-notify.vue         |   8 +-
 .../uh-scroll-top/uh-scroll-top.vue           |  10 +-
 src/pages-blog/notice/detail.vue              |  10 +-
 src/pages-blog/notice/notice.vue              | 468 +++++++++---------
 src/tabbar/TabbarItem.vue                     |   2 +-
 src/tabbar/index.vue                          |   8 +-
 8 files changed, 255 insertions(+), 262 deletions(-)

diff --git a/src/components/uh-comment-modal/uh-comment-modal.vue b/src/components/uh-comment-modal/uh-comment-modal.vue
index 690f5f1..fba477f 100644
--- a/src/components/uh-comment-modal/uh-comment-modal.vue
+++ b/src/components/uh-comment-modal/uh-comment-modal.vue
@@ -265,7 +265,7 @@
 </script>
 
 <template>
-	<uh-glass-popup v-model="isShow" position="bottom" custom-class="!border rounded-lt-2xl rounded-rt-2xl"
+	<uh-glass-popup v-model="isShow" position="bottom" custom-class="!border rounded-2xl"
 		:z-index="100" @close="handleOnChange(false)">
 		<view class="box-border p-4">
 			<view
diff --git a/src/components/uh-glass-popup/uh-glass-popup.vue b/src/components/uh-glass-popup/uh-glass-popup.vue
index 3160a90..685a824 100644
--- a/src/components/uh-glass-popup/uh-glass-popup.vue
+++ b/src/components/uh-glass-popup/uh-glass-popup.vue
@@ -50,8 +50,7 @@
 	const emit = defineEmits<IEmits>()
 
 	const panelStyle = computed(() => {
-		const radiusStyle = props.radius ? `border-radius:${props.radius};` : ''
-		return `${radiusStyle}${props.customStyle}`
+		return props.customStyle
 	})
 	
 	const panelClass = computed(() =>{
@@ -96,4 +95,10 @@
 			background-color: rgb(255 255 255 / 88%);
 		}
 	}
+	
+	:deep(.wd-popup--bottom){
+		left:24rpx;
+		bottom:24rpx;
+		right:24rpx;
+	}
 </style>
diff --git a/src/components/uh-home-notify/uh-home-notify.vue b/src/components/uh-home-notify/uh-home-notify.vue
index 3c7801a..20cae09 100644
--- a/src/components/uh-home-notify/uh-home-notify.vue
+++ b/src/components/uh-home-notify/uh-home-notify.vue
@@ -65,11 +65,9 @@
 		</view>
 
 		<!-- 右侧更多入口 -->
-		<view class="flex shrink-0 items-center gap-0.5 py-2 pl-2" @click="handleGoList">
-			<text class="text-[22rpx] text-[#bbb]">
-				更多
-			</text>
-			<wd-icon name="arrow-right" size="12px" color="#bbb" />
+		<view class="box-border flex shrink-0 items-center gap-0.5 py-2 pl-2 text-gray-400"  @click="handleGoList">
+			<text class="text-xs"> 全部 </text>
+			<wd-icon name="arrow-right" size="26rpx" />
 		</view>
 	</view>
 </template>
diff --git a/src/components/uh-scroll-top/uh-scroll-top.vue b/src/components/uh-scroll-top/uh-scroll-top.vue
index 5681fe9..701ae4f 100644
--- a/src/components/uh-scroll-top/uh-scroll-top.vue
+++ b/src/components/uh-scroll-top/uh-scroll-top.vue
@@ -22,9 +22,11 @@
 </script>
 
 <template>
-	<view v-if="visible"
-		class="uh-global-card-glass border fixed bottom-24 right-4 z-50 h-10 w-10 flex items-center justify-center rounded-full text-primary"
-		:class="props.customClass" @click="handleScrollTop">
-		<wd-icon name="arrow-up" size="20px" />
+	<view v-if="visible" class="fixed bottom-22 right-3 z-50 pb-safe">
+		<view
+			class="uh-global-card-glass border h-11 w-11 flex items-center justify-center rounded-full text-primary"
+			:class="props.customClass" @click="handleScrollTop">
+			<wd-icon name="arrow-up" size="20px" />
+		</view>
 	</view>
 </template>
\ No newline at end of file
diff --git a/src/pages-blog/notice/detail.vue b/src/pages-blog/notice/detail.vue
index 20cfee1..4b6f583 100644
--- a/src/pages-blog/notice/detail.vue
+++ b/src/pages-blog/notice/detail.vue
@@ -1,15 +1,10 @@
 <script lang="ts" setup>
-	/**
- * 公告详情页(plugin-uni-halo 通知公告,2026-09-03 客户端接入)
- * 公开 GET /notices/{name} 返回完整 Notice extension(metadata+spec,spec 内嵌
- * typeDisplayName/typeColor);正文 content 为富文本 HTML,mp-html 渲染。
- * 不存在/删除中返回 404 → 空态提示。UIUX 见 .docs/notice-module-client-design.md
- */
 	import { computed, ref } from 'vue'
 	import { onLoad } from '@dcloudio/uni-app'
 	import { getNoticeDetail } from '@/api/uni-halo'
 	import { DataLoadingStatusEnum, useDataLoadingStatus } from '@/hooks/useDataLoadingStatus'
 	import { checkImageUrl, checkIsUrl } from '@/utils/url'
+	import { sleep } from '@/utils/common'
 	import { markdownConfig } from '@/config/markdown'
 	import type { INoticeDetail } from '@/api/types/uni-halo'
 
@@ -74,6 +69,7 @@
 		try {
 			const res = await getNoticeDetail(name.value)
 			detail.value = res.data || null
+			await sleep(600)
 			updateLoadingStatus(
 				detail.value?.spec ? DataLoadingStatusEnum.Success : DataLoadingStatusEnum.Empty,
 			)
@@ -97,7 +93,7 @@
 		<uh-navbar default-title="公告详情" title-color="text-gray-900" />
 
 		<!-- 加载/错误/空态(状态机) -->
-		<uh-data-loading v-if="loadingStatus !== 'success'" :loading-status="loadingStatus" min-height="55vh"
+		<uh-data-loading v-if="loadingStatus !== 'success'" :loading-status="loadingStatus" min-height="75vh"
 			error-text="公告加载失败" empty-text="公告不存在或已下线" empty-sub-text="" @refresh="loadDetail" />
 
 		<!-- 正文 -->
diff --git a/src/pages-blog/notice/notice.vue b/src/pages-blog/notice/notice.vue
index 72939da..44fdd3c 100644
--- a/src/pages-blog/notice/notice.vue
+++ b/src/pages-blog/notice/notice.vue
@@ -1,261 +1,253 @@
 <script lang="ts" setup>
-/**
- * 公告中心·列表页(plugin-uni-halo 通知公告,2026-09-03 客户端接入)
- * 公开接口 GET /notices 仅分页(脱敏不含 content);公告量小,页面一次拉取
- * size=100 后本地做「类型筛选 + 排序(最新/最早/按类型分组)」,触底续拉下一页。
- * UIUX 见 .docs/notice-module-client-design.md
- */
-import { computed, ref } from 'vue'
-import { onLoad, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
-import { getNotices } from '@/api/uni-halo'
-import type { INoticeListVo } from '@/api/types/uni-halo'
+	import { computed, ref } from 'vue'
+	import { onLoad, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
+	import { getNotices } from '@/api/uni-halo'
+	import { DataLoadingStatusEnum, useDataLoadingStatus } from '@/hooks/useDataLoadingStatus'
+	import { checkImageUrl } from '@/utils/url'
+	import { sleep } from '@/utils/common'
+	import type { INoticeListVo } from '@/api/types/uni-halo'
 
-definePage({
-  style: {
-    navigationBarTitleText: '公告中心',
-    enablePullDownRefresh: true,
-  },
-})
+	definePage({
+		style: {
+			navigationBarTitleText: '公告中心',
+			navigationStyle: 'custom',
+			enablePullDownRefresh: true,
+		},
+	})
 
-const PAGE_SIZE = 100
+	const PAGE_SIZE = 100
 
-const loading = ref(false)
-const allItems = ref<INoticeListVo[]>([])
-const page = ref(1)
-const total = ref(0)
-const activeType = ref('')
-type SortKey = 'latest' | 'earliest' | 'group'
-const sortKey = ref<SortKey>('latest')
+	/** 状态机:首屏/下拉刷新 loading、empty、error;触底加载失败仅提示,不切整页错误态 */
+	const { loadingStatus, updateLoadingStatus } = useDataLoadingStatus()
+	const allItems = ref<INoticeListVo[]>([])
+	const page = ref(1)
+	const total = ref(0)
+	const activeType = ref('')
+	type SortKey = 'latest' | 'earliest' | 'group'
+	const sortKey = ref<SortKey>('latest')
+	/** 请求并发锁(下拉刷新与触底加载互斥) */
+	const fetching = ref(false)
+	/** 触底加载更多底部文案(加载中/上拉加载更多/没有更多/失败提示) */
+	const loadMoreText = ref('')
 
-const SORT_OPTIONS: Array<{ id: SortKey, label: string }> = [
-  { id: 'latest', label: '最新在前' },
-  { id: 'earliest', label: '最早在前' },
-  { id: 'group', label: '按类型分组' },
-]
+	const SORT_OPTIONS : Array<{ id : SortKey, label : string }> = [
+		{ id: 'latest', label: '最新在前' },
+		{ id: 'earliest', label: '最早在前' },
+		{ id: 'group', label: '按类型分组' },
+	]
 
-/* ---------------- 类型 chips(从已加载列表聚合) ---------------- */
-const typeOptions = computed(() => {
-  const map = new Map<string, { typeName: string, typeDisplayName: string, typeColor: string }>()
-  for (const item of allItems.value) {
-    const key = item.typeName || ''
-    const display = item.typeDisplayName || '未分类'
-    if (!map.has(key)) {
-      map.set(key, { typeName: key, typeDisplayName: display, typeColor: item.typeColor || '' })
-    }
-  }
-  return Array.from(map.values())
-})
+	/* ---------------- 类型 chips(从已加载列表聚合) ---------------- */
+	const typeOptions = computed(() => {
+		const map = new Map<string, { typeName : string, typeDisplayName : string, typeColor : string }>()
+		for (const item of allItems.value) {
+			const key = item.typeName || ''
+			const display = item.typeDisplayName || '未分类'
+			if (!map.has(key)) {
+				map.set(key, { typeName: key, typeDisplayName: display, typeColor: item.typeColor || '' })
+			}
+		}
+		return Array.from(map.values())
+	})
 
-/* ---------------- 时间与排序 ---------------- */
-function formatDate(value?: string): string {
-  if (!value)
-    return ''
-  const date = new Date(value)
-  if (Number.isNaN(date.getTime()))
-    return ''
-  const pad = (n: number) => String(n).padStart(2, '0')
-  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`
-}
+	/* ---------------- 时间与排序 ---------------- */
+	function formatDate(value ?: string) : string {
+		if (!value)
+			return ''
+		const date = new Date(value)
+		if (Number.isNaN(date.getTime()))
+			return ''
+		const pad = (n : number) => String(n).padStart(2, '0')
+		return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`
+	}
 
-function timeOf(item: INoticeListVo): number {
-  const time = item.publishTime ? new Date(item.publishTime).getTime() : NaN
-  return Number.isNaN(time) ? 0 : time
-}
+	function timeOf(item : INoticeListVo) : number {
+		const time = item.publishTime ? new Date(item.publishTime).getTime() : Number.NaN
+		return Number.isNaN(time) ? 0 : time
+	}
 
-/** 展示列表:先按类型筛选,再按排序键排序(时间倒序/正序/按类型分组) */
-const displayList = computed(() => {
-  let list = allItems.value
-  if (activeType.value !== '') {
-    list = list.filter(item => (item.typeName || '') === activeType.value)
-  }
-  if (sortKey.value === 'latest') {
-    list = [...list].sort((a, b) => timeOf(b) - timeOf(a))
-  }
-  else if (sortKey.value === 'earliest') {
-    list = [...list].sort((a, b) => timeOf(a) - timeOf(b))
-  }
-  else {
-    // 按类型分组:未分类排最后,组内按发布时间倒序
-    const groupOrder = new Map<string, number>()
-    for (const item of allItems.value) {
-      const key = item.typeName || ''
-      if (!groupOrder.has(key)) {
-        groupOrder.set(key, groupOrder.size)
-      }
-    }
-    list = [...list].sort((a, b) => {
-      const ka = a.typeName || ''
-      const kb = b.typeName || ''
-      const ga = groupOrder.get(ka) ?? Number.MAX_SAFE_INTEGER
-      const gb = groupOrder.get(kb) ?? Number.MAX_SAFE_INTEGER
-      if (ga !== gb)
-        return ga - gb
-      return timeOf(b) - timeOf(a)
-    })
-  }
-  return list
-})
+	/** 展示列表:先按类型筛选,再按排序键排序(时间倒序/正序/按类型分组) */
+	const displayList = computed(() => {
+		let list = allItems.value
+		if (activeType.value !== '') {
+			list = list.filter(item => (item.typeName || '') === activeType.value)
+		}
+		if (sortKey.value === 'latest') {
+			list = [...list].sort((a, b) => timeOf(b) - timeOf(a))
+		}
+		else if (sortKey.value === 'earliest') {
+			list = [...list].sort((a, b) => timeOf(a) - timeOf(b))
+		}
+		else {
+			// 按类型分组:未分类排最后,组内按发布时间倒序
+			const groupOrder = new Map<string, number>()
+			for (const item of allItems.value) {
+				const key = item.typeName || ''
+				if (!groupOrder.has(key)) {
+					groupOrder.set(key, groupOrder.size)
+				}
+			}
+			list = [...list].sort((a, b) => {
+				const ka = a.typeName || ''
+				const kb = b.typeName || ''
+				const ga = groupOrder.get(ka) ?? Number.MAX_SAFE_INTEGER
+				const gb = groupOrder.get(kb) ?? Number.MAX_SAFE_INTEGER
+				if (ga !== gb)
+					return ga - gb
+				return timeOf(b) - timeOf(a)
+			})
+		}
+		return list
+	})
 
-/* ---------------- 数据加载 ---------------- */
-async function loadNotices(reset: boolean) {
-  if (loading.value)
-    return
-  loading.value = true
-  try {
-    const target = reset ? 1 : page.value + 1
-    const res = await getNotices({ page: target, size: PAGE_SIZE })
-    const body = res.data
-    const items = body?.items || []
-    if (reset) {
-      allItems.value = items
-      page.value = 1
-    }
-    else {
-      allItems.value = [...allItems.value, ...items]
-      page.value = target
-    }
-    total.value = body?.total ?? allItems.value.length
-  }
-  catch (err) {
-    console.error('公告列表加载失败', err)
-    uni.showToast({ icon: 'none', title: '公告加载失败' })
-  }
-  finally {
-    loading.value = false
-  }
-}
+	/* ---------------- 数据加载(状态机:loading/empty/error/success) ---------------- */
+	async function loadNotices(reset : boolean) {
+		if (fetching.value)
+			return
+		fetching.value = true
+		if (reset) {
+			updateLoadingStatus(DataLoadingStatusEnum.Loading)
+			loadMoreText.value = ''
+		}
+		else {
+			loadMoreText.value = '加载中...'
+		}
+		try {
+			const target = reset ? 1 : page.value + 1
+			const res = await getNotices({ page: target, size: PAGE_SIZE })
+			const body = res.data
+			const items = body?.items || []
+			if (reset) {
+				allItems.value = items
+				page.value = 1
+			}
+			else {
+				allItems.value = [...allItems.value, ...items]
+				page.value = target
+			}
+			total.value = body?.total ?? allItems.value.length
+			loadMoreText.value = allItems.value.length >= total.value ? '呜呜，没有更多数据啦~' : '上拉加载更多'
+			await sleep(600)
+			updateLoadingStatus(
+				allItems.value.length === 0 ? DataLoadingStatusEnum.Empty : DataLoadingStatusEnum.Success,
+			)
+		}
+		catch (err) {
+			console.error('公告列表加载失败', err)
+			if (reset) {
+				updateLoadingStatus(DataLoadingStatusEnum.Error)
+			}
+			else {
+				// 触底加载失败:保留已加载列表,仅底部提示,避免整页切错误态
+				loadMoreText.value = '加载失败，请下拉刷新！'
+			}
+		}
+		finally {
+			setTimeout(() => {
+				fetching.value = false
+				uni.stopPullDownRefresh()
+			}, 500)
+		}
+	}
 
-function loadMore() {
-  if (loading.value || allItems.value.length >= total.value)
-    return
-  loadNotices(false)
-}
+	function loadMore() {
+		if (fetching.value || allItems.value.length >= total.value) { return }
+		loadNotices(false)
+	}
 
-onLoad(() => {
-  loadNotices(true)
-})
+	onLoad(() => {
+		loadNotices(true)
+	})
 
-onReachBottom(() => {
-  loadMore()
-})
+	onReachBottom(() => {
+		loadMore()
+	})
 
-onPullDownRefresh(async () => {
-  await loadNotices(true)
-  uni.stopPullDownRefresh()
-})
+	onPullDownRefresh(() => {
+		if (fetching.value) {
+			uni.stopPullDownRefresh()
+			return
+		}
+		loadNotices(true)
+	})
 
-/* ---------------- 跳转 ---------------- */
-function handleToDetail(item: INoticeListVo) {
-  if (!item.name)
-    return
-  uni.navigateTo({ url: `/pages-blog/notice/detail?name=${item.name}` })
-}
+	/* ---------------- 跳转 ---------------- */
+	function handleToDetail(item : INoticeListVo) {
+		if (!item.name) { return }
+		uni.navigateTo({ url: `/pages-blog/notice/detail?name=${item.name}` })
+	}
 </script>
 
 <template>
-  <view class="notice-page min-h-screen w-screen bg-[#f7f8fa]">
-    <!-- 类型筛选(横滑 chips) -->
-    <scroll-view scroll-x class="type-bar sticky top-0 z-10 w-full bg-white px-3 py-2" :show-scrollbar="false">
-      <view class="flex items-center gap-2 whitespace-nowrap">
-        <view
-          class="rounded-full px-4 py-1.5 text-[24rpx]"
-          :class="activeType === '' ? 'bg-[#f83856] text-white' : 'bg-[#f0f0f0] text-[#666]'"
-          @click="activeType = ''"
-        >
-          全部
-        </view>
-        <view
-          v-for="type in typeOptions"
-          :key="type.typeName || '__none__'"
-          class="flex items-center gap-1 rounded-full px-4 py-1.5 text-[24rpx]"
-          :class="activeType === type.typeName ? 'bg-[#f83856] text-white' : 'bg-[#f0f0f0] text-[#666]'"
-          @click="activeType = activeType === type.typeName ? '' : type.typeName"
-        >
-          <view v-if="type.typeColor" class="h-2 w-2 rounded-full" :style="{ backgroundColor: type.typeColor }" />
-          <text>{{ type.typeDisplayName }}</text>
-        </view>
-      </view>
-    </scroll-view>
+	<view class="app-page min-h-screen w-screen flex flex-col bg-page">
+		<!-- 自定义导航 -->
+		<uh-navbar default-title="公告中心" title-color="text-gray-900" />
 
-    <!-- 排序 -->
-    <view class="sort-bar flex items-center gap-2 px-4 py-2">
-      <view
-        v-for="opt in SORT_OPTIONS"
-        :key="opt.id"
-        class="rounded-full px-3 py-1 text-[22rpx]"
-        :class="sortKey === opt.id ? 'bg-[#fdeef1] text-[#f83856]' : 'text-[#999]'"
-        @click="sortKey = opt.id"
-      >
-        {{ opt.label }}
-      </view>
-    </view>
+		<wd-sticky>
+			<scroll-view scroll-x class="w-full whitespace-nowrap" :show-scrollbar="false">
+				<view class="flex gap-2 px-3 pb-1 pt-2">
+					<view class="uh-global-card-glass uh-shadow-xs inline-block border rounded-2xl px-4 py-1.5 text-sm"
+						:class="activeType === '' ? 'bg-primary font-bold' : 'text-gray-500'" @click="activeType = ''">
+						全部
+					</view>
+					<view v-for="(type) in typeOptions" :key="type.typeName || '__none__'"
+						class="uh-global-card-glass uh-shadow-xs inline-flex items-center gap-1 border rounded-2xl px-4 py-1.5 text-sm"
+						:class="activeType === type.typeName ? 'bg-primary font-bold' : 'text-gray-500'"
+						@click="activeType = activeType === type.typeName ? '' : type.typeName">
+						<view v-if="type.typeColor" class="shrink-0 h-2 w-2 rounded-full"
+							:style="{ backgroundColor: type.typeColor }" />
+						<text class="shrink-0">{{ type.typeDisplayName }}</text>
+					</view>
+				</view>
+			</scroll-view>
+		</wd-sticky>
 
-    <!-- 列表 -->
-    <view v-if="displayList.length > 0" class="px-3 pb-6">
-      <view
-        v-for="item in displayList"
-        :key="item.name"
-        class="mb-3 flex overflow-hidden rounded-xl bg-white p-4"
-        @click="handleToDetail(item)"
-      >
-        <image
-          v-if="item.cover"
-          class="mr-3 h-[140rpx] w-[180rpx] shrink-0 rounded-lg"
-          :src="item.cover"
-          mode="aspectFill"
-        />
-        <view class="min-w-0 flex-1">
-          <view class="text-[28rpx] font-bold leading-snug text-[#333] line-clamp-2">
-            {{ item.title }}
-          </view>
-          <view v-if="item.summary" class="mt-1 text-[24rpx] leading-relaxed text-[#888] line-clamp-2">
-            {{ item.summary }}
-          </view>
-          <view class="mt-2 flex items-center gap-2">
-            <view
-              v-if="item.typeDisplayName"
-              class="rounded px-1.5 py-0.5 text-[20rpx]"
-              :style="{
-                color: item.typeColor || '#f83856',
-                backgroundColor: item.typeColor ? `${item.typeColor}1a` : '#fdeef1',
-              }"
-            >
-              {{ item.typeDisplayName }}
-            </view>
-            <text class="text-[22rpx] text-[#bbb]">
-              {{ formatDate(item.publishTime) }}
-            </text>
-          </view>
-        </view>
-      </view>
+		<view class="flex items-center gap-2 px-3 py-2">
+			<view v-for="opt in SORT_OPTIONS" :key="opt.id"
+				class="uh-global-card-glass uh-shadow-xs inline-block border rounded-2xl px-4 py-1 text-xs"
+				:class="sortKey === opt.id ? 'bg-primary font-bold' : 'text-gray-500'" @click="sortKey = opt.id">
+				{{ opt.label }}
+			</view>
+		</view>
 
-      <view v-if="loading" class="py-6 text-center text-[24rpx] text-[#bbb]">
-        加载中...
-      </view>
-      <view v-else-if="allItems.length >= total.value" class="py-6 text-center text-[24rpx] text-[#bbb]">
-        没有更多了
-      </view>
-    </view>
+		<uh-data-loading v-if="loadingStatus !== DataLoadingStatusEnum.Success" :loading-status="loadingStatus"
+			empty-text="暂无公告" empty-sub-text="" @refresh="loadNotices(true)" />
 
-    <!-- 空态 -->
-    <view v-else class="flex flex-col items-center justify-center py-32">
-      <text class="text-[40rpx]">📢</text>
-      <text class="mt-4 text-[26rpx] text-[#999]">
-        {{ loading ? '加载中...' : '暂无公告' }}
-      </text>
-    </view>
-  </view>
-</template>
+		<view v-else class="box-border pt-4">
+			<template v-if="displayList.length > 0">
+				<view class="box-border flex flex-col gap-3 px-3">
+					<view v-for="item in displayList" :key="item.name"
+						class="box-border uh-global-card-glass uh-shadow-xs flex overflow-hidden rounded-xl p-3"
+						@click="handleToDetail(item)">
+						<image v-if="item.cover" class="mr-3 h-18 w-24 shrink-0 rounded-lg"
+							:src="checkImageUrl(item.cover)" mode="aspectFill" />
+						<view class="min-w-0 flex-1 flex flex-col justify-between">
+							<view class="truncate text-sm text-gray-900 font-bold leading-snug">
+								{{ item.title }}
+							</view>
+							<view v-if="item.summary" class="truncate mt-1 text-[24rpx] text-gray-500 leading-relaxed">
+								{{ item.summary }}
+							</view>
+							<view class="mt-2 flex items-center gap-2">
+								<view v-if="item.typeDisplayName" class="rounded px-1.5 py-0.5 text-[20rpx]" :style="{
+									color: item.typeColor || '#f83856',
+									backgroundColor: item.typeColor ? `${item.typeColor}1a` : '#fdeef1',
+								  }">
+									{{ item.typeDisplayName }}
+								</view>
+								<text class="text-[22rpx] text-gray-500">
+									{{ formatDate(item.publishTime) }}
+								</text>
+							</view>
+						</view>
+					</view>
+					<view class="load-text py-5 text-center text-[24rpx] text-gray-500">
+						{{ loadMoreText }}
+					</view>
+				</view>
+			</template>
 
-<style scoped lang="scss">
-.type-bar {
-  white-space: nowrap;
-}
-
-.line-clamp-2 {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-}
-</style>
+			<!-- 类型筛选后无匹配 -->
+			<uh-data-loading v-else :loading-status="DataLoadingStatusEnum.Empty"></uh-data-loading>
+		</view>
+	</view>
+</template>
\ No newline at end of file
diff --git a/src/tabbar/TabbarItem.vue b/src/tabbar/TabbarItem.vue
index 7c84b51..c337ab0 100644
--- a/src/tabbar/TabbarItem.vue
+++ b/src/tabbar/TabbarItem.vue
@@ -29,7 +29,7 @@ function isActive(index: number) {
       <!-- 如：<wd-icon name="home" /> (https://wot-design-uni.cn/component/icon.html) -->
       <!-- 如：<uv-icon name="home" /> (https://www.uvui.cn/components/icon.html) -->
       <!-- 如：<sar-icon name="image" /> (https://sard.wzt.zone/sard-uniapp-docs/components/icon)(sar没有home图标^_^) -->
-      <text class="text-primary"><wd-icon :name="item.icon" size="52rpx" /></text>
+      <text class="text-primary"><wd-icon :name="item.icon" size="50rpx" /></text>
     </template>
     <template v-if="item.iconType === 'unocss' || item.iconType === 'iconfont'">
       <view class="flex-1" :class="[item.icon, isBulge ? 'text-80px' : 'text-20px']" />
diff --git a/src/tabbar/index.vue b/src/tabbar/index.vue
index 830005e..d8c28f1 100644
--- a/src/tabbar/index.vue
+++ b/src/tabbar/index.vue
@@ -101,18 +101,18 @@
 
 <template>
 	<view v-if="customTabbarEnable" class="h-56px pb-safe bg-page">
-		<view class="border-and-fixed w-full px-2">
+		<view class="border-and-fixed w-full px-3">
 			<view class="flex box-border w-full items-center justify-between gap-x-2" @touchmove.stop.prevent>
 				<view
-					class="flex-1 box-border uh-global-card-glass bg-white/75 border rounded-full p-1 h-52px flex items-center gap-x-1">
+					class="flex-1 box-border uh-global-card-glass bg-white/75 border rounded-full p-1 h-50px flex items-center gap-x-1">
 					<view v-for="(item, index) in noRightTabbarList" :key="index" class="text-gray-900 flex-1"
 						:style="{ color: getColorByIndex(index) }" @click="handleClick(index)">
 						<TabbarItem :item="item" :index="index" class="relative"
-							:class="[isActive(index)?'uh-global-card-glass bg-white/30 border':'']" />
+							:class="[isActive(index)?'uh-global-card-glass bg-white/0 border':'']" />
 					</view>
 				</view>
 				<view v-if="rightButton.item"
-					class="shrink-0 uh-global-card-glass border bg-white/65 rounded-full h-52px w-52px p-1 flex items-center justify-center"
+					class="shrink-0 uh-global-card-glass border bg-white/65 rounded-full h-50px w-50px p-1 flex items-center justify-center"
 					@click="handleClickRightButton()">
 					<TabbarItem :item="rightButton.item" :index="rightButton.index" :is-bulge="true" />
 				</view>