You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
huazhiyu/pages/AccountSecurity/AccountSecurity.vue

123 lines
2.7 KiB

<template>
<view class="page">
<!-- 安全设置列表 -->
<view class="security-list">
<!-- <view class="list">
<view class="content">
<view class="title">
<text>实名认证</text>
</view>
<view class="describe">
<text>完成实名认证尊享更多服务</text>
</view>
</view>
<view class="more">
<text class="iconfont icon-more"></text>
</view>
</view> -->
<view class="list" @click="onSecurity('password')">
<view class="content">
<view class="title">
<text>修改登录密码</text>
</view>
</view>
<view class="more">
<text class="iconfont icon-more"></text>
</view>
</view>
<view class="list" @click="show = true">
<view class="title">
<text>注销服务</text>
</view>
<view class="more">
<text class="iconfont icon-more"></text>
</view>
</view>
</view>
<u-popup mode="center" round="10" :customStyle="{'width':'70%'}" :show="show" @close="close">
<view class="showcontent">
<image src="../../static/image/alert-bg.png" mode="widthFix"></image>
<view class="contentContainer">
<view class="text">
<view class="textTitle">
温馨提示
</view>
<view class="intr">
很遗憾合之赢无法为您继续服务感谢您一路陪伴与关注为了您的账户安全注销账户后将会永久清除与该账户相关的所有信息服务器不再保留
</view>
</view>
<view class="btnContent">
<view class="cancelBtn" @click="close">
取消
</view>
<view class="submitBtn" @click="close">
确定
</view>
</view>
</view>
</view>
</u-popup>
</view>
</template>
<script>
export default {
data() {
return {
show:false,
};
},
methods:{
close() {
this.show = false
},
/**
* 账户安全点击
* @param {String} type
*/
onSecurity(type){
switch(type) {
case 'relevance':
uni.navigateTo({
url: '/pages/AccountAssociated/AccountAssociated',
})
break;
case 'password':
uni.navigateTo({
url: '/pages/ChangePassword/ChangePassword',
})
break;
case 'phone':
uni.navigateTo({
url: '/pages/ModifyPhone/ModifyPhone',
})
break;
case 'mailbox':
uni.navigateTo({
url: '/pages/AssociatedmMailbox/AssociatedmMailbox',
})
break;
}
},
/**
* 申诉列表点击
* @param {String} tyep
*/
onAppeal(tyep){
switch (type){
case 'appeal':
break;
}
}
}
}
</script>
<style lang="scss" scoped>
@import 'AccountSecurity.scss';
</style>