Skip to content

M
mongo-ui
Commit ea397006 authored by 郝聪敏's avatar 郝聪敏
Browse files
Options

fix: 修改个人中心文案

parent 09c4be59
Hide whitespace changes
Inline Side-by-side
Showing with 82 additions and 25 deletions
src/views/Policy/Detail/index.less
View file @ ea397006
...@@ -75,6 +75,7 @@ ...@@ -75,6 +75,7 @@
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
padding-bottom: 49px;
.Pdb-status { .Pdb-status {
margin: 32px 0 5px 20px; margin: 32px 0 5px 20px;
font-size: 28px; font-size: 28px;
...@@ -82,7 +83,7 @@ ...@@ -82,7 +83,7 @@
color: #333333; color: #333333;
line-height: 40px; line-height: 40px;
} }
.Pdb-payment { .Pdb-tips {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
...@@ -105,6 +106,37 @@ ...@@ -105,6 +106,37 @@
height: 12px; height: 12px;
} }
} }
.Pdb-payment {
margin: 0 16px 10px;
padding: 20px;
&-title {
margin-bottom: 16px;
font-size: 18px;
font-weight: 600;
color: #242629;
line-height: 24px;
}
&-content {
margin-bottom: 17px;
.Pdbp-content-item {
display: flex;
align-items: center;
.Pdbpc-item-svg {
margin-right: 8px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #FFC842;
}
.Pdbpc-item-text {
font-size: 14px;
font-weight: 400;
color: #999999;
line-height: 24px;
}
}
}
}
.Pdb-insurance { .Pdb-insurance {
margin: 0 16px 10px; margin: 0 16px 10px;
padding: 20px; padding: 20px;
...@@ -211,17 +243,24 @@ ...@@ -211,17 +243,24 @@
} }
} }
.Pdb-operation { .Pdb-operation {
display: flex;
justify-content: space-around;
margin-bottom: 14px;
&-item { &-item {
display: flex; display: flex;
justify-content: space-around; justify-content: space-between;
&-svg { align-items: center;
margin-right: 12px; width: 84px;
.Pdbo-item-svg {
// margin-right: 12px;
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
&-text { .Pdbo-item-text {
font-size: 14px;
font-weight: 400;
color: #999999;
line-height: 20px;
} }
} }
} }
......
src/views/Policy/Detail/index.vue
View file @ ea397006
...@@ -2,9 +2,27 @@ ...@@ -2,9 +2,27 @@
<div class="policy-detail"> <div class="policy-detail">
<div class="policy-detail-body"> <div class="policy-detail-body">
<p class="Pdb-status">保障中</p> <p class="Pdb-status">保障中</p>
<div class="Pdb-tips">
<span class="Pdb-tips-text">缴费记录</span>
<svg-icon class-name="Pdb-tips-svg" icon-class="payment-record" />
</div>
<div class="Pdb-payment"> <div class="Pdb-payment">
<span class="Pdb-payment-text">缴费记录</span> <p class="Pdb-payment-title">保障将在XX天后失效，请立即缴费</p>
<svg-icon class-name="Pdb-payment-svg" icon-class="payment-record" /> <div class="Pdb-payment-content">
<div class="Pdbp-content-item">
<svg-icon class-name="Pdbpc-item-svg" icon-class="check-circle" />
<span class="Pdbpc-item-text">无需次年自己手动操作续保</span>
</div>
<div class="Pdbp-content-item">
<svg-icon class-name="Pdbpc-item-svg" icon-class="check-circle" />
<span class="Pdbpc-item-text">本功能无额外费用，可随时取消</span>
</div>
<div class="Pdbp-content-item">
<svg-icon class-name="Pdbpc-item-svg" icon-class="check-circle" />
<span class="Pdbpc-item-text">续保保费按照续保应交保费，自动扣款</span>
</div>
</div>
<cr-button class="Pdb-payment--button">立即缴费</cr-button>
</div> </div>
<div class="Pdb-insurance"> <div class="Pdb-insurance">
<p class="Pdb-insurance-name">国民保·百万医疗险</p> <p class="Pdb-insurance-name">国民保·百万医疗险</p>
...@@ -111,7 +129,7 @@ ...@@ -111,7 +129,7 @@
<span class="Pdbo-item-text">返回首页</span> <span class="Pdbo-item-text">返回首页</span>
</div> </div>
</div> </div>
<insurance-recommend /> <insurance-recommend class="Pdb-recommend" />
</div> </div>
</div> </div>
</template> </template>
......
src/views/User/index.vue
View file @ ea397006
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
<div class="user-service"> <div class="user-service">
<p class="user-service-title">我的服务</p> <p class="user-service-title">我的服务</p>
<div class="user-service-main" @click="go('', true)"> <div class="user-service-main" @click="go('', true)">
<cr-cell title="帮助中" :icon="help" class="user-service-main-item"> <cr-cell title="帮助中心" :icon="help" class="user-service-main-item">
<svg-icon slot="right-icon" icon-class="arrow" class-name="user-service-main-item-svg" /> <svg-icon slot="right-icon" icon-class="arrow" class-name="user-service-main-item-svg" />
</cr-cell> </cr-cell>
<cr-cell title="客服电话" :icon="customerService" class="user-service-main-item"> <cr-cell title="客服电话" :icon="customerService" class="user-service-main-item">
......
src/views/User/modules/UserFamily.vue
View file @ ea397006
...@@ -27,13 +27,24 @@ ...@@ -27,13 +27,24 @@
<cr-image round width="" height="" class="user-family-insurance-item-left" :src="medical" /> <cr-image round width="" height="" class="user-family-insurance-item-left" :src="medical" />
<div class="user-family-insurance-item-middle"> <div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main"> <div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万医疗险</span> <span class="Ufii-middle-main-title">医疗保障</span>
<!-- <span class="status">保障中</span> --> <!-- <span class="status">保障中</span> -->
</div> </div>
<div class="Ufii-middle-footer">看病报销医药费,最高600万</div> <div class="Ufii-middle-footer">看病报销医药费,最高600万</div>
</div> </div>
<p class="user-family-insurance-item-right">开启保障</p> <p class="user-family-insurance-item-right">开启保障</p>
</div> </div>
<div class="user-family-insurance-item">
<cr-image round width="" height="" class="user-family-insurance-item-left" :src="illness" />
<div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">重疾保障</span>
<!-- <span class="status">保障中</span> -->
</div>
<div class="Ufii-middle-footer">100种重症+40种轻症</div>
</div>
<p class="user-family-insurance-item-right">开启保障</p>
</div>
<div class="user-family-insurance-item"> <div class="user-family-insurance-item">
<cr-image <cr-image
round round
...@@ -45,7 +56,7 @@ ...@@ -45,7 +56,7 @@
<!-- user-family-insurance-item-middle_enable 保障中 --> <!-- user-family-insurance-item-middle_enable 保障中 -->
<div class="user-family-insurance-item-middle"> <div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main"> <div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万意外险</span> <span class="Ufii-middle-main-title">意外保障</span>
<!-- <span class="Ufii-middle-main-status">保障中</span> --> <!-- <span class="Ufii-middle-main-status">保障中</span> -->
</div> </div>
<div class="Ufii-middle-footer">意外风险覆盖全,最高100万保额</div> <div class="Ufii-middle-footer">意外风险覆盖全,最高100万保额</div>
...@@ -56,24 +67,13 @@ ...@@ -56,24 +67,13 @@
<cr-image round width="" height="" class="user-family-insurance-item-left" :src="illness" /> <cr-image round width="" height="" class="user-family-insurance-item-left" :src="illness" />
<div class="user-family-insurance-item-middle"> <div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main"> <div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万寿险</span> <span class="Ufii-middle-main-title">人寿保障</span>
<!-- <span class="status">保障中</span> --> <!-- <span class="status">保障中</span> -->
</div> </div>
<div class="Ufii-middle-footer">最高350万保额,顶梁柱必备</div> <div class="Ufii-middle-footer">最高350万保额,顶梁柱必备</div>
</div> </div>
<p class="user-family-insurance-item-right">开启保障</p> <p class="user-family-insurance-item-right">开启保障</p>
</div> </div>
<div class="user-family-insurance-item">
<cr-image round width="" height="" class="user-family-insurance-item-left" :src="illness" />
<div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万重疾险</span>
<!-- <span class="status">保障中</span> -->
</div>
<div class="Ufii-middle-footer">100种重症+40种轻症</div>
</div>
<p class="user-family-insurance-item-right">开启保障</p>
</div>
</div> </div>
</div> </div>
</template> </template>
......
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