fix(miniprogram): put workbench user actions on full-width row below title

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
wuzilongandCursor committed 2026-09-12 19:08:16 +08:00
1 parent ddff1212ae
commit 83db2fd996
2 files changed
+34 -22

No files matched your search

+17 -15
View File
@@ -70,25 +70,27 @@ const handleLogout = async () => {
<template>
<view class="mp-page mp-page--tab">
<view class="sq-nav-header sq-nav-header--tall" :style="safeAreaStyle">
<!-- 第一行:标题左对齐,右侧避开胶囊 -->
<view class="sq-nav-header__nav">
<view class="sq-nav-header__main">
<view class="sq-nav-header__left sq-nav-header__left--stack">
<text class="sq-nav-header__title">工作台</text>
<text class="sq-nav-header__meta">选择业务模块,进入对应功能办理</text>
</view>
<view class="sq-nav-header__user">
<text class="sq-nav-header__user-name">{{ displayName }}</text>
<text
class="sq-nav-header__logout"
:class="{ 'sq-nav-header__logout--disabled': loggingOut }"
@click="handleLogout"
>
{{ loggingOut ? '退出中…' : '退出登录' }}
</text>
</view>
<view class="sq-nav-header__left sq-nav-header__left--stack">
<text class="sq-nav-header__title">工作台</text>
<text class="sq-nav-header__meta">选择业务模块,进入对应功能办理</text>
</view>
<view /><!-- 胶囊占位 -->
</view>
<!-- 第二行:用户区独立全宽右对齐,不受胶囊列挤压 -->
<view class="sq-nav-header__user-row">
<view class="sq-nav-header__user">
<text class="sq-nav-header__user-name">{{ displayName }}</text>
<text
class="sq-nav-header__logout"
:class="{ 'sq-nav-header__logout--disabled': loggingOut }"
@click="handleLogout"
>
{{ loggingOut ? '退出中…' : '退出登录' }}
</text>
</view>
</view>
</view>
<view class="mp-section">