#i18n

zhou zhou

2026-04-02 50e95b985a72fcec4a93a2470e9efdfb2620148a

 rsf-design/src/components/core/layouts/art-notification/index.vue

@@ -86,7 +86,7 @@
        >
          <ArtSvgIcon icon="system-uicons:inbox" class="text-5xl" />
          <p class="mt-3.5 text-xs !bg-transparent"
            >{{ $t('notice.text[0]') }}{{ barList[barActiveIndex].name }}</p
            >{{ $t('notice.emptyPrefix') }}{{ barList[barActiveIndex].name }}</p
          >
        </div>
      </div>
@@ -121,66 +121,66 @@
  const visible = ref(false)
  const barActiveIndex = ref(0)
  const useNotificationData = () => {
    const noticeList2 = ref([
    const noticeList2 = computed(() => [
      {
        title: '新增国际化',
        title: t('notice.samples.notice.addI18n'),
        time: '2024-6-13 0:10',
        type: 'notice'
      },
      {
        title: '冷月呆呆给你发了一条消息',
        title: t('notice.samples.notice.receiveMessage'),
        time: '2024-4-21 8:05',
        type: 'message'
      },
      {
        title: '小肥猪关注了你',
        title: t('notice.samples.notice.newFollower'),
        time: '2020-3-17 21:12',
        type: 'collection'
      },
      {
        title: '新增使用文档',
        title: t('notice.samples.notice.addDocs'),
        time: '2024-02-14 0:20',
        type: 'notice'
      },
      {
        title: '小肥猪给你发了一封邮件',
        title: t('notice.samples.notice.receiveMail'),
        time: '2024-1-20 0:15',
        type: 'email'
      },
      {
        title: '菜单mock本地真实数据',
        title: t('notice.samples.notice.menuMock'),
        time: '2024-1-17 22:06',
        type: 'notice'
      }
    ])
    const msgList2 = ref([
    const msgList2 = computed(() => [
      {
        title: '池不胖 关注了你',
        title: t('notice.samples.message.chibupang'),
        time: '2021-2-26 23:50',
        avatar: avatar1
      },
      {
        title: '唐不苦 关注了你',
        title: t('notice.samples.message.tangbuku'),
        time: '2021-2-21 8:05',
        avatar: avatar2
      },
      {
        title: '中小鱼 关注了你',
        title: t('notice.samples.message.zhongxiaoyu'),
        time: '2020-1-17 21:12',
        avatar: avatar3
      },
      {
        title: '何小荷 关注了你',
        title: t('notice.samples.message.hexiaohe'),
        time: '2021-01-14 0:20',
        avatar: avatar4
      },
      {
        title: '誶誶淰 关注了你',
        title: t('notice.samples.message.suixuinian'),
        time: '2020-12-20 0:15',
        avatar: avatar5
      },
      {
        title: '冷月呆呆 关注了你',
        title: t('notice.samples.message.lengyuedaidai'),
        time: '2020-12-17 22:06',
        avatar: avatar6
      }
@@ -188,15 +188,15 @@
    const pendingList2 = ref([])
    const barList2 = computed(() => [
      {
        name: computed(() => t('notice.bar[0]')),
        name: computed(() => t('notice.bar.notice')),
        num: noticeList2.value.length
      },
      {
        name: computed(() => t('notice.bar[1]')),
        name: computed(() => t('notice.bar.message')),
        num: msgList2.value.length
      },
      {
        name: computed(() => t('notice.bar[2]')),
        name: computed(() => t('notice.bar.todo')),
        num: pendingList2.value.length
      }
    ])
@@ -286,13 +286,13 @@
  }
  const useBusinessLogic = () => {
    const handleNoticeAll2 = () => {
      console.log('查看全部通知')
      console.log(t('notice.actions.viewAllNotice'))
    }
    const handleMsgAll2 = () => {
      console.log('查看全部消息')
      console.log(t('notice.actions.viewAllMessage'))
    }
    const handlePendingAll2 = () => {
      console.log('查看全部待办')
      console.log(t('notice.actions.viewAllTodo'))
    }
    return {
      handleNoticeAll: handleNoticeAll2,