feat: 格式化代码

pages/drawer/DrawerHome.vue

@@ -1,50 +1,54 @@
 <template>
-	<view class="drawer-home"> 
-		<view class="drawer-home-nav">
-			<uni-icons type="closeempty" size="22" color="#333333" class="close-icon" @click="closeDrawer"></uni-icons>
-			<text class="title">我的</text>
-		</view>
-				
-		<MineSetting/>
-		
-	</view>
+  <view class="drawer-home">
+    <view class="drawer-home-nav">
+      <uni-icons
+        type="closeempty"
+        size="22"
+        color="#333333"
+        class="close-icon"
+        @click="closeDrawer"
+      ></uni-icons>
+      <text class="title">我的</text>
+    </view>
+
+    <MineSetting />
+  </view>
 </template>
 
 <script setup>
-    import MineSetting from './MineSetting.vue'
-	import { defineEmits } from 'vue'
-	const emits = defineEmits(['closeDrawer'])
+import MineSetting from "./MineSetting.vue";
+import { defineEmits } from "vue";
+const emits = defineEmits(["closeDrawer"]);
 
-	const closeDrawer = () => {
-		emits('closeDrawer')
-	}
-	
+const closeDrawer = () => {
+  emits("closeDrawer");
+};
 </script>
 
 <style lang="scss" scoped>
-	.drawer-home {
-		width: 100%;
-		height: 100vh;
-		background-color: #fff;
-		padding-top: 44px;	
-	}
-	
-	.drawer-home-nav {
-		position: relative;
-		padding: 12px;
-		display: flex;
-		justify-content: center; /* 文字水平居中 */
-		align-items: center;     /* 垂直居中 */
-		
-		.title {
-			font-size: 18px;
-			text-align: center;
-			color: #333333;
-		}
-		
-		.close-icon {
-		  position: absolute;
-		  left: 12px; /* 距离左边12px */
-		}
-	}
-</style>
+.drawer-home {
+  width: 100%;
+  height: 100vh;
+  background-color: #fff;
+  padding-top: 44px;
+}
+
+.drawer-home-nav {
+  position: relative;
+  padding: 12px;
+  display: flex;
+  justify-content: center; /* 文字水平居中 */
+  align-items: center; /* 垂直居中 */
+
+  .title {
+    font-size: 18px;
+    text-align: center;
+    color: #333333;
+  }
+
+  .close-icon {
+    position: absolute;
+    left: 12px; /* 距离左边12px */
+  }
+}
+</style>

pages/drawer/MineSetting.vue

@@ -19,10 +19,10 @@
 
     <!-- 中间功能入口（循环渲染） -->
     <view class="menu-card">
-      <view 
-        class="menu-item" 
-        v-for="(item, index) in menuList" 
-        :key="index" 
+      <view
+        class="menu-item"
+        v-for="(item, index) in menuList"
+        :key="index"
         @click="handleMenuClick(item)"
       >
         <text class="label">{{ item.label }}</text>
@@ -36,60 +36,64 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
-import { getLoginUserPhone } from '@/request/api/LoginApi'
+import { ref, onMounted } from "vue";
+import { getLoginUserPhone } from "@/request/api/LoginApi";
 
 // 假数据
 const userInfo = ref({
-  avatar: '/static/default-avatar.png',
-  nickname: '微信用户',
-  phone: ''
-})
+  avatar: "/static/default-avatar.png",
+  nickname: "微信用户",
+  phone: "",
+});
 
 // 功能菜单列表（带 type 区分操作类型）
 const menuList = ref([
   // { label: '修改手机号', type: 'navigate', url: '/pages/change-phone/change-phone' },
-  { label: '账号注销', type: 'navigate', url: '/pages/cancel-account/cancel-account' },
+  {
+    label: "账号注销",
+    type: "navigate",
+    url: "/pages/cancel-account/cancel-account",
+  },
   // { label: '营业资质&协议', type: 'navigate', url: '/pages/agreement/agreement' },
-  { label: '联系客服', type: 'action', action: 'contactService' }
-])
+  { label: "联系客服", type: "action", action: "contactService" },
+]);
 
 // 生命周期钩子
 onMounted(() => {
-  getLoginUserPhoneInfo()
-})
+  getLoginUserPhoneInfo();
+});
 
 const getLoginUserPhoneInfo = async () => {
-  const res = await getLoginUserPhone()
+  const res = await getLoginUserPhone();
   if (res.code === 0) {
-      userInfo.value.phone = res.data
-    }
-}
+    userInfo.value.phone = res.data;
+  }
+};
 
 // 处理菜单点击
 const handleMenuClick = (item) => {
-  if (item.type === 'navigate' && item.url) {
-    uni.navigateTo({ url: item.url })
-  } else if (item.type === 'action') {
-    if (item.action === 'contactService') {
-      uni.showToast({ title: '联系客服功能待实现', icon: 'none' })
+  if (item.type === "navigate" && item.url) {
+    uni.navigateTo({ url: item.url });
+  } else if (item.type === "action") {
+    if (item.action === "contactService") {
+      uni.showToast({ title: "联系客服功能待实现", icon: "none" });
     }
   }
-}
+};
 
 // 退出登录
 const handleLogout = () => {
   uni.showModal({
-    title: '温馨提示',
-    content: '确定要退出登录吗？',
+    title: "温馨提示",
+    content: "确定要退出登录吗？",
     success: (res) => {
       if (res.confirm) {
-        uni.clearStorageSync()
-        uni.reLaunch({ url: '/pages/login/index' })
+        uni.clearStorageSync();
+        uni.reLaunch({ url: "/pages/login/index" });
       }
-    }
-  })
-}
+    },
+  });
+};
 </script>
 
 <style scoped>