浅念
90 lines
1.8 KiB
Vue
90 lines
1.8 KiB
Vue
<template>
|
|
<view>
|
|
<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000"
|
|
backgroundColor="#fff" :statusBar="true" title="注销账户"></uni-nav-bar>
|
|
<!-- 提示信息 -->
|
|
<view class="card-content">
|
|
<image src="/static/image/mine/waring.png" mode=""></image>
|
|
<view class="section-title">{{$t('mine.logoff')}}</view>
|
|
<view class="warning-text">{{$t('mine.logoffmsg')}}</view>
|
|
<view class="msgcont">
|
|
<view class=""><text>*</text> {{$t('mine.logoffts1')}}</view>
|
|
<view class=""><text>*</text>{{$t('mine.logoffts2')}}</view>
|
|
<view class=""><text>*</text>{{$t('mine.logoffts3')}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 确定注销按钮 -->
|
|
<view class="foot">
|
|
<button class="btn" @click="nextFn">{{$t('mine.logoffbtn')}}</button>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
leftClick(){
|
|
uni.navigateBack({})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.card-content {
|
|
margin-top: 100rpx;
|
|
padding:30rpx ;
|
|
text-align: center;
|
|
color: #222222;
|
|
image{
|
|
width: 120rpx;
|
|
height: 112rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.section-title {
|
|
font-size: 18px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.warning-text {
|
|
font-size: 14px;
|
|
color: #999999;
|
|
margin-bottom: 15px;
|
|
}
|
|
.msgcont{
|
|
margin-top: 60rpx;
|
|
background-color: #F6F6F6;
|
|
border-radius: 10px;
|
|
padding: 15px;
|
|
text-align: left;
|
|
line-height: 30px;
|
|
text{
|
|
color: #FE4949;
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.foot{
|
|
position: fixed;
|
|
bottom: 0px;
|
|
width: 100%;
|
|
height: 90px;
|
|
background: #FFFFFF;
|
|
z-index: 1;
|
|
}
|
|
.btn{
|
|
background: linear-gradient(to right, #3471FF, #6776FF);
|
|
color: white;
|
|
border-radius: 50px;
|
|
width: 92%;
|
|
margin-bottom: 40px;
|
|
margin: 15px 4%;
|
|
}
|
|
</style> |