83 lines
1.7 KiB
Vue
83 lines
1.7 KiB
Vue
<template>
|
||
<view class="content">
|
||
<view class="u-content">
|
||
<u-parse :html="content"></u-parse>
|
||
</view>
|
||
|
||
|
||
<view class="tipsArea">
|
||
<view class="operation">
|
||
<u-checkbox v-model="agree">我同意<<退出协议>>，提交后帐号将不再恢复</u-checkbox>
|
||
</view>
|
||
<view class="btn">
|
||
<u-button type="primary" style="width: 98%;margin-bottom: 15rpx;" @click="confirme">退出帐号</u-button>
|
||
|
||
</view>
|
||
</view>
|
||
|
||
<u-modal v-model="showModal" showCancelButton title="退出" content='确定要退出帐号吗?' @cancel="closeShowModal" @confirm="confirmOperation"></u-modal>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import {toast, clearStorageSync, setStorageSync, getStorageSync, useRouter} from '@/utils/utils.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
content: '',
|
||
show:true,
|
||
agree : false,
|
||
showModal: false
|
||
}
|
||
},
|
||
onLoad(op) {
|
||
//this.id = op.id
|
||
this.getPage()
|
||
},
|
||
onShow() {
|
||
},
|
||
onReady() {
|
||
},
|
||
methods: {
|
||
|
||
getPage(){
|
||
const param={
|
||
id:6
|
||
}
|
||
this.$api.page(param).then(res => {
|
||
if (res.code ==1 ) {
|
||
this.content = res.data.content
|
||
}
|
||
})
|
||
},
|
||
confirme(){
|
||
if(!this.agree) return toast('请查看并同意相关协议');
|
||
this.showModal = true
|
||
},
|
||
confirmOperation() {
|
||
this.$api.logout_account().then(res => {
|
||
if (res.code ==0 ) {
|
||
toast(res.msg);
|
||
}
|
||
})
|
||
|
||
},
|
||
closeShowModal(){
|
||
this.showModal = false
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style lang="scss">
|
||
.u-content{
|
||
padding: 20rpx;
|
||
color: $u-content-color;
|
||
font-size: 28rpx;
|
||
line-height: 1.8;
|
||
padding-bottom: 250rpx;
|
||
}
|
||
.tipsArea{position: fixed; bottom: 0;background: #fdf6ec;width: 100%;}
|
||
.operation{padding:20rpx;padding-top: 20rpx;
|
||
|
||
}
|
||
</style>
|