front/pages/user/setting/security.vue

<template>
	<view class="container padding-lr-sm" v-if="fetch && fetch.user">
	  <use-tabbar :tabbar="false"></use-tabbar>
	
	  <!-- 用户信息区域 -->
	  <view class="dflex-c pos-r margin-bottom margin-top">
	    <view class="portrait-box">
	      <image class="border-radius-c" :src="fetch.user.avatar"></image>
	    </view>
	    <view class="margin-left-sm">
	      <view>
	        <text class="username">{{fetch.user.name}}</text>
	      </view>
	      <view>
	        <text class="fs-xxs">{{fetch.user.sign}}</text>
	      </view>
	    </view>
	  </view>
	
	  <!-- 账号信息区域 -->
	  <view class="border-radius">
	    <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;">手机号</text>
	      </view>
	      <view class="dflex margin-left-xl">
	        <text class="tip line-height-1 margin-right-xs">{{fetch.user.mobile}}</text>
	        <view class="iconfont fs-sm" style="color: #c0c0c0;"></view>
	      </view>
	    </view>
	
	    <view class="use-list-title dflex-b padding-lr w-full bg-main" @click="Dever.location('user/setting/password', 'go')">
	      <view class="dflex">
	        <text class="flex1 ws-np" style="font-size: 13px;">密码</text>
	      </view>
	      <view class="dflex margin-left-xl">
	        <text class="tip line-height-1 margin-right-xs" v-if="fetch.user.password == 1">已设置</text>
			<text class="tip line-height-1 margin-right-xs" v-else>未设置</text>
	        <view class="iconfont fs-sm iconjiantou-01" style="color: #c0c0c0;"></view>
	      </view>
	    </view>
	  </view>
	
	  <!-- 账号绑定 -->
	  <!--
	  <view class="margin-top margin-left-sm fwb">账号绑定</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;">微信</text>
	      </view>
	      <view class="dflex margin-left-xl">
	        <text class="tip line-height-1 margin-right-xs">已绑定</text>
	        <view class="iconfont fs-sm iconjiantou-01" style="color: #c0c0c0;"></view>
	      </view>
	    </view>
	  </view>-->
	
	  <view class="padding"></view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				fetch: {},
			}
		},
		onLoad() {
			this.loadData();
		},
		methods: {
			loadData() {
				this.DeverApi.get(this, 'user.info');
			},
		}
	}
</script>

<style>
	image {
		width: 62px;
		height: 62px;
	}
</style>