diff --git a/frontend/src/features/listings/views/MobileHomeView.css b/frontend/src/features/listings/views/MobileHomeView.css index 5fff751..04ccb98 100644 --- a/frontend/src/features/listings/views/MobileHomeView.css +++ b/frontend/src/features/listings/views/MobileHomeView.css @@ -520,7 +520,7 @@ } .mobile-listing-no, -.daily-loss-badge { +.rental-meta-badge { display: inline-flex; width: fit-content; align-items: center; @@ -534,10 +534,16 @@ line-height: 1.2; } -.daily-loss-badge { +.rental-meta-badge { + gap: 2px; border: none; background: #f5f7fa; color: #64748b; + white-space: nowrap; +} + +.meta-separator { + color: #cbd5e1; } .card-subtitle { diff --git a/frontend/src/features/listings/views/MobileHomeView.vue b/frontend/src/features/listings/views/MobileHomeView.vue index ba72c3f..97a83c3 100644 --- a/frontend/src/features/listings/views/MobileHomeView.vue +++ b/frontend/src/features/listings/views/MobileHomeView.vue @@ -43,6 +43,7 @@ import { getDailyLoss, getRatioValue, formatListingCode, + formatEstimatedRentalDuration, getLoginMethod, getServerRegion, assetRegions, @@ -754,9 +755,21 @@ syncMobileHomeQuery()

{{ getListingTitle(item) }}

-
编号 {{ formatListingCode(item) }}
-
- 消耗 {{ getDailyLoss(item) }}/天 +
{{ formatListingCode(item) }}
+
+ 消耗 {{ getDailyLoss(item) }}/天 + + · + + + 租期 {{ formatEstimatedRentalDuration(item) }} +
diff --git a/frontend/src/features/listings/views/MobileListingDetailView.vue b/frontend/src/features/listings/views/MobileListingDetailView.vue index aa06415..686a073 100644 --- a/frontend/src/features/listings/views/MobileListingDetailView.vue +++ b/frontend/src/features/listings/views/MobileListingDetailView.vue @@ -17,6 +17,7 @@ import { formatCent, formatMoney } from '@/shared/utils/money' import { assetRegions, formatAssetNumber, + formatEstimatedRentalDuration, formatHafCoinM, formatListingCode, formatRatio, @@ -108,6 +109,11 @@ const detailMetrics = computed(() => { value: dailyLoss ? `${dailyLoss}/天` : '--', tone: 'coin', }, + { + label: '预计可租', + value: formatEstimatedRentalDuration(listing.value), + tone: 'coin', + }, { label: '价格', value: `¥${formatMoney(getListingDisplayPrice(listing.value))}`, @@ -269,7 +275,6 @@ function updateAgreementReadState(type: 'virtual' | 'renter') { } } - async function copyListingCode() { if (!listing.value) return try { @@ -295,7 +300,12 @@ function handleToggleFavorite() {

账号详情

- @@ -340,7 +350,7 @@ function handleToggleFavorite() { {{ listing.rank_level }}