mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-24 11:22:52 +08:00
feat(ebiz): 添加承保结果页面UI展示
- 引入 vant 组件库的 Image 和 Button 组件 - 添加错误提示图片和文案显示 - 实现页面布局居中对齐 - 设置背景色为白色并占满全屏 - 添加确定按钮并设置样式 - 引入评估结果图片资源
This commit is contained in:
@@ -158,26 +158,6 @@ export default {
|
||||
.sale-list-container {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.submit-btn {
|
||||
bottom: 10px;
|
||||
width: 90%;
|
||||
transform: translateX(5%);
|
||||
}
|
||||
/deep/ .dialog-delete .van-dialog__header {
|
||||
padding: 0.5em;
|
||||
margin-bottom: 0;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
}
|
||||
|
||||
/deep/ .van-cell {
|
||||
padding: 0;
|
||||
padding-bottom: 0.5em;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
}
|
||||
|
||||
/deep/ .van-dialog__content {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.van-search__content {
|
||||
background: #fff !important;
|
||||
|
||||
@@ -1,11 +1,38 @@
|
||||
<script>
|
||||
import { Image as VanImage, Button } from 'vant'
|
||||
|
||||
export default {
|
||||
name: 'UnderwritingResult'
|
||||
name: 'UnderwritingResult',
|
||||
components: { Button, VanImage },
|
||||
data() {
|
||||
return {
|
||||
errorMsg: '根据您的信息,不符合本产品承保要求',
|
||||
image: require('@/assets/images/ebiz/evalImg.png')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="underwriting-result-container"></div>
|
||||
<div class="underwriting-result-container flex justify-content-c align-items-c">
|
||||
<div class="error-msg flex column align-items-c">
|
||||
<VanImage :src="image" alt="error-result-image" width="80%" />
|
||||
<div class="mt40">{{ errorMsg }}</div>
|
||||
</div>
|
||||
<Button class="submit-btn bottom-btn mt20" color="#E9322E">确定</Button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
<style lang="scss" scoped>
|
||||
.underwriting-result-container {
|
||||
background-color: #ffffff;
|
||||
margin-top: 0 !important;
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
|
||||
.error-msg {
|
||||
height: fit-content;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user