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 58 additions and 50 deletions
......@@ -144,14 +144,16 @@ input {
display: flex;
align-items: center;
margin-right: 60px;
margin-bottom: .833333rem;
// margin-bottom: .833333rem;
margin-bottom: 24px;
span {
margin-left: 20px;
}
img {
width: 1.666667rem;
// width: 1.666667rem;
width: 32px;
}
}
......@@ -174,6 +176,10 @@ input {
margin-top: 48px;
}
.mt24{
margin-top: 24px;
}
.mt10 {
margin-top: 24px;
}
......@@ -185,11 +191,13 @@ input {
align-items: center;
span {
margin-left: 1.3rem;
// margin-left: 1.3rem;
margin-left: 24px;
}
img {
width: 1.3rem;
// width: 1.3rem;
width: 22px;
}
}
......@@ -203,6 +211,7 @@ input {
justify-content: flex-start;
align-items: center;
img {
width: 2rem;
}
......@@ -215,6 +224,10 @@ input {
}
}
.tips2{
margin-top: -12px;
}
.contact {
text-align: center;
cursor: pointer;
......
......@@ -20,7 +20,7 @@
<span class="t1">{{$t('clarms.step2.label1')}}</span>
<div class="clarms-border">
<div class="down-arrow"></div>
<el-select class="clarms-select" v-model="data.insuredIndex" :placeholder="$t('clarms.step2.placeHolder1')">
<el-select style="text-align: center;" class="clarms-select" v-model="data.insuredIndex" :placeholder="$t('clarms.step2.placeHolder1')">
<template v-if="lan == 'en'">
<el-option v-for="(item,index) in insuredList" :key="index" :label="item.insuredNameEn" :value="index + 1">
</el-option>
......@@ -56,8 +56,6 @@
</div>
<div class="check-item check-disabled">
<img src="@/assets/images/clarms/uncheck-disabled.png">
<!-- <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png">
<img v-else src="@/assets/images/clarms/uncheck.png"> -->
<span>{{$t('clarms.step2.op2')}}</span>
</div>
<div class="check-item check-disabled">
......@@ -69,7 +67,7 @@
<span>{{$t('clarms.step2.op5')}}</span>
</div>
</div>
<div class="tips"><img src="@/assets/images/clarms/impor.png">
<div v-if="typeSelected.indexOf('1') > -1 || typeSelected.indexOf('2') > -1" class="tips tips2"><img src="@/assets/images/clarms/impor.png">
<span>{{$t('clarms.step2.label5')}}</span>
</div>
</div>
......@@ -105,7 +103,7 @@
<div class="down-arrow"></div>
<div class="cont">
<div class="ipt-date">
<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>
<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>
</div>
</div>
</div>
......@@ -121,7 +119,7 @@
</div>
<div class="value">
<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>
<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>
<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>
</div>
</div>
......@@ -133,8 +131,8 @@
</div>
<div class="value">
<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>
<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>
<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>
<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>
<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>
</div>
</div>
</template>
......@@ -185,8 +183,9 @@
.clarms-plugins-material {
.clarms-select {
.el-input__inner {
height: 58px;
border-radius: 8px;
height: 58px;
border-radius: 8px;
text-align: center;
}
}
}
......
@import '@/styles/_support';
.comp {
position: fixed;
top: 0;
......@@ -9,7 +10,7 @@
height: 100%;
@extend .fcc;
text-align: center;
font-size: 22px;
font-size: 28px;
}
.overlay {
......@@ -33,20 +34,19 @@
.modal {
position: relative;
@extend .bb;
width: 800px;
width: 1000px;
border-radius: 16px;
background-color: #ffffff;
padding: 3.5rem 2rem 2.5rem;
.content {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 10rem 8.333333rem;
padding: 162px 100px;
.info-icon {
width: 10rem;
min-width: 10rem;
width: 210px;
min-width: 210px;
img {
width: 100%;
......@@ -54,11 +54,11 @@
}
.message {
margin-left: 32px;
margin-left: 48px;
// font-size: 1.333333rem;
font-weight: 600;
color: $cOrange;
letter-spacing: .083333rem;
font-weight: bold;
color: $cOrange2;
letter-spacing: 1.4px;
text-align: left;
line-height: 1.5;
......
......@@ -9,7 +9,7 @@
height: 100%;
@extend .fcc;
text-align: center;
font-size: 22px;
font-size: 28px;
}
.overlay {
......@@ -33,21 +33,20 @@
.modal {
position: relative;
@extend .bb;
width: 800px;
width: 1000px;
border-radius: 16px;
background-color: #ffffff;
padding: 3.5rem 2rem 2.5rem;
.content {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 10rem 8.333333rem;
padding: 162px 60px 162px 60px;
.info-icon {
width: 10rem;
min-width: 10rem;
width: 210px;
min-width: 210px;
img {
width: 100%;
......@@ -55,11 +54,11 @@
}
.message {
margin-left: 32px;
margin-left: 48px;
// font-size: 1.333333rem;
font-weight: 600;
color: $cOrange;
letter-spacing: .083333rem;
font-weight: bold;
color: $cOrange2;
letter-spacing: 1.4px;
text-align: left;
line-height: 1.5;
......
......@@ -2,7 +2,7 @@
$borderSize: 8px;
.comp{
.comp {
font-size: 22px;
}
......@@ -18,8 +18,7 @@ $borderSize: 8px;
height: 100%;
border-radius: .416667rem;
background: #fff;
padding: 1.666667rem 2.5rem 0 2.5rem;
// padding: 1.666667rem 2.5rem;
padding: 40px 50px 20px 40px;
.clarms-tips {
top: 20px;
......@@ -55,7 +54,6 @@ $borderSize: 8px;
}
.clarms-icon {
width: 4.166667rem;
}
}
......@@ -65,19 +63,20 @@ $borderSize: 8px;
width: 100%;
.clarmsActivty {
color: #ffb31d !important;
// color: #ffb31d !important;
}
.clarms-t1 {
font-size: 22px;
color: #f15907;
letter-spacing: .166667rem;
letter-spacing: 1.1px;
color: $cOrange2;
}
.clarms-t2 {
color: #58595b;
letter-spacing: .166667rem;
letter-spacing: 0.9px;
font-size: 18px;
margin-top: 6px;
}
}
......@@ -89,14 +88,12 @@ $borderSize: 8px;
.clarms-btn {
background: url(~@/assets/images/clarms/button.png);
background-size: 100% 100%;
width: 10.583333rem !important;
height: 3rem;
width: 150px;
height: 50px;
line-height: 50px;
text-align: center;
line-height: 3rem;
color: white;
letter-spacing: .166667rem;
// font-size: 1.166667rem;
color: #ffffff;
letter-spacing: 1.1px;
font-size: 18px;
cursor: pointer;
}
......