| | |
| | | <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> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { ACCESS_TOKEN,USER_NAME,USER_INFO,X_TENANT_ID } from "@/common/util/constants" |
| | | export default { |
| | | name: 'user', |
| | | data() { |
| | | return { |
| | | elements: [{ |
| | | title: '退出', |
| | | name: 'exit', |
| | | color: 'cyan', |
| | | cuIcon: 'newsfill', |
| | | auth: 'ac' |
| | | } |
| | | ], |
| | | title: '退出', |
| | | name: 'exit', |
| | | 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; |
| | | } |
| | | |
| | | </style> |
| | | .nav-bg { |
| | | height: 50Vh; |
| | | width: 100vw; |
| | | border-radius: 2%; |
| | | background-color: cornflowerblue; |
| | | } |
| | | </style> |