Houjie
2025-05-15 1833dd6d7cac01c35840af52fadc1199821e5805
pages/user/userexit.vue
@@ -1,14 +1,18 @@
<template name="user">
   <view>
      <scroll-view scroll-y class="page">
         <image src="/static/componentBg.png " mode="widthFix" class="response"></image>
         <image src="/static/blue.png" mode="widthFix" class="response"></image>
         <!-- <view class="nav-bg"/> -->
         <view class="nav-list">
            <navigator hover-class="none" :url="'/pages/common/' + item.name" class="nav-li" navigateTo :class="'bg-'+item.color"
            <!-- <navigator hover-class="none" :url="'/pages/common/' + item.name" class="nav-li" navigateTo :class="'bg-'+item.color"
             :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]" v-for="(item,index) in elements" :key="index">
               <view class="nav-title">{{item.title}}</view>
               <view class="nav-name">{{item.name}}</view>
               <text :class="'cuIcon-' + item.cuIcon"></text>
            </navigator>
            </navigator> -->
         </view>
         <view class="padding flex flex-direction">
            <button class="cu-btn bg-blue lg" @click="onSubmit" hover-class="is-hover">退出</button>
         </view>
         <view class="cu-tabbar-height"></view>
      </scroll-view>
@@ -16,6 +20,7 @@
</template>
<script>
   import { ACCESS_TOKEN,USER_NAME,USER_INFO,X_TENANT_ID } from "@/common/util/constants"
   export default {
      name: 'user',
      data() {
@@ -26,14 +31,37 @@
                  color: 'cyan',
                  cuIcon: 'newsfill',
                  auth: 'ac'
               }
            ],
            }],
         }
      },
      methods: {}
      methods: {
         onSubmit() {
            uni.removeStorageSync(ACCESS_TOKEN);
            uni.removeStorageSync("isLogin");
            uni.removeStorageSync(USER_INFO);
            uni.removeStorageSync("userId");
            uni.reLaunch({
               url: '/pages/common/exit'
            })
         },
      }
   }
</script>
<style>
   .is-hover {
      color: rgba(255, 255, 255, 0.6);
      background-color: #55aaff;
      border-color: #55aaff;
   }
   .nav-bg {
      height: 50Vh;
      width: 100vw;
      border-radius: 2%;
      background-color: cornflowerblue;
   }
</style>