工作台和我的页面样式优化

components/Workbench/Workbench.vue

@@ -96,8 +96,8 @@ const goToAddTask = () => {
 <style lang="scss" scoped>
 .workbench-scroll {
   width: 100%;
-  height: 100vh;
-  background: #f5f5f5;
+  //height: 100vh;
+  //background: #f5f5f5;
 }
 
 .workbench-card {

components/my/My.vue

@@ -6,8 +6,8 @@
         <view class="avatar-wrapper">
           <image
               v-if="userInfo?.user?.avatar"
-            class="avatar-img" 
               :src="userInfo.user.avatar"
+              class="avatar-img"
               mode="aspectFill"
           />
           <view v-else class="avatar-placeholder">
@@ -42,8 +42,8 @@
     </view>
 
     <view
-      class="card settings-card"
         v-if="showPrivateSwitch"
+        class="card settings-card"
     >
       <view class="setting-row">
         <text class="setting-label">私有视角</text>
@@ -64,14 +64,14 @@
           <text class="version-value">{{ currentVersion }}</text>
         </view>
 
-        <view class="version-item" v-if="latestVersion">
+        <view v-if="latestVersion" class="version-item">
           <text class="version-label">最新版本</text>
-          <text class="version-value" :class="{ 'new-version': hasUpdate }">
+          <text :class="{ 'new-version': hasUpdate }" class="version-value">
             {{ latestVersion }}
             <text v-if="hasUpdate" class="update-badge">有新版本</text>
           </text>
         </view>
-        <view class="version-item" v-else>
+        <view v-else class="version-item">
           <text class="version-label">最新版本</text>
           <text class="version-value">未检查</text>
         </view>
@@ -79,21 +79,21 @@
 
       <view class="version-actions">
         <uv-button
-          type="primary" 
+            :loading="checking"
             :plain="true"
             size="small"
+            type="primary"
             @click="checkUpdate"
-          :loading="checking"
         >
           {{ checking ? '检查中...' : '检查更新' }}
         </uv-button>
 
         <uv-button
             v-if="hasUpdate && updateInfo"
-          type="error" 
             size="small"
-          @click="handleUpdate"
             style="margin-left: 20rpx;"
+            type="error"
+            @click="handleUpdate"
         >
           立即更新
         </uv-button>
@@ -102,7 +102,7 @@
 
     <view class="card">
 
-      <uv-button type="error" :plain="true" @click="onLogout" :loading="loading">
+      <uv-button :loading="loading" :plain="true" type="error" @click="onLogout">
         退出登录
       </uv-button>
     </view>
@@ -110,11 +110,11 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from 'vue'
+import {computed, onMounted, ref} from 'vue'
 import {storeToRefs} from 'pinia'
 import {useUserStore} from '@/store/user'
 import {logout} from '@/api/user'
-import { getCurrentVersion, checkForUpdate, showUpdateDialog } from '@/utils/update'
+import {checkForUpdate, getCurrentVersion, showUpdateDialog} from '@/utils/update'
 
 const loading = ref(false)
 const checking = ref(false)
@@ -258,8 +258,8 @@ const onLogout = async () => {
 <style lang="scss" scoped>
 .mine-page {
   padding: 24rpx;
-  background-color: #f6f7fb;
-  min-height: 100vh;
+  //background-color: #f6f7fb;
+  //min-height: 100vh;
   box-sizing: border-box;
 }