49 lines
1.1 KiB
Vue
49 lines
1.1 KiB
Vue
|
<template>
|
|||
|
|
<view class="container">
|
|||
|
|
<text class="header">无法开锁?</text>
|
|||
|
|
<p class="instructions">1. 检查网络连接是否正常</p>
|
|||
|
|
<p class="instructions">2. 确认二维码是否清晰且无损坏</p>
|
|||
|
|
<p class="instructions">3. 尝试手动输入车辆编码进行开锁</p>
|
|||
|
|
<p class="instructions">4. 如果问题仍然存在，请联系维修或客服。</p>
|
|||
|
|
<view class="contact-info">
|
|||
|
|
<text>如需帮助，请联系客服。</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
.container {
|
|||
|
|
padding: 16px;
|
|||
|
|
background-color: #ffffff;
|
|||
|
|
min-height: 100vh; /* 保证页面占满整个屏幕高度 */
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: space-between; /* 让内容分布 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.header {
|
|||
|
|
font-size: 18px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.instructions {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #333;
|
|||
|
|
margin-bottom: 12px;
|
|||
|
|
line-height: 1.8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.contact-info {
|
|||
|
|
font-size: 14px;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #007bff;
|
|||
|
|
margin-top: auto; /* 保证底部内容在最下面 */
|
|||
|
|
margin-bottom: 16px; /* 防止文字贴近底部 */
|
|||
|
|
}
|
|||
|
|
</style>
|