new_app/components/disable-mask/disable-mask.vue

70 lines
1.3 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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>