70 lines
1.3 KiB
Vue
70 lines
1.3 KiB
Vue
<template>
|
||
<view class="container">
|
||
<view class="dialog">
|
||
<view class="title">
|
||
<text class="t">风险提示</text>
|
||
</view>
|
||
<view class="content">
|
||
<text class="t">您的账号暂不可用，详情请联系客服</text>
|
||
</view>
|
||
<view class="footer">
|
||
<navigator class="btn" url="/pages/me/contact" style="height: 40px">
|
||
<text class="t">去联系客服</text>
|
||
</navigator>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script></script>
|
||
|
||
<style scoped lang="scss">
|
||
.container {
|
||
width: 100%;
|
||
height: 100%;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: 99999999;
|
||
background-color: rgba(0, 0, 0, 0.6);
|
||
backdrop-filter: blur(3px);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
.dialog {
|
||
width: 90%;
|
||
background-color: #fff;
|
||
border-radius: 20upx;
|
||
.title {
|
||
height: 100upx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
.t {
|
||
font-size: 32upx;
|
||
font-weight: bold;
|
||
}
|
||
}
|
||
.content {
|
||
padding: 0 50upx;
|
||
}
|
||
.footer {
|
||
padding: 80upx 28upx 28upx;
|
||
display: flex;
|
||
.btn {
|
||
flex: 1;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background-color: #dd8591;
|
||
color: #fff;
|
||
border-radius: 12upx;
|
||
.t {
|
||
font-size: 28upx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|