@@ -31,16 +31,12 @@
|
|||||||
<text class="hero-back-icon">‹</text>
|
<text class="hero-back-icon">‹</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="hero-copy">
|
<view class="hero-copy">
|
||||||
<text class="hero-kicker">讲解音频</text>
|
|
||||||
<text class="detail-title">{{ exhibit.title }}</text>
|
<text class="detail-title">{{ exhibit.title }}</text>
|
||||||
<text class="detail-meta">{{ heroSubtitle }}</text>
|
<text class="detail-meta">{{ heroSubtitle }}</text>
|
||||||
<view class="detail-chip-row">
|
<view v-if="exhibit.linkedExhibitStatusText" class="detail-chip-row">
|
||||||
<view v-if="exhibit.linkedExhibitStatusText" class="detail-chip" :class="{ shared: exhibit.isSharedStop }">
|
<view class="detail-chip" :class="{ shared: exhibit.isSharedStop }">
|
||||||
<text class="detail-chip-text">{{ exhibit.linkedExhibitStatusText }}</text>
|
<text class="detail-chip-text">{{ exhibit.linkedExhibitStatusText }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="locationPreviewStatusText" class="detail-chip">
|
|
||||||
<text class="detail-chip-text">{{ locationPreviewStatusText }}</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="language-anchor" v-if="contentLanguageOptions.length">
|
<view class="language-anchor" v-if="contentLanguageOptions.length">
|
||||||
@@ -272,9 +268,6 @@ const detailMeta = computed(() => [
|
|||||||
exhibit.value.floorLabel
|
exhibit.value.floorLabel
|
||||||
].filter(Boolean).join(' · '))
|
].filter(Boolean).join(' · '))
|
||||||
const hallLocationId = computed(() => exhibit.value.hallId || resolvedHallId.value)
|
const hallLocationId = computed(() => exhibit.value.hallId || resolvedHallId.value)
|
||||||
const locationPreviewStatusText = computed(() => (
|
|
||||||
hallLocationId.value ? '位置预览可用' : '位置关系待补充'
|
|
||||||
))
|
|
||||||
const heroSubtitle = computed(() => [
|
const heroSubtitle = computed(() => [
|
||||||
detailMeta.value
|
detailMeta.value
|
||||||
].filter(Boolean).join(' · '))
|
].filter(Boolean).join(' · '))
|
||||||
@@ -1197,25 +1190,11 @@ const handleBack = () => {
|
|||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-kicker,
|
|
||||||
.detail-title,
|
.detail-title,
|
||||||
.detail-meta {
|
.detail-meta {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-kicker {
|
|
||||||
width: fit-content;
|
|
||||||
margin-bottom: 9px;
|
|
||||||
padding: 4px 8px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
background: rgba(231, 233, 0, 0.96);
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 16px;
|
|
||||||
font-weight: 800;
|
|
||||||
color: #10140f;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detail-title {
|
.detail-title {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
font-size: 34px;
|
font-size: 34px;
|
||||||
|
|||||||
Reference in New Issue
Block a user