通知公告页面

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>