优化导览预览与讲解展示层
This commit is contained in:
@@ -1,6 +1,10 @@
|
||||
<template>
|
||||
<view class="guide-page-frame" :class="`variant-${variant}`">
|
||||
<view
|
||||
class="guide-page-frame"
|
||||
:class="[`variant-${variant}`, { 'no-top-tabs': !showTopTabs }]"
|
||||
>
|
||||
<GuideTopTabs
|
||||
v-if="showTopTabs"
|
||||
:active-tab="activeTab"
|
||||
:variant="topTabsVariant"
|
||||
:top="topTabsTop"
|
||||
@@ -40,6 +44,7 @@ withDefaults(defineProps<{
|
||||
variant?: 'overlay' | 'static'
|
||||
topTabsVariant?: 'underline' | 'segmented'
|
||||
topTabsTop?: string
|
||||
showTopTabs?: boolean
|
||||
showBack?: boolean
|
||||
showCancel?: boolean
|
||||
backLabel?: string
|
||||
@@ -49,6 +54,7 @@ withDefaults(defineProps<{
|
||||
variant: 'overlay',
|
||||
topTabsVariant: 'underline',
|
||||
topTabsTop: '0',
|
||||
showTopTabs: true,
|
||||
showBack: false,
|
||||
showCancel: false,
|
||||
backLabel: '返回',
|
||||
@@ -102,6 +108,10 @@ const handleCancelTap = () => {
|
||||
background: var(--museum-bg-light);
|
||||
}
|
||||
|
||||
.variant-static.no-top-tabs .guide-page-frame-body {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.guide-page-frame-actions {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
||||
Reference in New Issue
Block a user