Jelajahi Sumber

fix(miniprogram): remove workbench logo; center-align title with welcome line

Co-authored-by: Cursor <cursoragent@cursor.com>
wuzilong 1 bulan lalu
induk
melakukan
ec2d0cc2ee
1 mengubah file dengan 2 tambahan dan 10 penghapusan
  1. 2 10
      miniprogram/pages/workbench/workbench.vue

+ 2 - 10
miniprogram/pages/workbench/workbench.vue

@@ -6,10 +6,8 @@ import { WORKBENCH_MODULES } from '@/config/workbench-menus'
 import { PAGE_PATHS, WORKBENCH_ROUTE_MAP } from '@/config/api'
 import { PAGE_PATHS, WORKBENCH_ROUTE_MAP } from '@/config/api'
 import { filterWorkbenchModules } from '@/utils/workbenchMenuFilter'
 import { filterWorkbenchModules } from '@/utils/workbenchMenuFilter'
 import { getSafeAreaStyle } from '@/utils/safeArea'
 import { getSafeAreaStyle } from '@/utils/safeArea'
-import { DEFAULT_PLACEHOLDER_IMAGE_URL } from '@/utils/staticAsset'
 
 
 const safeAreaStyle = getSafeAreaStyle()
 const safeAreaStyle = getSafeAreaStyle()
-const logoUrl = DEFAULT_PLACEHOLDER_IMAGE_URL
 const userStore = useUserStore()
 const userStore = useUserStore()
 const modules = computed(() =>
 const modules = computed(() =>
   filterWorkbenchModules(WORKBENCH_MODULES, {
   filterWorkbenchModules(WORKBENCH_MODULES, {
@@ -72,19 +70,13 @@ const handleLogout = async () => {
 <template>
 <template>
   <view class="mp-page mp-page--tab">
   <view class="mp-page mp-page--tab">
     <view class="mp-header mp-header--workbench" :style="safeAreaStyle">
     <view class="mp-header mp-header--workbench" :style="safeAreaStyle">
-      <!-- 标题行:左侧 logo + 文案,右侧避开胶囊 -->
-      <view class="mp-header__title-row">
-        <image class="mp-header__logo" :src="logoUrl" mode="aspectFit" />
+      <view class="mp-header__body">
         <view class="mp-header__titles">
         <view class="mp-header__titles">
           <text class="mp-header__title">工作台</text>
           <text class="mp-header__title">工作台</text>
           <text class="mp-header__meta">选择业务模块,进入对应功能办理</text>
           <text class="mp-header__meta">选择业务模块,进入对应功能办理</text>
         </view>
         </view>
-      </view>
-      <!-- 用户行:独立全宽右对齐;欢迎语 / 姓名在上,退出在下 -->
-      <view class="mp-header__user-row">
         <view class="mp-header__user-stack">
         <view class="mp-header__user-stack">
-          <text class="mp-header__welcome">欢迎您</text>
-          <text class="mp-header__user-name">{{ displayName }}</text>
+          <text class="mp-header__user-line">{{ displayName }},欢迎您</text>
           <text
           <text
             class="mp-header__logout"
             class="mp-header__logout"
             :class="{ 'mp-header__logout--disabled': loggingOut }"
             :class="{ 'mp-header__logout--disabled': loggingOut }"