fix(product): 调整保费试算弹窗样式及布局

- 移除 CalculatePremium 组件容器的 pb100 类
- 修改红色指示条宽度从10px 到 5px
- 为保费试算弹窗添加最大高度限制 (max-height:90vh)
This commit is contained in:
hz
2025-11-07 18:25:34 +08:00
parent 39719ebece
commit 344a2f4b63
3 changed files with 4 additions and 4 deletions

View File

@@ -21,7 +21,7 @@ export default {
</script>
<template>
<div v-if="!isDestroyPopup">
<div v-if="!isDestroyPopup" style="max-height: 90vh">
<van-popup v-model="isPopupOpen" round position="bottom" @closed="()=>{isDestroyPopup = true}">
<slot></slot>
</van-popup>

View File

@@ -29,7 +29,7 @@
<van-button block type="danger" @click="handleApplyNow">立即投保</van-button>
</div>
<!--自定义面板-->
<van-popup round position="bottom" v-model="isShowCalculatePremium">
<van-popup round position="bottom" v-model="isShowCalculatePremium" style="max-height: 90vh">
<title-bar :value.sync="isShowCalculatePremium" title="保费试算" />
<CalculatePremium :productDTOS="itemProductDTOS" />
</van-popup>

View File

@@ -1,7 +1,7 @@
<template>
<div class="calculate-premium-container pt10 pb100 redRadioCheckbox">
<div class="calculate-premium-container pt10 redRadioCheckbox">
<div class="flex align-items-c">
<span style="border-radius:8px;height: 15px; width: 10px; background-color: red;"></span>
<span style="border-radius:8px;height: 15px; width: 5px; background-color: red;"></span>
<h4 class="ml5">保费试算</h4>
</div>
<template v-if="personMessageInfo">