<template>
  <div class="personal-cont">
    <div class="layout-cont-tab">
      <div class="personal-top-img">
        <img src="@/assets/touxiang2.png" @click="_goto">
      </div>
      <div>
        <van-cell-group>
          <van-cell title="账号信息" icon="user-o" is-link to="/mine/user_info"></van-cell>
        </van-cell-group>
      </div>
      <div style="margin-top: 10px">
        <van-cell-group>
          <van-cell title="服务热线：0532-67760070 / 13335043671" icon="phone-o"></van-cell>
        </van-cell-group>
      </div>
      <div style="margin-top: 10px">
        <van-cell-group>
          <van-cell title="意见反馈" icon="edit" is-link to="/mine/feed_back"></van-cell>
        </van-cell-group>
      </div>
      <div style="margin: 20px 20px 0">
        <van-button block type="info" @click="_exit">
          安全退出当前账户
        </van-button>
      </div>
    </div>
    <FooterBar></FooterBar>
  </div>
</template>

<script>
  import FooterBar from '@/components/FooterBar.vue'

  export default {
    name: "Mine",
    components:{
      FooterBar
    },
    methods: {
      _goto() {
        this.$router.push('/mine/user_info')
      },
      _exit() {
        this.$global.logout();
        // this.$navigation.cleanRoutes();
        this.$router.replace('/login');
      },
    }
  }
</script>

<style scoped>

</style>
