Commit fe64a9e5 authored by 郭志伟's avatar 郭志伟

feat: 详情样式调整

parent fffdc5e4
...@@ -38,6 +38,7 @@ ...@@ -38,6 +38,7 @@
background-color: @gray-1; background-color: @gray-1;
border-radius: @border-radius-md; border-radius: @border-radius-md;
margin-bottom: 12px; margin-bottom: 12px;
align-items: center;
&::after { &::after {
display: none; display: none;
} }
......
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<h5 class="card-title">开通次年自动续保</h5> <h5 class="card-title">开通次年自动续保</h5>
<cr-tag type="warning">小果建议您开通</cr-tag> <cr-tag type="warning">小果建议您开通</cr-tag>
<div class="insure-form-switch-option"> <div class="insure-form-switch-option">
<span class="insure-form-switch-label">开通</span> <span class="insure-form-switch-label">{{ formData.auto ? "" : "" }}开通</span>
<cr-switch v-model="formData.auto" active-color="#FFC842" size="23.5px" /> <cr-switch v-model="formData.auto" active-color="#FFC842" size="23.5px" />
</div> </div>
</div> </div>
...@@ -176,27 +176,36 @@ export default { ...@@ -176,27 +176,36 @@ export default {
popupShow: false, popupShow: false,
currentPupopIndex: null, currentPupopIndex: null,
popupArray: [ popupArray: [
{ title: "保险条款", url: "http://pages.xyqb.com/p/d3c0c8d6-ddea-4335-8aaf-f09dafc580e9/" }, {
{ title: "健康告知", url: "http://pages.xyqb.com/p/d3c0c8d6-ddea-4335-8aaf-f09dafc580e9/" }, title: "保险条款",
url: "http://mangguo-contract.qthbx.com/taikang-bao-xian-tiao-kuan-v1/"
},
{
title: "健康告知",
url: "http://mangguo-contract.qthbx.com/taikang-jian-kang-gao-zhi-v1/"
},
{ {
title: "投保须知及声明", title: "投保须知及声明",
url: "http://pages.xyqb.com/p/d3c0c8d6-ddea-4335-8aaf-f09dafc580e9/" url: "http://mangguo-contract.qthbx.com/taikang-toubaoxuzhi-v1/"
}, },
{ {
title: "平台服务协议", title: "平台服务协议",
url: "http://pages.xyqb.com/p/d3c0c8d6-ddea-4335-8aaf-f09dafc580e9/" url: "http://mangguo-contract.qthbx.com/fu-wu-xie-yi-v1/"
}, },
{ title: "保险计划" }, { title: "保险计划" },
{ title: "保险计划" }, { title: "保险计划" },
{ title: "完整费率" }, { title: "完整费率" },
{ title: "自动续保", url: "http://pages.xyqb.com/p/d3c0c8d6-ddea-4335-8aaf-f09dafc580e9/" } {
title: "自动续保服务协议",
url: "http://pages.xyqb.com/p/d3c0c8d6-ddea-4335-8aaf-f09dafc580e9/"
}
], ],
formData: { formData: {
planValue: "3", planValue: "3",
insured: "1", insured: "1",
payway: "1", payway: "1",
auto: true, auto: false,
pact: true pact: false
}, },
goInsureState: false goInsureState: false
}; };
......
<template> <template>
<div class="container"> <div class="container">
<cr-sticky class="goods-head"> <!-- <cr-sticky class="goods-head">
<cr-tabbar v-model="active" active-color="#333" inactive-color="#666"> <cr-tabbar v-model="active" active-color="#333" inactive-color="#666">
<cr-tabbar-item>全部</cr-tabbar-item> <cr-tabbar-item>全部</cr-tabbar-item>
<cr-tabbar-item>成人</cr-tabbar-item> <cr-tabbar-item>成人</cr-tabbar-item>
<cr-tabbar-item>老年</cr-tabbar-item> <cr-tabbar-item>老年</cr-tabbar-item>
<cr-tabbar-item>少儿</cr-tabbar-item> <cr-tabbar-item>少儿</cr-tabbar-item>
</cr-tabbar> </cr-tabbar>
</cr-sticky> </cr-sticky> -->
<good-list :list="goodsList" /> <good-list :list="goodsList" />
<ai-test-tip /> <ai-test-tip />
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment