i

src/components/Auth.vue

@@ -1,11 +1,10 @@
 <template>
-    <nut-overlay v-model:visible="visible" :close-on-click-overlay="false">
+    <nut-overlay :visible="visible" :close-on-click-overlay="false">
         <view class="text">
             <view>授权提醒</view>
             <view style="margin-top: 10px"
-            >请授权头像信息，以便为您提供更好的服务！
-            </view
-            >
+                >请授权头像信息，以便为您提供更好的服务！
+            </view>
             <view class="bom">
                 <view class="btn b" @click="onCancel">随便逛逛</view>
                 <view class="btn a" @tap="onOk">去授权</view>
@@ -16,53 +15,63 @@
 
 <script setup lang="ts">
 // import { computed, ref } from "vue";
-import Taro from '@tarojs/taro'
-import {login} from '@/api/user'
+import Taro from "@tarojs/taro";
+import { login } from "@/api/user";
 
 defineProps({
     visible: {
         type: Boolean,
-        default: false
-    }
-})
+        default: false,
+    },
+});
 
-const emit = defineEmits(['update:visible', 'ok'])
+const emit = defineEmits(["update:visible", "ok"]);
 
 const onCancel = () => {
-    emit('update:visible', false)
-}
+    emit("update:visible", false);
+};
 
 const onOk = () => {
+    Taro.showLoading({
+        title: "正在授权中",
+        mask: true,
+    });
     Taro.getUserProfile({
-        desc: '完善用户资料',
+        desc: "完善用户资料",
         success: async (user) => {
             Taro.login({
-                success: async ({code}) => {
+                success: async ({ code }) => {
                     try {
-                        const {data}: any = await login({
+                        const { data }: any = await login({
                             code: code,
                             nickName: user.userInfo.nickName,
-                            avatarUrl: user.userInfo.avatarUrl
-                        })
-                        Taro.setStorageSync('token', data.token)
-                        emit('ok', false)
+                            avatarUrl: user.userInfo.avatarUrl,
+                        });
+                        Taro.setStorageSync("token", data.token);
+                        emit("ok", false);
                     } catch (error) {
                         Taro.showToast({
                             title: error.message,
-                            icon: 'none'
-                        })
+                            icon: "none",
+                        });
                     }
                 },
                 fail: (err) => {
-                    console.log(err)
-                }
-            })
+                    console.log(err);
+                },
+                complete: () => {
+                    Taro.hideLoading();
+                },
+            });
         },
         fail: (err) => {
-            console.log(err)
-        }
-    })
-}
+            console.log(err);
+        },
+        complete: () => {
+            Taro.hideLoading();
+        },
+    });
+};
 </script>
 
 <style lang="scss">