feat: 更新时间显示组件和相关设置

- 在多个组件中引入 NTime 和 NTooltip 以优化时间显示
- 修改 ActionHistoryViewer.vue 和 CheckInSettings.vue 中的时间渲染逻辑
- 在 CheckInRankingView.vue 中实现时间的相对显示和格式化
- 修复商品页加载问题
This commit is contained in:
2025-05-02 06:37:18 +08:00
parent 4bcb966bdc
commit 4ac793f155
5 changed files with 38 additions and 10 deletions

View File

@@ -52,7 +52,7 @@ import PointUserManage from './PointUserManage.vue'
const message = useMessage()
const accountInfo = useAccount()
const dialog = useDialog()
const useBiliAuth = useBiliAuth()
const biliAuth = useBiliAuth()
const formRef = ref()
const isUpdating = ref(false)
const isAllowedPrivacyPolicy = ref(false)
@@ -70,7 +70,7 @@ const hash = computed({
})
// 商品数据及模型
const goods = ref<ResponsePointGoodModel[]>(await useBiliAuth.GetGoods(accountInfo.value?.id, message))
const goods = ref<ResponsePointGoodModel[]>(await biliAuth.GetGoods(accountInfo.value?.id, message))
const defaultGoodsModel = {
goods: {
type: GoodsTypes.Virtual,

View File

@@ -131,7 +131,19 @@
<!-- 签到时间列 -->
<div class="col-time">
{{ formatDate(item.lastCheckInTime) }}
<NTooltip>
<template #trigger>
<NTime
:time="item.lastCheckInTime"
type="relative"
/>
</template>
<template #default>
<NTime
:time="item.lastCheckInTime"
/>
</template>
</NTooltip>
</div>
</div>
</div>
@@ -180,6 +192,7 @@ import {
NSelect,
NSpace,
NSpin,
NTooltip,
} from 'naive-ui';
import { computed, onMounted, ref } from 'vue';