fix(mpuniapp): 移除工作台原生白底导航栏标题与底部常驻悬浮出示名片码按钮,实现全沉浸式极简商务工作台
这个提交包含在:
@@ -159,15 +159,6 @@
|
||||
<!-- 底部安全区垫高 -->
|
||||
<view class="workplace-spacer"></view>
|
||||
</scroll-view>
|
||||
|
||||
<!-- 底部常驻单悬浮主 CTA 栏 (一屏仅1个主按钮) -->
|
||||
<view class="workplace-cta-bar">
|
||||
<view class="cta-inner">
|
||||
<button class="primary-cta-btn" @click="handleOpenQrcode">
|
||||
<text class="primary-cta-btn-text">{{ t('workplace.primary_cta') }}</text>
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -308,17 +299,19 @@ onMounted(() => {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* 顶栏 */
|
||||
/* 顶栏 (适配沉浸式顶部安全区) */
|
||||
.workplace-topbar {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 48px;
|
||||
height: calc(48px + env(safe-area-inset-top, 0px));
|
||||
padding-top: env(safe-area-inset-top, 0px);
|
||||
padding-inline: 16px;
|
||||
background-color: var(--surface, #FFFFFF);
|
||||
border-bottom: 1px solid var(--border, #E3E7ED);
|
||||
z-index: 10;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.workplace-identity {
|
||||
@@ -776,42 +769,7 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.workplace-spacer {
|
||||
height: calc(88px + var(--window-bottom, 0px) + env(safe-area-inset-bottom, 0px));
|
||||
}
|
||||
|
||||
/* 底部常驻悬浮主 CTA 栏 (一屏仅1个主按钮) */
|
||||
.workplace-cta-bar {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: var(--window-bottom, 0px);
|
||||
padding: 12px 16px;
|
||||
padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
|
||||
background-color: rgba(255, 255, 255, 0.95);
|
||||
backdrop-filter: blur(8px);
|
||||
border-top: 1px solid var(--border, #E3E7ED);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.cta-inner {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.primary-cta-btn {
|
||||
height: 48px;
|
||||
width: 100%;
|
||||
border-radius: 12px;
|
||||
background-color: var(--primary, #0B5CFF);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-shadow: 0 8px 20px rgba(11, 92, 255, 0.22);
|
||||
}
|
||||
|
||||
.primary-cta-btn-text {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #FFFFFF;
|
||||
height: calc(16px + var(--window-bottom, 0px) + env(safe-area-inset-bottom, 0px));
|
||||
}
|
||||
|
||||
/* RTL 适配 */
|
||||
|
||||
在新工单中引用
屏蔽一个用户