jiazhipeng
11 months ago
14 changed files with 300 additions and 52 deletions
@ -0,0 +1,154 @@ |
|||
<template> |
|||
<view class="bg"> |
|||
<image src="https://static.ticket.sz-trip.com/tongli/images/user/logout.png" class="logoutImg"></image> |
|||
<view class="title">用户注销协议</view> |
|||
<view class="text" v-html="formateRichText(content)"></view> |
|||
|
|||
<footer> |
|||
<view> |
|||
<!-- <view class="dui-box" :style="{backgroundImage: isTrue ? 'url(https://static.ticket.sz-trip.com/tongli/images/user/duis.png)' : '', |
|||
border: isTrue ? '' : '1rpx solid #515150'}" |
|||
@click="isTrue = !isTrue"></view> |
|||
您已经同意《用户注销协议》 --> |
|||
</view> |
|||
|
|||
<view class="flex-between"> |
|||
<view class="btn flex-center" @click="goBack">取消</view> |
|||
<view class="btn flex-center" v-if="time != 0">查看协议({{time}}s)</view> |
|||
<view class="btn btns flex-center" v-else @click="confirmLogout">确认注销</view> |
|||
</view> |
|||
</footer> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
content: '', |
|||
isTrue: false, |
|||
time: 8 |
|||
} |
|||
}, |
|||
onShow() { |
|||
this.Post({ |
|||
id: 10274 |
|||
},'/api/article/getArticleById').then(res => { |
|||
if(res.code == 1) { |
|||
this.content = res.data.content |
|||
var countdown = setInterval(() => { |
|||
this.time -- |
|||
if(this.time == 0) { |
|||
clearInterval(countdown) |
|||
} |
|||
},1000) |
|||
} |
|||
}) |
|||
}, |
|||
methods: { |
|||
confirmLogout() { |
|||
uni.showModal({ |
|||
title: '提示', |
|||
content: '确认注销账号？', |
|||
success: successRes => { |
|||
if (successRes.confirm) { |
|||
this.Post({ |
|||
protocol: 1 |
|||
},'/api/user/user_logout').then(res => { |
|||
if(res.code == 1) { |
|||
uni.showToast({ |
|||
title: '注销成功', |
|||
icon: 'none' |
|||
}) |
|||
this.$store.commit('changeUserInfo', {}) |
|||
setTimeout(() => { |
|||
uni.switchTab({ |
|||
url: '/pages/index/index' |
|||
}) |
|||
},1000) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.bg { |
|||
min-height: 100vh; |
|||
background-color: #fff; |
|||
padding: 88rpx 0 250rpx; |
|||
} |
|||
|
|||
.logoutImg { |
|||
display: block; |
|||
width: 120rpx; |
|||
height: 120rpx; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.title { |
|||
font-weight: bold; |
|||
font-size: 40rpx; |
|||
color: #000000; |
|||
margin: 60rpx auto 50rpx; |
|||
text-align: center; |
|||
} |
|||
|
|||
.text { |
|||
padding: 0 40rpx; |
|||
} |
|||
|
|||
footer { |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
padding: 0 68rpx; |
|||
width: 100%; |
|||
|
|||
.dui-box { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
margin-right: 19rpx; |
|||
background-size: 100% 100%; |
|||
border-radius: 50%; |
|||
} |
|||
|
|||
&>view:first-child { |
|||
display: flex; |
|||
align-items: center; |
|||
font-weight: 500; |
|||
font-size: 24rpx; |
|||
color: #000000; |
|||
} |
|||
|
|||
&>view:last-child { |
|||
margin: 53rpx 0 67rpx; |
|||
|
|||
.btn { |
|||
width: 267rpx; |
|||
height: 80rpx; |
|||
background: #BFBFBF; |
|||
border-radius: 40rpx; |
|||
font-weight: 500; |
|||
font-size: 36rpx; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
&>view:nth-child(1) { |
|||
border: 3rpx solid #C3282E; |
|||
font-weight: 500; |
|||
color: #C3282E; |
|||
background: #fff; |
|||
} |
|||
|
|||
.btns { |
|||
background: #C3282E; |
|||
color: #FFFFFF; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue