feat: 接入小程序链接与审核配置公开接口

- 友链接入:friend-links 双 tab(站点/小程序)、小程序详情弹窗(太阳码长按保存/地址复制/预览图轮播/作者信息)、申请收录弹窗(POST /submissions) - 审核配置接入:新增 getAuditData,移除旧 mockJson,9 页审核模式改为真实数据按 name 过滤,友链站点 tab 按 LinkGroup 过滤、小程序 tab 隐藏 - 修复:补 uni.getLocale mock、pages.json vitest alias、getI18nText 无占位符容错、getPostList 参数类型 Co-Authored-By: AtomCode (deepseek-v4-flash) <noreply@atomgit.com>
2026-09-12 16:40:40 +08:00 · 2026-09-02 01:26:45 +08:00
parent 254d0b924b
commit 938c09ad4e
20 changed files with 1186 additions and 491 deletions
@@ -5,7 +5,6 @@
 */
 import { computed, ref } from 'vue'
 import { onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
-import dayjs from 'dayjs'
 import { getPostList } from '@/api/halo'
 import { useAppConfigStore } from '@/store/appConfig'
 import { useSettingStore } from '@/store/setting'
@@ -23,8 +22,7 @@ definePage({
 const appConfigStore = useAppConfigStore()
 const settingStore = useSettingStore()

-const calcAuditModeEnabled = computed(() => !!appConfigStore.configs.auditConfig?.auditModeEnabled)
-const mockJson = computed(() => appConfigStore.mockJson)
+const calcAuditModeEnabled = computed(() => appConfigStore.auditModeEnabled)
 const globalAppSettings = computed(() => settingStore.settings)

 /* ---------------- 状态 ---------------- */
@@ -106,44 +104,26 @@ function handleUniqueCacheDatalist(list: IPost[]): IPost[] {
 /* ---------------- 数据加载 ---------------- */
 async function handleGetData() {
  if (calcAuditModeEnabled.value) {
-    const archivesMock = mockJson.value.archives as { list?: { time?: string, cover?: string, title?: string, desc?: string }[] } | undefined
-    const dataListMock: IPost[] = (archivesMock?.list || []).map((item) => {
-      const date = new Date(item.time || Date.now())
-      const year = date.getFullYear()
-      const month = date.getMonth() + 1
-      return {
-        metadata: {
-          name: String(Date.now() * Math.random()),
-          labels: {
-            [postLabelYearKey]: String(year),
-            [postLabelMonthKey]: String(month),
-          },
-        },
-        spec: {
-          title: item.title || '',
-          slug: '',
-          cover: item.cover,
-          pinned: false,
-          publishTime: item.time,
-          deleted: false,
-          publish: true,
-          allowComment: true,
-          visible: 'PUBLIC',
-          priority: 0,
-          categories: [],
-          tags: [],
-        },
-        status: { permalink: '', inProgress: false, excerpt: item.desc },
-        stats: { visit: 0 },
-      }
-    })
-    const posts = handleGetPosts(dataListMock)
-    dataList.value = handleGetShowDataList(posts)
-    cacheDataList.value = dataListMock
-    loading.value = 'success'
-    loadMoreText.value = '呜呜，没有更多数据啦~'
-    uni.hideLoading()
-    uni.stopPullDownRefresh()
+    // 审核模式:真实文章按 audit-data posts 过滤(数组顺序即展示顺序)
+    const auditPostNames = appConfigStore.auditData.spec?.posts || []
+    try {
+      const res = await getPostList({ page: 1, size: 99999, sort: ['spec.publishTime,desc'] })
+      const filtered = res.data.items.filter(item => auditPostNames.includes(item.metadata.name))
+      const orderMap = new Map(auditPostNames.map((name, index) => [name, index]))
+      filtered.sort((a, b) => (orderMap.get(a.metadata.name) ?? 999) - (orderMap.get(b.metadata.name) ?? 999))
+      const posts = handleGetPosts(filtered)
+      dataList.value = handleGetShowDataList(posts)
+      cacheDataList.value = filtered
+      loading.value = 'success'
+      loadMoreText.value = '呜呜，没有更多数据啦~'
+      uni.hideLoading()
+      uni.stopPullDownRefresh()
+    }
+    catch (err) {
+      console.error(err)
+      loading.value = 'error'
+      loadMoreText.value = '加载失败，请下拉刷新！'
+    }
    return
  }

@@ -71,7 +71,7 @@ const bloggerInfo = computed(() => {
  }
 })

-const calcAuditModeEnabled = computed(() => !!haloConfigs.value.auditConfig?.auditModeEnabled)
+const calcAuditModeEnabled = computed(() => appConfigStore.auditModeEnabled)

 const calcIsShowComment = computed(() => !!postDetailConfig.value?.showComment)

@@ -306,13 +306,13 @@ async function getVerificationCode() {

 /* ---------------- 评论 ---------------- */
 function handleToComment() {
-	console.log('calcIsShowComment.value',calcIsShowComment.value)
-	console.log('result.value',result.value)
-  if (!result.value){
-	  return
+  console.log('calcIsShowComment.value', calcIsShowComment.value)
+  console.log('result.value', result.value)
+  if (!result.value) {
+    return
  }
-  if (!calcIsShowComment.value){
-	  return
+  if (!calcIsShowComment.value) {
+    return
  }
  if (!result.value.spec.allowComment) {
    uni.showToast({ icon: 'none', title: '文章已开启禁止评论！' })
@@ -715,7 +715,7 @@ const globalAppSettings = computed(() => settingStore.settings)
 </template>

 <style scoped lang="scss">
-	.app-page {
+.app-page {
  display: flex;
  flex-direction: column;
 }
@@ -1,16 +1,20 @@
 <script lang="ts" setup>
 /**
- * 友情链接页(源自旧项目 pagesA/friend-links,新建复刻)
- * 展示友链列表(色彩版/简洁版),支持分组名解析、详情弹窗、申请入口
+ * 友情链接页(源自旧项目 pagesA/friend-links,新建复刻 + tabs 改造)
+ * 顶部 tabs 切换「站点 / 小程序」:
+ * - 站点:plugin-links 博客友链(色彩版/简洁版/详情弹窗/申请入口,保持现状)
+ * - 小程序:plugin-uni-halo 小程序链接(按分组聚合展示 + 详情弹窗 + 申请收录弹窗)
 */
-import { computed, ref } from 'vue'
+import { computed, ref, watch } from 'vue'
 import { onLoad, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
 import { getFriendLinkGroupList, getFriendLinkList } from '@/api/halo'
+import { getMiniProgramLinkGroupedList } from '@/api/uni-halo'
 import { useAppConfigStore } from '@/store/appConfig'
 import { useSettingStore } from '@/store/setting'
 import { checkAvatarUrl, checkImageUrl } from '@/utils/url'
-import { usePluginAvailable } from '@/utils/plugin'
+import { NeedPluginIds, usePluginAvailable } from '@/utils/plugin'
 import type { ILink, ILinkGroup } from '@/api/types/halo'
+import type { IMiniProgramLink, IMiniProgramLinkGroupVo } from '@/api/types/uni-halo'

 definePage({
  style: {
@@ -25,10 +29,28 @@ const settingStore = useSettingStore()
 const haloPluginConfigs = computed(() => appConfigStore.configs.pluginConfig)
 const globalAppSettings = computed(() => settingStore.settings)

-/** 依赖插件(plugin-links) */
-const uniHaloPluginId = 'plugin-links'
-const uniHaloPluginAvailable = ref(true)
+/* ---------------- 依赖插件 ---------------- */
+/** 站点 tab:plugin-links */
+const sitePluginId = NeedPluginIds.PluginLinks
+const sitePluginAvailable = ref(true)
+/** 小程序 tab:plugin-uni-halo */
+const miniPluginId = NeedPluginIds.PluginUniHalo
+const miniPluginAvailable = ref(true)

+/* ---------------- tabs ---------------- */
+const activeTabIndex = ref(0)
+
+function handleOnTabChange(e: { index: number }) {
+  activeTabIndex.value = e.index
+}
+
+// 审核模式下小程序 tab 隐藏,强制停留在站点 tab
+watch(() => appConfigStore.auditModeEnabled, (enabled) => {
+  if (enabled)
+    activeTabIndex.value = 0
+})
+
+/* ==================== 站点 tab(plugin-links) ==================== */
 /* ---------------- 状态 ---------------- */
 const loading = ref<'loading' | 'success' | 'error'>('loading')
 const queryParams = ref({ size: 10, page: 1 })
@@ -68,7 +90,13 @@ async function handleGetData() {
  try {
    const res = await getFriendLinkList({ ...queryParams.value })
    hasNext.value = res.data.hasNext
-    const list = res.data.items.map(item => ({
+    // 审核模式:站点链接仅展示选中 LinkGroup 分组内的
+    let items = res.data.items
+    if (appConfigStore.auditModeEnabled) {
+      const auditGroupNames = appConfigStore.auditData.spec?.linkGroups || []
+      items = items.filter(item => item.spec.groupName && auditGroupNames.includes(item.spec.groupName))
+    }
+    const list = items.map(item => ({
      ...item,
      spec: {
        ...item.spec,
@@ -94,7 +122,7 @@ async function handleGetData() {
  }
 }

-/* ---------------- 交互 ---------------- */
+/* ---------------- 站点交互 ---------------- */
 function handleOnLinkEvent(link: ILink) {
  detail.value = { show: true, data: link }
 }
@@ -133,34 +161,157 @@ function calcSiteThumbnail(val?: string): string {
  return `https://image.thum.io/get/width/1000/crop/800/${_val}`
 }

-/* ---------------- 生命周期 ---------------- */
-onLoad(async () => {
-  uniHaloPluginAvailable.value = await usePluginAvailable(uniHaloPluginId)
-  if (!uniHaloPluginAvailable.value) {
-    uni.stopPullDownRefresh()
+/* ==================== 小程序 tab(plugin-uni-halo) ==================== */
+/* ---------------- 状态 ---------------- */
+const miniLoading = ref<'loading' | 'success' | 'error'>('loading')
+const miniGroups = ref<IMiniProgramLinkGroupVo[]>([])
+const miniDetail = ref<{ show: boolean, data: IMiniProgramLink | null }>({ show: false, data: null })
+const applyShow = ref(false)
+
+/* ---------------- 数据加载 ---------------- */
+async function handleGetMiniProgramLinks() {
+  miniLoading.value = 'loading'
+  try {
+    const res = await getMiniProgramLinkGroupedList()
+    miniGroups.value = res.data || []
+    setTimeout(() => {
+      miniLoading.value = 'success'
+    }, 500)
+  }
+  catch (err) {
+    console.error(err)
+    miniLoading.value = 'error'
+  }
+  finally {
+    setTimeout(() => {
+      uni.stopPullDownRefresh()
+    }, 500)
+  }
+}
+
+function handleOnMiniLinkEvent(link: IMiniProgramLink) {
+  miniDetail.value = { show: true, data: link }
+}
+
+function handleOpenApply() {
+  applyShow.value = true
+}
+
+function handleApplyClose(data: { isSubmit: boolean, refresh: boolean }) {
+  applyShow.value = false
+  if (data.refresh)
+    handleGetMiniProgramLinks()
+}
+
+/** 复制小程序地址 */
+function handleCopyMiniProgramCode(link: IMiniProgramLink) {
+  const url = link.spec?.link
+  if (!url) {
+    uni.showToast({ icon: 'none', title: '该小程序未填写跳转地址' })
    return
  }
-  handleGetLinkGroupData()
+  uni.setClipboardData({
+    data: url,
+    showToast: false,
+    success: () => {
+      uni.showToast({ icon: 'none', title: '地址复制成功！' })
+    },
+    fail: () => {
+      uni.showToast({ icon: 'none', title: '复制失败！' })
+    },
+  })
+}
+
+/** 预览太阳码(支持长按识别/保存) */
+function handlePreviewMiniProgramCode(link: IMiniProgramLink) {
+  const code = link.spec?.miniProgramCode
+  if (!code)
+    return
+  uni.previewImage({
+    urls: [checkImageUrl(code)],
+    current: checkImageUrl(code),
+  })
+}
+
+/** 保存太阳码到相册 */
+function handleSaveMiniProgramCode(link: IMiniProgramLink) {
+  const code = link.spec?.miniProgramCode
+  if (!code)
+    return
+  uni.showLoading({ title: '保存中...' })
+  uni.downloadFile({
+    url: checkImageUrl(code),
+    success: (res) => {
+      uni.saveImageToPhotosAlbum({
+        filePath: res.tempFilePath,
+        success: () => {
+          uni.showToast({ icon: 'none', title: '已保存到相册' })
+        },
+        fail: () => {
+          uni.showModal({
+            title: '保存失败',
+            content: '请检查相册权限后重试',
+            showCancel: false,
+          })
+        },
+        complete: () => {
+          uni.hideLoading()
+        },
+      })
+    },
+    fail: () => {
+      uni.hideLoading()
+      uni.showToast({ icon: 'none', title: '图片下载失败' })
+    },
+  })
+}
+
+/* ---------------- 生命周期 ---------------- */
+onLoad(async () => {
+  ;[sitePluginAvailable.value, miniPluginAvailable.value] = await Promise.all([
+    usePluginAvailable(sitePluginId),
+    usePluginAvailable(miniPluginId),
+  ])
+  if (sitePluginAvailable.value)
+    handleGetLinkGroupData()
+  if (miniPluginAvailable.value)
+    handleGetMiniProgramLinks()
+  if (!sitePluginAvailable.value && !miniPluginAvailable.value)
+    uni.stopPullDownRefresh()
 })

 onPullDownRefresh(() => {
-  if (!uniHaloPluginAvailable.value) {
-    uni.stopPullDownRefresh()
-    return
+  if (activeTabIndex.value === 0) {
+    if (!sitePluginAvailable.value) {
+      uni.stopPullDownRefresh()
+      return
+    }
+    isLoadMore.value = false
+    queryParams.value.page = 1
+    dataList.value = []
+    handleGetData()
+  }
+  else {
+    if (!miniPluginAvailable.value) {
+      uni.stopPullDownRefresh()
+      return
+    }
+    handleGetMiniProgramLinks()
  }
-  isLoadMore.value = false
-  queryParams.value.page = 1
-  dataList.value = []
-  handleGetData()
 })

 onReachBottom(() => {
-  if (!uniHaloPluginAvailable.value)
-    return
-  if (hasNext.value) {
-    queryParams.value.page += 1
-    isLoadMore.value = true
-    handleGetData()
+  if (activeTabIndex.value === 0) {
+    if (!sitePluginAvailable.value)
+      return
+    if (hasNext.value) {
+      queryParams.value.page += 1
+      isLoadMore.value = true
+      handleGetData()
+    }
+    else {
+      uni.showToast({ icon: 'none', title: '没有更多数据了' })
+    }
  }
  else {
    uni.showToast({ icon: 'none', title: '没有更多数据了' })
@@ -170,99 +321,241 @@ onReachBottom(() => {

 <template>
  <view class="app-page min-h-screen w-screen flex flex-col" style="background-color: #fafafd;">
-    <uh-plugin-unavailable
-      v-if="!uniHaloPluginAvailable"
-      :plugin-id="uniHaloPluginId"
-      error-text="检测到当前插件没有安装或者启用，无法使用友情链接功能哦，请联系管理员"
-      @on-refresh="handleGetLinkGroupData"
-    />
+    <!-- 顶部 tabs -->
+    <view class="tabs-wrap sticky top-0 z-10 bg-white px-6">
+      <wd-tabs v-model="activeTabIndex" align="left" @change="handleOnTabChange">
+        <wd-tab title="站点" />
+        <wd-tab v-if="!appConfigStore.auditModeEnabled" title="小程序" />
+      </wd-tabs>
+    </view>
+
+    <!-- ==================== 站点 tab ==================== -->
+    <template v-if="activeTabIndex === 0">
+      <uh-plugin-unavailable
+        v-if="!sitePluginAvailable"
+        :plugin-id="sitePluginId"
+        error-text="检测到当前插件没有安装或者启用，无法使用友情链接功能哦，请联系管理员"
+        @on-refresh="handleGetLinkGroupData"
+      />
+      <template v-else>
+        <view v-if="loading !== 'success'" class="loading-wrap min-h-screen p-3">
+          <wd-skeleton :row="5" :animated="true" />
+        </view>
+
+        <view v-else class="content pt-6" :class="{ 'bg-white': dataList.length !== 0 }">
+          <view v-if="dataList.length === 0" class="h-[60vh] flex items-center justify-center content-empty">
+            <wd-empty description="啊偶,博主还没有朋友呢~" />
+          </view>
+
+          <!-- 友链列表 -->
+          <view v-else class="link-list px-6">
+            <view v-for="(link, index) in dataList" :key="index">
+              <!-- 色彩版 -->
+              <view
+                v-if="!globalAppSettings.links.useSimple"
+                class="info flex bg-white p-3"
+                :class="{ 'border-b-2 border-[#f5f5f5]': index !== dataList.length - 1 }"
+                @click="handleOnLinkEvent(link)"
+              >
+                <image class="link-logo h-[140rpx] w-[140rpx] shrink-0 rounded-xl" :src="link.spec.logo" mode="aspectFill" />
+                <view class="info-detail flex flex-1 flex-col justify-center pl-7">
+                  <view class="link-card-name text-[30rpx] text-[#f44336] font-bold">
+                    <text class="group-tag mr-3 rounded-md px-1.5 py-0.5 text-[20rpx] text-white font-normal" style="background: linear-gradient(135deg, #64b5f6, #2196f3);">{{ link.spec.groupName || '暂未分组' }}</text>
+                    {{ link.spec.displayName }}
+                  </view>
+                  <view class="link-card-url mt-1 overflow-hidden text-ellipsis whitespace-nowrap text-[24rpx] text-[#666]">
+                    站点地址：{{ link.spec.url }}
+                  </view>
+                  <view class="link-card-desc mt-2 overflow-hidden text-ellipsis whitespace-nowrap text-[24rpx] text-[#303133]">
+                    博客简介：{{ link.spec.description || '这个博主很懒，没写简介~' }}
+                  </view>
+                </view>
+              </view>
+              <!-- 简洁版 -->
+              <view v-else class="link-card mb-6 flex items-center rounded-xl bg-white p-6 shadow-sm" @click="handleOnLinkEvent(link)">
+                <image class="logo h-[80rpx] w-[80rpx] shrink-0 border-6 border-white rounded-xl" :src="link.spec.logo" mode="aspectFill" />
+                <view class="link-info flex-1 pl-6">
+                  <view class="name text-[30rpx] text-[#303133] font-bold">
+                    {{ link.spec.displayName }}
+                  </view>
+                  <view class="desc mt-3 overflow-hidden text-ellipsis whitespace-nowrap text-[24rpx] text-[#909399]">
+                    {{ link.spec.description }}
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+
+          <!-- 悬浮按钮 -->
+          <view class="flot-buttons fixed bottom-[100rpx] right-8 z-999 flex flex-col gap-1.5">
+            <view class="fab-btn h-[72rpx] w-[72rpx] flex items-center justify-center rounded-full bg-white shadow-sm" @click="handleToTopPage()">
+              <wd-icon name="arrow-up" size="20px" color="#03a9f4" />
+            </view>
+            <view v-if="(haloPluginConfigs?.linksSubmitPlugin as { enabled?: boolean } | undefined)?.enabled" class="fab-btn h-[72rpx] w-[72rpx] flex items-center justify-center rounded-full bg-white shadow-sm" @click="toSubmitLinkPage">
+              <wd-icon name="edit" size="20px" color="#ff9800" />
+            </view>
+          </view>
+
+          <!-- 详情弹窗 -->
+          <wd-popup v-model="detail.show" position="center" custom-style="width:640rpx;border-radius:12rpx;">
+            <view v-if="detail.data" class="poup p-9">
+              <view class="info flex">
+                <image class="poup-logo h-[140rpx] w-[140rpx] shrink-0 rounded-full" :src="checkImageUrl(detail.data.spec.logo)" mode="aspectFill" />
+                <view class="poup-info ml-6 flex flex-1 flex-col justify-center">
+                  <view class="poup-name text-[34rpx] font-bold">
+                    {{ detail.data.spec.displayName }}
+                  </view>
+                  <view class="poup-tag mt-2 text-[24rpx] text-[#999]">
+                    {{ detail.data.spec.groupName }}
+                  </view>
+                  <view class="poup-link mt-3" @click="handleCopyLink(detail.data)">
+                    <text class="poup-url text-[24rpx] text-[#ff9800]">{{ detail.data.spec.url }}</text>
+                  </view>
+                </view>
+              </view>
+              <view class="poup-desc mt-5 text-[28rpx] text-[#555] leading-[1.6]">
+                博客简介：{{ detail.data.spec.description || '这个博主很懒，没写简介~' }}
+              </view>
+              <image class="poup-img mt-6 h-[320rpx] w-[568rpx] rounded-xl" :src="calcSiteThumbnail(detail.data.spec.url)" mode="aspectFill" />
+            </view>
+          </wd-popup>
+
+          <view class="load-text py-5 text-center text-[24rpx] text-[#999]">
+            {{ loadMoreText }}
+          </view>
+        </view>
+      </template>
+    </template>
+
+    <!-- ==================== 小程序 tab ==================== -->
    <template v-else>
-      <view v-if="loading !== 'success'" class="loading-wrap min-h-screen p-3">
-        <wd-skeleton :row="5" :animated="true" />
-      </view>
-
-      <view v-else class="content pt-6" :class="{ 'bg-white': dataList.length !== 0 }">
-        <view v-if="dataList.length === 0" class="h-[60vh] flex items-center justify-center content-empty">
-          <wd-empty description="啊偶,博主还没有朋友呢~" />
+      <uh-plugin-unavailable
+        v-if="!miniPluginAvailable"
+        :plugin-id="miniPluginId"
+        error-text="检测到当前插件没有安装或者启用，无法使用小程序链接功能哦，请联系管理员"
+        @on-refresh="handleGetMiniProgramLinks"
+      />
+      <template v-else>
+        <view v-if="miniLoading !== 'success'" class="loading-wrap min-h-screen p-3">
+          <wd-skeleton :row="5" :animated="true" />
        </view>

-        <!-- 友链列表 -->
-        <view v-else class="link-list px-6">
-          <view v-for="(link, index) in dataList" :key="index">
-            <!-- 色彩版 -->
-            <view
-              v-if="!globalAppSettings.links.useSimple"
-              class="info flex bg-white p-3"
-              :class="{ 'border-b-2 border-[#f5f5f5]': index !== dataList.length - 1 }"
-              @click="handleOnLinkEvent(link)"
-            >
-              <image class="link-logo h-[140rpx] w-[140rpx] shrink-0 rounded-xl" :src="link.spec.logo" mode="aspectFill" />
-              <view class="info-detail flex flex-1 flex-col justify-center pl-7">
-                <view class="link-card-name text-[30rpx] text-[#f44336] font-bold">
-                  <text class="group-tag mr-3 rounded-md px-1.5 py-0.5 text-[20rpx] text-white font-normal" style="background: linear-gradient(135deg, #64b5f6, #2196f3);">{{ link.spec.groupName || '暂未分组' }}</text>
-                  {{ link.spec.displayName }}
-                </view>
-                <view class="link-card-url mt-1 overflow-hidden text-ellipsis whitespace-nowrap text-[24rpx] text-[#666]">
-                  站点地址：{{ link.spec.url }}
-                </view>
-                <view class="link-card-desc mt-2 overflow-hidden text-ellipsis whitespace-nowrap text-[24rpx] text-[#303133]">
-                  博客简介：{{ link.spec.description || '这个博主很懒，没写简介~' }}
-                </view>
+        <view v-else class="content flex flex-1 flex-col">
+          <!-- 空态 -->
+          <view v-if="miniGroups.length === 0" class="h-[60vh] flex items-center justify-center content-empty">
+            <wd-empty description="还没有收录的小程序呢~" />
+          </view>
+
+          <!-- 分组列表 -->
+          <view v-else class="mini-link-list flex-1 px-6 py-4">
+            <view v-for="group in miniGroups" :key="group.groupName || 'ungrouped'" class="group-item mb-8">
+              <view class="group-title mb-4 flex items-center">
+                <text class="mr-2 inline-block h-[28rpx] w-[8rpx] rounded-full" style="background-color:#2196f3;" />
+                <text class="text-[30rpx] text-[#303133] font-bold">{{ group.displayName || '未分组' }}</text>
+                <text class="ml-3 text-[24rpx] text-[#999]">（{{ group.links.length }}）</text>
              </view>
-            </view>
-            <!-- 简洁版 -->
-            <view v-else class="link-card mb-6 flex items-center rounded-xl bg-white p-6 shadow-sm" @click="handleOnLinkEvent(link)">
-              <image class="logo h-[80rpx] w-[80rpx] shrink-0 border-6 border-white rounded-xl" :src="link.spec.logo" mode="aspectFill" />
-              <view class="link-info flex-1 pl-6">
-                <view class="name text-[30rpx] text-[#303133] font-bold">
-                  {{ link.spec.displayName }}
-                </view>
-                <view class="desc mt-3 overflow-hidden text-ellipsis whitespace-nowrap text-[24rpx] text-[#909399]">
-                  {{ link.spec.description }}
+              <view class="group-cards flex flex-col gap-4">
+                <view
+                  v-for="link in group.links"
+                  :key="link.metadata?.name"
+                  class="mini-card flex items-center rounded-xl bg-white p-4 shadow-sm"
+                  @click="handleOnMiniLinkEvent(link)"
+                >
+                  <image
+                    class="mini-code h-[120rpx] w-[120rpx] shrink-0 rounded-lg"
+                    :src="checkImageUrl(link.spec?.miniProgramCode)"
+                    mode="aspectFill"
+                  />
+                  <view class="mini-info flex flex-1 flex-col pl-5">
+                    <view class="mini-name overflow-hidden text-ellipsis whitespace-nowrap text-[30rpx] text-[#303133] font-bold">
+                      {{ link.spec?.displayName }}
+                    </view>
+                    <view v-if="link.spec?.authorName" class="mini-author mt-1 overflow-hidden text-ellipsis whitespace-nowrap text-[24rpx] text-[#999]">
+                      {{ link.spec.authorName }}
+                    </view>
+                    <view class="mini-desc mt-1 overflow-hidden text-ellipsis whitespace-nowrap text-[24rpx] text-[#666]">
+                      {{ link.spec?.description || '暂无简介~' }}
+                    </view>
+                  </view>
+                  <wd-icon name="arrow-right" size="16px" color="#c0c4cc" />
                </view>
              </view>
            </view>
          </view>
-        </view>

-        <!-- 悬浮按钮 -->
-        <view class="flot-buttons fixed bottom-[100rpx] right-8 z-999 flex flex-col gap-1.5">
-          <view class="fab-btn h-[72rpx] w-[72rpx] flex items-center justify-center rounded-full bg-white shadow-sm" @click="handleToTopPage()">
-            <wd-icon name="arrow-up" size="20px" color="#03a9f4" />
-          </view>
-          <view v-if="(haloPluginConfigs?.linksSubmitPlugin as { enabled?: boolean } | undefined)?.enabled" class="fab-btn h-[72rpx] w-[72rpx] flex items-center justify-center rounded-full bg-white shadow-sm" @click="toSubmitLinkPage">
-            <wd-icon name="edit" size="20px" color="#ff9800" />
+          <!-- 申请收录悬浮按钮 -->
+          <view class="apply-btn-wrap fixed bottom-[100rpx] right-8 z-999">
+            <view class="apply-btn h-[88rpx] flex items-center rounded-full bg-[#2196f3] px-6 shadow-sm" @click="handleOpenApply">
+              <wd-icon name="add" size="20px" color="#fff" />
+              <text class="ml-2 text-[26rpx] text-white">申请收录</text>
+            </view>
          </view>
        </view>

-        <!-- 详情弹窗 -->
-        <wd-popup v-model="detail.show" position="center" custom-style="width:640rpx;border-radius:12rpx;">
-          <view v-if="detail.data" class="poup p-9">
-            <view class="info flex">
-              <image class="poup-logo h-[140rpx] w-[140rpx] shrink-0 rounded-full" :src="checkImageUrl(detail.data.spec.logo)" mode="aspectFill" />
-              <view class="poup-info ml-6 flex flex-1 flex-col justify-center">
-                <view class="poup-name text-[34rpx] font-bold">
-                  {{ detail.data.spec.displayName }}
-                </view>
-                <view class="poup-tag mt-2 text-[24rpx] text-[#999]">
-                  {{ detail.data.spec.groupName }}
-                </view>
-                <view class="poup-link mt-3" @click="handleCopyLink(detail.data)">
-                  <text class="poup-url text-[24rpx] text-[#ff9800]">{{ detail.data.spec.url }}</text>
-                </view>
+        <!-- 小程序详情弹窗 -->
+        <wd-popup v-model="miniDetail.show" position="center" custom-style="width:640rpx;border-radius:12rpx;">
+          <view v-if="miniDetail.data" class="mini-poup p-8">
+            <!-- 太阳码大图(点击预览/长按保存) -->
+            <view class="code-area flex flex-col items-center">
+              <image
+                class="code-img h-[320rpx] w-[320rpx] rounded-xl"
+                :src="checkImageUrl(miniDetail.data.spec?.miniProgramCode)"
+                mode="aspectFill"
+                @click="handlePreviewMiniProgramCode(miniDetail.data)"
+                @longpress="handleSaveMiniProgramCode(miniDetail.data)"
+              />
+              <view class="code-tip mt-3 flex items-center text-[24rpx] text-[#999]">
+                <wd-icon name="picture" size="14px" color="#999" />
+                <text class="ml-1">点击预览，长按保存太阳码</text>
              </view>
            </view>
-            <view class="poup-desc mt-5 text-[28rpx] text-[#555] leading-[1.6]">
-              博客简介：{{ detail.data.spec.description || '这个博主很懒，没写简介~' }}
+
+            <!-- 名称与分组 -->
+            <view class="mini-head mt-5 flex items-center">
+              <text class="mini-name text-[34rpx] text-[#303133] font-bold">{{ miniDetail.data.spec?.displayName }}</text>
+              <text v-if="miniDetail.data.spec?.groupName" class="group-tag ml-3 rounded-md px-2 py-0.5 text-[20rpx] text-white" style="background: linear-gradient(135deg, #64b5f6, #2196f3);">
+                {{ miniDetail.data.spec.groupName }}
+              </text>
+            </view>
+
+            <!-- 描述 -->
+            <view v-if="miniDetail.data.spec?.description" class="mini-desc mt-4 text-[28rpx] text-[#555] leading-[1.6]">
+              {{ miniDetail.data.spec.description }}
+            </view>
+
+            <!-- 作者信息 -->
+            <view v-if="miniDetail.data.spec?.authorName || miniDetail.data.spec?.avatar || miniDetail.data.spec?.website" class="mini-author-info mt-5 flex items-center rounded-xl bg-[#f5f5f5] p-4">
+              <image v-if="miniDetail.data.spec?.avatar" class="author-avatar h-[72rpx] w-[72rpx] shrink-0 rounded-full" :src="checkAvatarUrl(miniDetail.data.spec.avatar)" mode="aspectFill" />
+              <view class="author-detail ml-4 flex flex-1 flex-col">
+                <text v-if="miniDetail.data.spec?.authorName" class="author-name text-[28rpx] text-[#303133] font-medium">{{ miniDetail.data.spec.authorName }}</text>
+                <text v-if="miniDetail.data.spec?.website" class="author-website mt-1 overflow-hidden text-ellipsis whitespace-nowrap text-[24rpx] text-[#999]" @click="handleCopyMiniProgramCode(miniDetail.data)">
+                  网站：{{ miniDetail.data.spec.website }}
+                </text>
+              </view>
+            </view>
+
+            <!-- 小程序地址 -->
+            <view v-if="miniDetail.data.spec?.link" class="mini-link mt-5 flex items-center justify-between rounded-xl bg-[#fff8f0] p-4">
+              <view class="link-text flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-[26rpx] text-[#ff9800]">
+                {{ miniDetail.data.spec.link }}
+              </view>
+              <text class="ml-3 shrink-0 text-[26rpx] text-[#ff9800]" @click="handleCopyMiniProgramCode(miniDetail.data)">复制</text>
+            </view>
+
+            <!-- 预览图轮播 -->
+            <view v-if="miniDetail.data.spec?.screenshots?.length" class="mini-screenshots mt-6">
+              <swiper class="screenshots-swiper h-[360rpx] w-full" indicator-dots circular>
+                <swiper-item v-for="(img, idx) in miniDetail.data.spec.screenshots" :key="idx">
+                  <image class="screenshot-img h-full w-full rounded-xl" :src="checkImageUrl(img)" mode="aspectFill" @click="handlePreviewMiniProgramCode({ spec: { miniProgramCode: img } } as IMiniProgramLink)" />
+                </swiper-item>
+              </swiper>
            </view>
-            <image class="poup-img mt-6 h-[320rpx] w-[568rpx] rounded-xl" :src="calcSiteThumbnail(detail.data.spec.url)" mode="aspectFill" />
          </view>
        </wd-popup>

-        <view class="load-text py-5 text-center text-[24rpx] text-[#999]">
-          {{ loadMoreText }}
-        </view>
-      </view>
+        <!-- 小程序链接申请弹窗 -->
+        <uh-mini-link-apply :show="applyShow" @on-close="handleApplyClose" />
+      </template>
    </template>
  </view>
 </template>
@@ -20,7 +20,7 @@ definePage({
 })

 const appConfigStore = useAppConfigStore()
-const calcAuditModeEnabled = computed(() => !!appConfigStore.configs.auditConfig?.auditModeEnabled)
+const calcAuditModeEnabled = computed(() => appConfigStore.auditModeEnabled)

 /** 依赖插件(plugin-search-widget) */
 const uniHaloPluginId = 'plugin-search-widget'
@@ -206,7 +206,7 @@ onPullDownRefresh(() => {
          <view
            v-for="(item, index) in dataList"
            :key="index"
-            class="article-card mx-6 mb-6 flex flex-col overflow-hidden rounded-xl bg-white p-6 shadow-sm fade-up"
+            class="article-card fade-up mx-6 mb-6 flex flex-col overflow-hidden rounded-xl bg-white p-6 shadow-sm"
            :style="{ animationDelay: `${calcAniWait(index)}ms` }"
            @click="handleToDetail(item)"
          >
@@ -18,7 +18,7 @@ definePage({
 })

 const appConfigStore = useAppConfigStore()
-const calcAuditModeEnabled = computed(() => !!appConfigStore.configs.auditConfig?.auditModeEnabled)
+const calcAuditModeEnabled = computed(() => appConfigStore.auditModeEnabled)

 /** 依赖插件(plugin-vote) */
 const uniHaloPluginId = 'plugin-vote'