通知公告页面

src/App.vue

@@ -82,6 +82,14 @@ const tabbar: TabbarItem[] = [
 		launchParam: [],
 		auth: [],
 	},
+	{
+		pagePath: "pages/tabbar/message",
+		text: "通知公告",
+		iconPath: "/static/tabbar/message.png",
+		selectedIconPath: "/static/tabbar/message-select.png",
+		launchParam: ["message"],
+		auth: [],
+	},
 	{
 		pagePath: "pages/tabbar/my",
 		text: "我的",

src/pages.json

@@ -65,6 +65,13 @@
 				"disableScroll": true
 			}
 		},
+		{
+			"path": "pages/tabbar/message",
+			"style": {
+				"navigationBarTitleText": "通知公告",
+				"disableScroll": true
+			}
+		},
 		{
 			"path": "pages/tabbar/my",
 			"style": {
@@ -475,6 +482,12 @@
 				"iconPath": "",
 				"selectedIconPath": ""
 			},
+			{
+				"pagePath": "pages/tabbar/message",
+				"text": "通知公告",
+				"iconPath": "",
+				"selectedIconPath": ""
+			},
 			{
 				"pagePath": "pages/tabbar/my",
 				"text": "",

src/pages/tabbar/message.vue

@@ -0,0 +1,70 @@
+<template>
+	<crud-layout bg="/static/page/blue-bg.png">
+		<z-paging
+			ref="pageRef"
+			height="100%"
+			:fixed="false"
+			v-model="pageHook.list"
+			:default-page-size="10"
+			safe-area-inset-bottom
+			:loading-more-enabled="true"
+			:show-scrollbar="false"
+			@query="query"
+			:auto-clean-list-when-reload="false"
+			:auto-scroll-to-top-when-reload="false"
+			@scroll="pageHook.scroll"
+		>
+			<view class="h-30rpx" />
+			<tm-sheet v-if="false" v-for="(item, index) in pageHook.list" :key="index" :margin="[0, 20]">
+				<view class="text-36 overflow-hidden text-nowrap text-ellipsis">
+					文本 TmText文本 TmText文本 TmText文本 TmText文本 TmText文本 TmText文本 TmText文本 TmText文本 TmText文本 TmText文本 TmText文本
+				</view>
+				<view class="flex items-center">
+					<image src="@/static/page/时间.svg" mode="aspectFill" class="w-28rpx h-28rpx mr-1" />
+					<tm-text font-size="26">2025-06-06</tm-text>
+				</view>
+				<swiper class="my-1" circular :indicator-dots="false" indicator-active-color="#0779FD" indicator-color="#ffffff" :autoplay="true">
+					<swiper-item>
+						<image
+							class="w-full h-full"
+							:src="'https://stgl.pj.gov.cn/api/admin/sys-file/oss/file?fileName=3378726f7c4b40128c238c8827d6350e.jpg'"
+							mode="aspectFill"
+						/>
+					</swiper-item>
+				</swiper>
+				<tm-text
+					@item-click="doDetail(item.id)"
+					class="line-10"
+					:heightLight="['高亮显示', '正则', '邮箱']"
+					label="支持多文本高亮显示，比如根据正则高亮电话号码，邮箱等，点击后打电话，发邮件。"
+				/>
+			</tm-sheet>
+		</z-paging>
+	</crud-layout>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue"
+import { hooks, router } from "@/sheep"
+import { doorApi } from "@/sheep/api"
+import { onLoad } from "@dcloudio/uni-app"
+
+onLoad(() => {
+	const app = getApp()
+	app._initTabbar()
+})
+
+const pageRef = ref<any>(null)
+
+const pageHook = hooks.usePage(pageRef, doorApi.hardDoorPage, null, "data.records")
+
+const query = (page: number, pagesize: number) => {
+	pageHook.startPage(page, pagesize, false, {})
+}
+
+// 公告详情
+const doDetail = (id: string) => {
+	if (!id) return
+	router.jump("/pages/cabinet/cabinetDetail", { id }, 1)
+}
+</script>

src/static/page/时间.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1746521850802" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4594" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 32C246.944 32 32 246.944 32 512c0 265.088 214.944 480 480 480 265.088 0 480-214.912 480-480 0-265.056-214.912-480-480-480z m0 878.56C291.936 910.56 113.44 732.064 113.44 512S291.936 113.44 512 113.44 910.56 291.936 910.56 512 732.064 910.56 512 910.56z" fill="#333333" p-id="4595"></path><path d="M699.2 647.552l-152.8-110.464V271.904a8.608 8.608 0 0 0-8.576-8.576h-51.52a8.608 8.608 0 0 0-8.576 8.576v295.04c0 2.816 1.28 5.376 3.52 7.008l177.216 129.184a8.64 8.64 0 0 0 12-1.792l30.656-41.792a8.544 8.544 0 0 0-1.92-12z" fill="#333333" p-id="4596"></path></svg>