Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
73f51faa by simon
Options

默认提交

1 parent af155df4
Inline Side-by-side
Showing 5 changed files with 56 additions and 48 deletions
...@@ -144,14 +144,16 @@ input { ...@@ -144,14 +144,16 @@ input {
144 display: flex; 144 display: flex;
145 align-items: center; 145 align-items: center;
146 margin-right: 60px; 146 margin-right: 60px;
147 margin-bottom: .833333rem; 147 // margin-bottom: .833333rem;
148 margin-bottom: 24px;
148 149
149 span { 150 span {
150 margin-left: 20px; 151 margin-left: 20px;
151 } 152 }
152 153
153 img { 154 img {
154 width: 1.666667rem; 155 // width: 1.666667rem;
156 width: 32px;
155 } 157 }
156 } 158 }
157 159
...@@ -174,6 +176,10 @@ input { ...@@ -174,6 +176,10 @@ input {
174 margin-top: 48px; 176 margin-top: 48px;
175 } 177 }
176 178
179 .mt24{
180 margin-top: 24px;
181 }
182
177 .mt10 { 183 .mt10 {
178 margin-top: 24px; 184 margin-top: 24px;
179 } 185 }
...@@ -185,11 +191,13 @@ input { ...@@ -185,11 +191,13 @@ input {
185 align-items: center; 191 align-items: center;
186 192
187 span { 193 span {
188 margin-left: 1.3rem; 194 // margin-left: 1.3rem;
195 margin-left: 24px;
189 } 196 }
190 197
191 img { 198 img {
192 width: 1.3rem; 199 // width: 1.3rem;
200 width: 22px;
193 } 201 }
194 } 202 }
195 203
...@@ -203,6 +211,7 @@ input { ...@@ -203,6 +211,7 @@ input {
203 justify-content: flex-start; 211 justify-content: flex-start;
204 align-items: center; 212 align-items: center;
205 213
214
206 img { 215 img {
207 width: 2rem; 216 width: 2rem;
208 } 217 }
...@@ -215,6 +224,10 @@ input { ...@@ -215,6 +224,10 @@ input {
215 } 224 }
216 } 225 }
217 226
227 .tips2{
228 margin-top: -12px;
229 }
230
218 .contact { 231 .contact {
219 text-align: center; 232 text-align: center;
220 cursor: pointer; 233 cursor: pointer;
......
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
20 <span class="t1">{{$t('clarms.step2.label1')}}</span> 20 <span class="t1">{{$t('clarms.step2.label1')}}</span>
21 <div class="clarms-border"> 21 <div class="clarms-border">
22 <div class="down-arrow"></div> 22 <div class="down-arrow"></div>
23 <el-select class="clarms-select" v-model="data.insuredIndex" :placeholder="$t('clarms.step2.placeHolder1')"> 23 <el-select style="text-align: center;" class="clarms-select" v-model="data.insuredIndex" :placeholder="$t('clarms.step2.placeHolder1')">
24 <template v-if="lan == 'en'"> 24 <template v-if="lan == 'en'">
25 <el-option v-for="(item,index) in insuredList" :key="index" :label="item.insuredNameEn" :value="index + 1"> 25 <el-option v-for="(item,index) in insuredList" :key="index" :label="item.insuredNameEn" :value="index + 1">
26 </el-option> 26 </el-option>
...@@ -56,8 +56,6 @@ ...@@ -56,8 +56,6 @@
56 </div> 56 </div>
57 <div class="check-item check-disabled"> 57 <div class="check-item check-disabled">
58 <img src="@/assets/images/clarms/uncheck-disabled.png"> 58 <img src="@/assets/images/clarms/uncheck-disabled.png">
59 <!-- <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png">
60 <img v-else src="@/assets/images/clarms/uncheck.png"> -->
61 <span>{{$t('clarms.step2.op2')}}</span> 59 <span>{{$t('clarms.step2.op2')}}</span>
62 </div> 60 </div>
63 <div class="check-item check-disabled"> 61 <div class="check-item check-disabled">
...@@ -69,7 +67,7 @@ ...@@ -69,7 +67,7 @@
69 <span>{{$t('clarms.step2.op5')}}</span> 67 <span>{{$t('clarms.step2.op5')}}</span>
70 </div> 68 </div>
71 </div> 69 </div>
72 <div class="tips"><img src="@/assets/images/clarms/impor.png"> 70 <div v-if="typeSelected.indexOf('1') > -1 || typeSelected.indexOf('2') > -1" class="tips tips2"><img src="@/assets/images/clarms/impor.png">
73 <span>{{$t('clarms.step2.label5')}}</span> 71 <span>{{$t('clarms.step2.label5')}}</span>
74 </div> 72 </div>
75 </div> 73 </div>
...@@ -105,7 +103,7 @@ ...@@ -105,7 +103,7 @@
105 <div class="down-arrow"></div> 103 <div class="down-arrow"></div>
106 <div class="cont"> 104 <div class="cont">
107 <div class="ipt-date"> 105 <div class="ipt-date">
108 <date-picker v-model="data.contactDate" :filtModel="['future']" :check="checkDate" :cusStyle="{border:'none !important','background-color':'transparent !important', 'color':'#ff6839','font-weight':'600'}"></date-picker> 106 <date-picker v-model="data.contactDate" :filtModel="['future']" :check="checkDate" :cusStyle="{border:'none !important','background-color':'transparent !important','height':'58px', 'color':'#ff6839','font-weight':'bold','text-align': 'center'}"></date-picker>
109 </div> 107 </div>
110 </div> 108 </div>
111 </div> 109 </div>
...@@ -121,7 +119,7 @@ ...@@ -121,7 +119,7 @@
121 </div> 119 </div>
122 <div class="value"> 120 <div class="value">
123 <clarms-upload :icon="require('@/assets/images/clarms/icon1.png')" :options="{name:$t('clarms.step2.label11'),imageTypeID:'HT41',imageMainTypeID:'HT11',toast:$t('clarms.step2.toast1')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> 121 <clarms-upload :icon="require('@/assets/images/clarms/icon1.png')" :options="{name:$t('clarms.step2.label11'),imageTypeID:'HT41',imageMainTypeID:'HT11',toast:$t('clarms.step2.toast1')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
124 <clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon2.png')" :options="{name:$t('clarms.step2.label12'),imageTypeID:'HT26',imageMainTypeID:'HT06',toast:$t('clarms.step2.toast2')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> 122 <clarms-upload class="mt24" :icon="require('@/assets/images/clarms/icon2.png')" :options="{name:$t('clarms.step2.label12'),imageTypeID:'HT26',imageMainTypeID:'HT06',toast:$t('clarms.step2.toast2')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
125 </div> 123 </div>
126 </div> 124 </div>
127 125
...@@ -133,8 +131,8 @@ ...@@ -133,8 +131,8 @@
133 </div> 131 </div>
134 <div class="value"> 132 <div class="value">
135 <clarms-upload :icon="require('@/assets/images/clarms/icon3.png')" :options="{name:$t('clarms.step2.label14'),imageTypeID:'HT29',imageMainTypeID:'HT06',toast:$t('clarms.step2.toast3')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> 133 <clarms-upload :icon="require('@/assets/images/clarms/icon3.png')" :options="{name:$t('clarms.step2.label14'),imageTypeID:'HT29',imageMainTypeID:'HT06',toast:$t('clarms.step2.toast3')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
136 <clarms-upload id="sc" ref="sc" class="mt20" :icon="require('@/assets/images/clarms/icon4.png')" :options="{name:$t('clarms.step2.label15'),imageTypeID:'HT34',imageMainTypeID:'HT08',toast:$t('clarms.step2.toast4')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> 134 <clarms-upload id="sc" ref="sc" class="mt24" :icon="require('@/assets/images/clarms/icon4.png')" :options="{name:$t('clarms.step2.label15'),imageTypeID:'HT34',imageMainTypeID:'HT08',toast:$t('clarms.step2.toast4')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
137 <clarms-upload class="mt20" :icon="require('@/assets/images/clarms/icon5.png')" :options="{name:$t('clarms.step2.label16'),imageTypeID:'HT16',imageMainTypeID:'HT03',toast:$t('clarms.step2.toast5')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload> 135 <clarms-upload class="mt24" :icon="require('@/assets/images/clarms/icon5.png')" :options="{name:$t('clarms.step2.label16'),imageTypeID:'HT16',imageMainTypeID:'HT03',toast:$t('clarms.step2.toast5')}" @success="uploadSuccess" @beforeUpload="beforeUpload"></clarms-upload>
138 </div> 136 </div>
139 </div> 137 </div>
140 </template> 138 </template>
...@@ -187,6 +185,7 @@ ...@@ -187,6 +185,7 @@
187 .el-input__inner { 185 .el-input__inner {
188 height: 58px; 186 height: 58px;
189 border-radius: 8px; 187 border-radius: 8px;
188 text-align: center;
190 } 189 }
191 } 190 }
192 } 191 }
......
1 @import '@/styles/_support'; 1 @import '@/styles/_support';
2 2
3
3 .comp { 4 .comp {
4 position: fixed; 5 position: fixed;
5 top: 0; 6 top: 0;
...@@ -9,7 +10,7 @@ ...@@ -9,7 +10,7 @@
9 height: 100%; 10 height: 100%;
10 @extend .fcc; 11 @extend .fcc;
11 text-align: center; 12 text-align: center;
12 font-size: 22px; 13 font-size: 28px;
13 } 14 }
14 15
15 .overlay { 16 .overlay {
...@@ -33,20 +34,19 @@ ...@@ -33,20 +34,19 @@
33 .modal { 34 .modal {
34 position: relative; 35 position: relative;
35 @extend .bb; 36 @extend .bb;
36 width: 800px; 37 width: 1000px;
37 border-radius: 16px; 38 border-radius: 16px;
38 background-color: #ffffff; 39 background-color: #ffffff;
39 padding: 3.5rem 2rem 2.5rem;
40 40
41 .content { 41 .content {
42 display: flex; 42 display: flex;
43 justify-content: flex-start; 43 justify-content: flex-start;
44 align-items: center; 44 align-items: center;
45 padding: 10rem 8.333333rem; 45 padding: 162px 100px;
46 46
47 .info-icon { 47 .info-icon {
48 width: 10rem; 48 width: 210px;
49 min-width: 10rem; 49 min-width: 210px;
50 50
51 img { 51 img {
52 width: 100%; 52 width: 100%;
...@@ -54,11 +54,11 @@ ...@@ -54,11 +54,11 @@
54 } 54 }
55 55
56 .message { 56 .message {
57 margin-left: 32px; 57 margin-left: 48px;
58 // font-size: 1.333333rem; 58 // font-size: 1.333333rem;
59 font-weight: 600; 59 font-weight: bold;
60 color: $cOrange; 60 color: $cOrange2;
61 letter-spacing: .083333rem; 61 letter-spacing: 1.4px;
62 text-align: left; 62 text-align: left;
63 line-height: 1.5; 63 line-height: 1.5;
64 64
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 height: 100%; 9 height: 100%;
10 @extend .fcc; 10 @extend .fcc;
11 text-align: center; 11 text-align: center;
12 font-size: 22px; 12 font-size: 28px;
13 } 13 }
14 14
15 .overlay { 15 .overlay {
...@@ -33,21 +33,20 @@ ...@@ -33,21 +33,20 @@
33 .modal { 33 .modal {
34 position: relative; 34 position: relative;
35 @extend .bb; 35 @extend .bb;
36 width: 800px; 36 width: 1000px;
37 border-radius: 16px; 37 border-radius: 16px;
38 background-color: #ffffff; 38 background-color: #ffffff;
39 padding: 3.5rem 2rem 2.5rem;
40
41 39
42 .content { 40 .content {
43 display: flex; 41 display: flex;
44 justify-content: flex-start; 42 justify-content: flex-start;
45 align-items: center; 43 align-items: center;
46 padding: 10rem 8.333333rem; 44 padding: 162px 60px 162px 60px;
45
47 46
48 .info-icon { 47 .info-icon {
49 width: 10rem; 48 width: 210px;
50 min-width: 10rem; 49 min-width: 210px;
51 50
52 img { 51 img {
53 width: 100%; 52 width: 100%;
...@@ -55,11 +54,11 @@ ...@@ -55,11 +54,11 @@
55 } 54 }
56 55
57 .message { 56 .message {
58 margin-left: 32px; 57 margin-left: 48px;
59 // font-size: 1.333333rem; 58 // font-size: 1.333333rem;
60 font-weight: 600; 59 font-weight: bold;
61 color: $cOrange; 60 color: $cOrange2;
62 letter-spacing: .083333rem; 61 letter-spacing: 1.4px;
63 text-align: left; 62 text-align: left;
64 line-height: 1.5; 63 line-height: 1.5;
65 64
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 2
3 $borderSize: 8px; 3 $borderSize: 8px;
4 4
5 .comp{ 5 .comp {
6 font-size: 22px; 6 font-size: 22px;
7 } 7 }
8 8
...@@ -18,8 +18,7 @@ $borderSize: 8px; ...@@ -18,8 +18,7 @@ $borderSize: 8px;
18 height: 100%; 18 height: 100%;
19 border-radius: .416667rem; 19 border-radius: .416667rem;
20 background: #fff; 20 background: #fff;
21 padding: 1.666667rem 2.5rem 0 2.5rem; 21 padding: 40px 50px 20px 40px;
22 // padding: 1.666667rem 2.5rem;
23 22
24 .clarms-tips { 23 .clarms-tips {
25 top: 20px; 24 top: 20px;
...@@ -55,7 +54,6 @@ $borderSize: 8px; ...@@ -55,7 +54,6 @@ $borderSize: 8px;
55 } 54 }
56 55
57 .clarms-icon { 56 .clarms-icon {
58 width: 4.166667rem;
59 } 57 }
60 } 58 }
61 59
...@@ -65,19 +63,20 @@ $borderSize: 8px; ...@@ -65,19 +63,20 @@ $borderSize: 8px;
65 width: 100%; 63 width: 100%;
66 64
67 .clarmsActivty { 65 .clarmsActivty {
68 color: #ffb31d !important; 66 // color: #ffb31d !important;
69 } 67 }
70 68
71 .clarms-t1 { 69 .clarms-t1 {
72 font-size: 22px; 70 font-size: 22px;
73 color: #f15907; 71 letter-spacing: 1.1px;
74 letter-spacing: .166667rem; 72 color: $cOrange2;
75 } 73 }
76 74
77 .clarms-t2 { 75 .clarms-t2 {
78 color: #58595b; 76 color: #58595b;
79 letter-spacing: .166667rem; 77 letter-spacing: 0.9px;
80 font-size: 18px; 78 font-size: 18px;
79 margin-top: 6px;
81 } 80 }
82 } 81 }
83 82
...@@ -89,14 +88,12 @@ $borderSize: 8px; ...@@ -89,14 +88,12 @@ $borderSize: 8px;
89 .clarms-btn { 88 .clarms-btn {
90 background: url(~@/assets/images/clarms/button.png); 89 background: url(~@/assets/images/clarms/button.png);
91 background-size: 100% 100%; 90 background-size: 100% 100%;
92 width: 10.583333rem !important; 91 width: 150px;
93 height: 3rem; 92 height: 50px;
94 93 line-height: 50px;
95 text-align: center; 94 text-align: center;
96 line-height: 3rem; 95 color: #ffffff;
97 color: white; 96 letter-spacing: 1.1px;
98 letter-spacing: .166667rem;
99 // font-size: 1.166667rem;
100 font-size: 18px; 97 font-size: 18px;
101 cursor: pointer; 98 cursor: pointer;
102 } 99 }
......