Commit 897ae8e9 authored by 郭志伟's avatar 郭志伟 Committed by 郝聪敏

fix: 文本调整,样式问题修复

parent 76845ac3
...@@ -25,7 +25,7 @@ export default { ...@@ -25,7 +25,7 @@ export default {
line-height: @line-height-sm + 2; line-height: @line-height-sm + 2;
&-logo { &-logo {
text-align: center; text-align: center;
margin-bottom: 19px; margin-bottom: 10px;
img { img {
width: 111px; width: 111px;
height: 35px; height: 35px;
......
...@@ -6,7 +6,8 @@ ...@@ -6,7 +6,8 @@
} }
.container { .container {
background-color: @background-color; background-color: @background-color;
margin-bottom: 80px; margin-bottom: 60px;
overflow: hidden;
} }
.plan-tip { .plan-tip {
font-size: @font-size-11; font-size: @font-size-11;
...@@ -14,12 +15,12 @@ ...@@ -14,12 +15,12 @@
line-height: @line-height-sm; line-height: @line-height-sm;
margin-top: 14px; margin-top: 14px;
.svg-icon { .svg-icon {
margin-right: 1px; margin-right: 4px;
width: 12px; width: 12px;
height: 12px; height: 12px;
} }
&_offset { &_offset {
margin-right: 2px; margin-right: 9px;
} }
} }
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<compactCellGroup :cell-data="planCellData" :text-bold="true" /> <compactCellGroup :cell-data="planCellData" :text-bold="true" />
<div class="plan-tip"> <div class="plan-tip">
<svg-icon icon-class="check-circle" /> <svg-icon icon-class="check-circle" />
<span class="plan-tip_offset">垫付医药费轻症赔付后,重疾保障继续有效</span> <span class="plan-tip_offset">轻症赔付后,重疾保障继续有效</span>
<svg-icon icon-class="check-circle" /> <svg-icon icon-class="check-circle" />
<span>可逐年续保至99岁</span> <span>可逐年续保至99岁</span>
</div> </div>
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
</div> </div>
<detail-footer /> <detail-footer />
<copyright /> <copyright />
<good-action @click="goInsureState = true" /> <good-action @click="goInsureState = true" @leftClick="showLayer = true" />
<protocol-iframe <protocol-iframe
v-model="popupShow" v-model="popupShow"
:title="pupopData.title" :title="pupopData.title"
...@@ -101,6 +101,7 @@ ...@@ -101,6 +101,7 @@
<cps-process-detail v-if="currentPupopIndex === 5" /> <cps-process-detail v-if="currentPupopIndex === 5" />
<cps-rate v-if="currentPupopIndex === 6" /> <cps-rate v-if="currentPupopIndex === 6" />
</protocol-iframe> </protocol-iframe>
<record-layer v-model="showLayer" desc="敬请期待" />
<go-insure-dialog v-model="goInsureState" /> <go-insure-dialog v-model="goInsureState" />
</div> </div>
</template> </template>
...@@ -125,6 +126,7 @@ import crRadioBtn from "@/components/CrRadioBtn"; ...@@ -125,6 +126,7 @@ import crRadioBtn from "@/components/CrRadioBtn";
import card from "@/components/Card"; import card from "@/components/Card";
import copyright from "@/components/Copyright"; import copyright from "@/components/Copyright";
import goodAction from "@/components/GoodAction"; import goodAction from "@/components/GoodAction";
import RecordLayer from "@/components/RecordLayer";
export default { export default {
name: "GoodsDetail", name: "GoodsDetail",
...@@ -142,7 +144,8 @@ export default { ...@@ -142,7 +144,8 @@ export default {
goodAction, goodAction,
protocolIframe, protocolIframe,
cpsProcessDetail, cpsProcessDetail,
cpsRate cpsRate,
RecordLayer
}, },
data() { data() {
return { return {
...@@ -159,19 +162,6 @@ export default { ...@@ -159,19 +162,6 @@ export default {
value: "" value: ""
} }
], ],
noticeCellData: [
{ title: "投保年龄", value: "30~6周岁" },
{ title: "保障期限", value: "1年(可续保至99周岁)" },
{ title: "等待期", value: "90天" },
{
title: "保费",
value: {
needSlot: true,
tpl: "保费与保额、被保人年龄有关<br />首月3元,次月5.6元/月起",
longTxt: true
}
}
],
planOptions: [ planOptions: [
{ label: "30万", value: "3" }, { label: "30万", value: "3" },
{ label: "20万", value: "2" }, { label: "20万", value: "2" },
...@@ -221,7 +211,8 @@ export default { ...@@ -221,7 +211,8 @@ export default {
auto: false, auto: false,
pact: false pact: false
}, },
goInsureState: false goInsureState: false,
showLayer: false
}; };
}, },
computed: { computed: {
...@@ -266,6 +257,22 @@ export default { ...@@ -266,6 +257,22 @@ export default {
break; break;
} }
return _data; return _data;
},
noticeCellData() {
const { planValue } = this.formData;
return [
{ title: "投保年龄", value: `30~${planValue === "3" ? 5 : 6}0周岁` },
{ title: "保障期限", value: "1年(可续保至99周岁)" },
{ title: "等待期", value: "90天" },
{
title: "保费",
value: {
needSlot: true,
tpl: "保费与保额、被保人年龄有关<br />首月3元,次月5.6元/月起",
longTxt: true
}
}
];
} }
}, },
methods: { methods: {
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
.container { .container {
overflow: hidden; overflow: hidden;
background-color: @background-color; background-color: @background-color;
margin-bottom: 60px;
} }
.goods-head { .goods-head {
width: 100% !important; width: 100% !important;
......
...@@ -10,24 +10,27 @@ ...@@ -10,24 +10,27 @@
</cr-sticky> --> </cr-sticky> -->
<good-list :list="goodsList" /> <good-list :list="goodsList" />
<record-layer v-model="showLayer" desc="敬请期待"></record-layer> <record-layer v-model="showLayer" desc="敬请期待"></record-layer>
<ai-test-tip @click.native="showLayer = true" /> <!-- <ai-test-tip @click.native="showLayer = true" /> -->
<copyright :logo="true" />
<tabbar></tabbar> <tabbar></tabbar>
</div> </div>
</template> </template>
<script> <script>
import AiTestTip from "./modules/AiTestTip"; // import AiTestTip from "./modules/AiTestTip";
import GoodList from "@/components/GoodList/index"; import GoodList from "@/components/GoodList/index";
import Tabbar from "@/components/Tabbar"; import Tabbar from "@/components/Tabbar";
import goodsList from "@/api/goodsList.mock"; import goodsList from "@/api/goodsList.mock";
import copyright from "@/components/Copyright";
import RecordLayer from "@/components/RecordLayer"; import RecordLayer from "@/components/RecordLayer";
export default { export default {
name: "GoodsList", name: "GoodsList",
components: { components: {
AiTestTip, // AiTestTip,
GoodList, GoodList,
Tabbar, Tabbar,
copyright,
RecordLayer RecordLayer
}, },
data() { data() {
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
background-color: @white; background-color: @white;
padding-top: 15px; padding-top: 15px;
margin-bottom: 60px; margin-bottom: 60px;
overflow: hidden;
} }
.inform { .inform {
&-notice { &-notice {
......
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<cr-button type="warning" block @click="btnClick">立即开启保障</cr-button> <cr-button type="warning" block @click="btnClick">立即开启保障</cr-button>
<div class="det-hd-insured-people"> <div class="det-hd-insured-people">
已有 已有
<em>31492</em>位用户投保 <em>0</em>位用户投保
</div> </div>
</div> </div>
</div> </div>
......
...@@ -50,11 +50,11 @@ export default { ...@@ -50,11 +50,11 @@ export default {
return { return {
show: false, show: false,
payCellData: [ payCellData: [
{ title: "首月保费", value: "1" }, { title: "首月保费", value: "3" },
{ {
title: "次月保费", title: "次月保费",
value: { value: {
tpl: "100.00元/月(共11期)", tpl: "5.6元/月起(共11期)",
longTxt: true longTxt: true
} }
} }
......
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