mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-23 23:42:52 +08:00
fix(product): 调整保费试算弹窗样式及布局
- 移除 CalculatePremium 组件容器的 pb100 类 - 修改红色指示条宽度从10px 到 5px - 为保费试算弹窗添加最大高度限制 (max-height:90vh)
This commit is contained in:
@@ -21,7 +21,7 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div v-if="!isDestroyPopup">
|
<div v-if="!isDestroyPopup" style="max-height: 90vh">
|
||||||
<van-popup v-model="isPopupOpen" round position="bottom" @closed="()=>{isDestroyPopup = true}">
|
<van-popup v-model="isPopupOpen" round position="bottom" @closed="()=>{isDestroyPopup = true}">
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</van-popup>
|
</van-popup>
|
||||||
|
|||||||
@@ -29,7 +29,7 @@
|
|||||||
<van-button block type="danger" @click="handleApplyNow">立即投保</van-button>
|
<van-button block type="danger" @click="handleApplyNow">立即投保</van-button>
|
||||||
</div>
|
</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="保费试算" />
|
<title-bar :value.sync="isShowCalculatePremium" title="保费试算" />
|
||||||
<CalculatePremium :productDTOS="itemProductDTOS" />
|
<CalculatePremium :productDTOS="itemProductDTOS" />
|
||||||
</van-popup>
|
</van-popup>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="calculate-premium-container pt10 pb100 redRadioCheckbox">
|
<div class="calculate-premium-container pt10 redRadioCheckbox">
|
||||||
<div class="flex align-items-c">
|
<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>
|
<h4 class="ml5">保费试算</h4>
|
||||||
</div>
|
</div>
|
||||||
<template v-if="personMessageInfo">
|
<template v-if="personMessageInfo">
|
||||||
|
|||||||
Reference in New Issue
Block a user