index.jsx 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. import React,{Component} from 'react';
  2. import {Button, View,OpenData} from '@tarojs/components'
  3. import Taro from '@tarojs/taro';
  4. import { AtIcon } from 'taro-ui'
  5. import 'taro-ui/dist/style/components/icon.scss';
  6. import './index.less';
  7. class UserFloatingLayer extends Component{
  8. constructor(props) {
  9. super(props);
  10. this.state={
  11. userInfor:{}
  12. }
  13. }
  14. componentDidMount() {
  15. let userInfor = Taro.getStorageSync('userInfor');
  16. this.setState({
  17. userInfor
  18. })
  19. }
  20. render() {
  21. return(
  22. <View className='userFloatingLayer'>
  23. <View className='userAvatarUrl'>
  24. <OpenData type='userAvatarUrl'/>
  25. </View>
  26. <View className='userNickName'>
  27. {this.state.userInfor.name}
  28. <View className='welcome' onClick={()=>{
  29. Taro.setStorageSync("token", "");
  30. Taro.setStorageSync('userInfor', "");
  31. Taro.navigateTo({
  32. url: '/pages/login/index'
  33. })
  34. }}>退出</View>
  35. </View>
  36. </View>
  37. );
  38. }
  39. }
  40. export default UserFloatingLayer;