登录页添加“取消登录并退出”

layout/components/authModal/login/index.vue

@@ -66,6 +66,7 @@
         </uni-forms>
 
         <button v-if="current !== 0" class="send-button MiSans-Medium" :loading="smsLoginLoading" :disabled="smsLoginLoading" @tap="handleLogin"> 登 录  </button>
+        <view class="exit-mini-text MiSans-Normal color-error" @tap="handleExitMiniProgram">取消登录并退出</view>
         <view class="agreement-box ss-flex ss-row-center">
           <uni-icons size="20" :type="protocol ? 'checkbox-filled' : 'circle'" :color="protocol ? '#00B760' : '#ccc'" @tap="protocol = !protocol"></uni-icons>
           <view class="color-999 ss-flex ss-col-center ss-m-l-8 font-size-13">
@@ -299,6 +300,17 @@ const handleLogin = async () => {
     smsLoginLoading.value = false
   }
 }
+
+// 取消登录并退出小程序
+const handleExitMiniProgram = () => {
+  // #ifdef MP-WEIXIN
+  try {
+    wx.exitMiniProgram()
+  } catch (e) {
+    // 非微信环境忽略
+  }
+  // #endif
+}
 </script>
 
 <style scoped lang="scss">
@@ -347,4 +359,11 @@ const handleLogin = async () => {
   padding-bottom: 40rpx;
 }
 
+.exit-mini-text {
+  margin-bottom: 12px;
+  text-align: center;
+  font-size: 14px;
+  text-decoration: underline;
+}
+
 </style>