front/pages/user/setting/setting.vue

<template>
  <view class="container padding-lr-sm" v-if="fetch">
    <use-tabbar :tabbar="false"></use-tabbar>

    <!-- 个人中心项列表 -->
    <view class="border-radius margin-top-sm">
      <view class="use-list-title dflex-b padding-lr-sm w-full bg-main" @click="Dever.location('user/setting/info')">
        <view class="dflex">
          <text class="flex1 ws-np" style="font-size: 13px; font-weight: normal;">个人资料</text>
        </view>
        <view class="dflex margin-left-xl">
          <view class="iconfont fs-sm iconjiantou-01" style="color: rgb(192, 192, 192);"></view>
        </view>
      </view>

      <view class="use-list-title dflex-b padding-lr-sm w-full bg-main" @click="Dever.location('user/setting/security')">
        <view class="dflex">
          <text class="flex1 ws-np" style="font-size: 13px; font-weight: normal;">账号与安全</text>
        </view>
        <view class="dflex margin-left-xl">
          <view class="iconfont fs-sm iconjiantou-01" style="color: rgb(192, 192, 192);"></view>
        </view>
      </view>
    </view>

    <!-- 其他设置项 -->
    <view class="border-radius margin-top-sm">
		<!--
      <view class="use-list-title dflex-b padding-lr w-full bg-main">
        <view class="dflex">
          <text class="flex1 ws-np" style="font-size: 13px; font-weight: normal;">意见反馈</text>
        </view>
        <view class="dflex margin-left-xl">
          <view class="iconfont fs-sm iconjiantou-01" style="color: rgb(192, 192, 192);"></view>
        </view>
      </view>-->

      <view class="use-list-title dflex-b padding-lr w-full bg-main" @click="Dever.location('user/setting/about')">
        <view class="dflex">
          <text class="flex1 ws-np" style="font-size: 13px; font-weight: normal;">关于{{fetch.name}}</text>
        </view>
        <view class="dflex margin-left-xl">
          <text class="tip line-height-1 margin-right-xs">版本{{fetch.version}}</text>
          <view class="iconfont fs-sm iconjiantou-01" style="color: rgb(192, 192, 192);"></view>
        </view>
      </view>
    </view>

    <!-- 操作按钮 -->
    <view class="border-radius margin-top-sm" @click="goLogin">
      <view class="use-item log-out-btn tac">
        <text>切换账号</text>
      </view>
    </view>

    <view class="border-radius margin-top-sm" @click="quit">
      <view class="use-item log-out-btn tac">
        <text>退出登录</text>
      </view>
    </view>
  </view>
</template>


<script>
	export default {
		data() {
			return {
				fetch: {},
			}
		},
		onShow() {
			this.loadData();
		},
		
		methods: {
			loadData() {
				this.DeverApi.get(this, 'version');
			},
			quit() {
				this.Dever.confirm('确认退出登录吗？', () => {
					this.DeverApi.setToken('');
					this.Dever.location('user/index', 'go');
				})
			},
			goLogin() {
				this.Dever.goLogin();
			},
		}
	}
</script>

<style>
	
</style>