Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
307f5bf0 by simon
Options

默认提交

1 parent e2055e2b
Inline Side-by-side
Showing 4 changed files with 22 additions and 6 deletions
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
43 justify-content: flex-start; 43 justify-content: flex-start;
44 align-items: center; 44 align-items: center;
45 padding: 162px 100px; 45 padding: 162px 100px;
46 max-height:534px; 46 max-height: 534px;
47 47
48 .info-icon { 48 .info-icon {
49 width: 210px; 49 width: 210px;
......
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <div class="content clarms" v-else> 19 <div class="content clarms" v-else>
20 <div class="clarms-cont"> 20 <div class="clarms-cont">
21 <clarms-modal-one v-if="showModal1" @close="showModal1 = false" :type="modelType"></clarms-modal-one> 21 <clarms-modal-one v-if="showModal1" @close="showModal1 = false" :type="modelType"></clarms-modal-one>
22 <clarms-modal-two @close="showModal2 = false"></clarms-modal-two> 22 <clarms-modal-two v-if="showModal2" @close="showModal2 = false"></clarms-modal-two>
23 <div class="mobile-margin"> 23 <div class="mobile-margin">
24 24
25 <template v-if="step == 1"> 25 <template v-if="step == 1">
......
...@@ -41,6 +41,7 @@ ...@@ -41,6 +41,7 @@
41 position: relative; 41 position: relative;
42 margin-bottom: 2.333333rem; 42 margin-bottom: 2.333333rem;
43 padding: 0 1.25rem; 43 padding: 0 1.25rem;
44 height: auto;
44 45
45 .label { 46 .label {
46 color: #f05a23; 47 color: #f05a23;
...@@ -49,6 +50,18 @@ ...@@ -49,6 +50,18 @@
49 50
50 margin-bottom: .7rem; 51 margin-bottom: .7rem;
51 52
53 .fla2{
54 @extend .bb;
55 flex-wrap: wrap;
56 justify-content: flex-end;
57 flex: 1;
58
59 }
60
61 .fla3{
62
63 }
64
52 .icon { 65 .icon {
53 width: 2.166667rem; 66 width: 2.166667rem;
54 display: flex; 67 display: flex;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <template> 2 <template>
3 <div> 3 <div>
4 <auth @onLogin="userLogin" @onLogout="userLogout" :checkProfile="true" ref="auth" :tipModel="'m2'"></auth> 4 <auth @onLogin="userLogin" @onLogout="userLogout" :checkProfile="true" ref="auth" :tipModel="'m2'"></auth>
5 <modal-upload-card-comp :visible="modalUploadCardVisiable" :show-confirm="true" @close="modalUploadCardVisiable=false" @onSubmit="handleUpdatePolicyWithFile" ></modal-upload-card-comp> 5 <modal-upload-card-comp :visible="modalUploadCardVisiable" :show-confirm="true" @close="modalUploadCardVisiable=false" @onSubmit="handleUpdatePolicyWithFile"></modal-upload-card-comp>
6 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> 6 <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp>
7 <template v-if="showForm"> 7 <template v-if="showForm">
8 8
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
39 <div class="fla"> 39 <div class="fla">
40 <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-info.png"></div>{{$t('policyChangeInformation.sex')}} 40 <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-info.png"></div>{{$t('policyChangeInformation.sex')}}
41 </div> 41 </div>
42 <div class="fla"> 42 <div class="fla fla2">
43 <span class="icon icon2"><img src="@/assets/images/policy-change-information/icon-pci-notice.png"></span> 43 <span class="icon icon2"><img src="@/assets/images/policy-change-information/icon-pci-notice.png"></span>
44 <span class="t1">{{$t('policyChangeInformation.modifyTips1')}}</span>&nbsp; 44 <span class="t1">{{$t('policyChangeInformation.modifyTips1')}}</span>&nbsp;
45 <span class="t2" @click="toContactUs()">{{$t('policyChangeInformation.modifyTips2')}}</span> 45 <span class="t2" @click="toContactUs()">{{$t('policyChangeInformation.modifyTips2')}}</span>
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
62 <div class="fla"> 62 <div class="fla">
63 <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-date.png"></div>{{$t('policyChangeInformation.birth')}} 63 <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-date.png"></div>{{$t('policyChangeInformation.birth')}}
64 </div> 64 </div>
65 <div class="fla"> 65 <div class="fla fla2">
66 <div class="icon icon2"><img src="@/assets/images/policy-change-information/icon-pci-notice.png"></div> 66 <div class="icon icon2"><img src="@/assets/images/policy-change-information/icon-pci-notice.png"></div>
67 <span class="t1">{{$t('policyChangeInformation.modifyTips1')}}</span>&nbsp; 67 <span class="t1">{{$t('policyChangeInformation.modifyTips1')}}</span>&nbsp;
68 <span class="t2" @click="toContactUs()">{{$t('policyChangeInformation.modifyTips2')}}</span> 68 <span class="t2" @click="toContactUs()">{{$t('policyChangeInformation.modifyTips2')}}</span>
...@@ -76,7 +76,11 @@ ...@@ -76,7 +76,11 @@
76 <!-- 4 --> 76 <!-- 4 -->
77 <div class="pure-u-1 pure-u-md-1-2 form-item"> 77 <div class="pure-u-1 pure-u-md-1-2 form-item">
78 <div class="label"> 78 <div class="label">
79 <div class="fla fla3">
80 <!-- <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-date.png"></div>{{$t('policyChangeInformation.birth')}} -->
79 <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-card.png"></div>{{$t('policyChangeInformation.type')}} 81 <div class="icon"><img src="@/assets/images/policy-change-information/icon-pci-card.png"></div>{{$t('policyChangeInformation.type')}}
82 <div v-if="locale == 'en'"><br>&nbsp;</div>
83 </div>
80 </div> 84 </div>
81 <div class="ipt-wrap"> 85 <div class="ipt-wrap">
82 <div class="down-arrow"></div> 86 <div class="down-arrow"></div>
...@@ -142,7 +146,6 @@ ...@@ -142,7 +146,6 @@
142 </div> 146 </div>
143 <div class="ipt-wrap"> 147 <div class="ipt-wrap">
144 <div class="down-arrow"></div> 148 <div class="down-arrow"></div>
145
146 <!-- <input class="ipt" type="text" v-model="data.marriage"> --> 149 <!-- <input class="ipt" type="text" v-model="data.marriage"> -->
147 <el-select class="ipt" v-model="data.marriage"> 150 <el-select class="ipt" v-model="data.marriage">
148 <el-option v-for="(item,index) in marryList" :key="index" :value="item.v" :label="item.n"></el-option> 151 <el-option v-for="(item,index) in marryList" :key="index" :value="item.v" :label="item.n"></el-option>
......