Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
371319e4 by simon
Options

默认提交

1 parent 6de6090a
Expand all
Inline Side-by-side
Showing 5 changed files with 47 additions and 18 deletions
...@@ -57,9 +57,7 @@ input { ...@@ -57,9 +57,7 @@ input {
57 57
58 .reservation-container-2 { 58 .reservation-container-2 {
59 @extend .bb; 59 @extend .bb;
60 background-color: #ffffff;
61 padding: 20px 100px 72px; 60 padding: 20px 100px 72px;
62 border-radius: 16px;
63 61
64 .clarms-border { 62 .clarms-border {
65 position: relative; 63 position: relative;
...@@ -145,9 +143,31 @@ input { ...@@ -145,9 +143,31 @@ input {
145 } 143 }
146 144
147 img { 145 img {
148 // width: 1.666667rem; 146 width: 23px;
147 pointer-events: none;
148 }
149
150
151
152 .check-border {
153 @extend .fcc;
149 width: 32px; 154 width: 32px;
155 height: 32px;
156 @include border-tans($borderRadius);
157
158 .check {
159 background: url('~@/assets/images/vhis/vhis-tick.png') center no-repeat;
160 @extend .bis;
161 width: 22px;
162 height: 17px;
163 }
164 }
165
166 .uncheck-border {
167 background: transparent;
168 border-color: $cFontGray2;
150 } 169 }
170
151 } 171 }
152 172
153 .item-group { 173 .item-group {
......
...@@ -44,25 +44,31 @@ ...@@ -44,25 +44,31 @@
44 <div class="value"> 44 <div class="value">
45 <div class="ipt-wrap item-group"> 45 <div class="ipt-wrap item-group">
46 <div class="check-item pointer" v-if="typeCandidates.indexOf('1') > -1" @click="typeClickHandle('1')"> 46 <div class="check-item pointer" v-if="typeCandidates.indexOf('1') > -1" @click="typeClickHandle('1')">
47 <img v-if="typeSelected.indexOf('1') > -1" src="@/assets/images/clarms/checked.png"> 47 <div class="check-border">
48 <img v-else src="@/assets/images/clarms/uncheck.png"> 48 <div class="check" v-if="typeSelected.indexOf('1') > -1"></div>
49 </div>
49 <span>{{$t('clarms.step2.op1')}}</span> 50 <span>{{$t('clarms.step2.op1')}}</span>
50 </div> 51 </div>
51 <div class="check-item pointer" v-if="typeCandidates.indexOf('2') > -1" @click="typeClickHandle('2')"> 52 <div class="check-item pointer" v-if="typeCandidates.indexOf('2') > -1" @click="typeClickHandle('2')">
52 <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png"> 53 <!-- <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png">
53 <img v-else src="@/assets/images/clarms/uncheck.png"> 54 <img v-else src="@/assets/images/clarms/uncheck.png"> -->
55 <div class="check-border">
56 <div class="check" v-if="typeSelected.indexOf('2') > -1"></div>
57 </div>
54 <span>{{$t('clarms.step2.op3')}}</span> 58 <span>{{$t('clarms.step2.op3')}}</span>
55 </div> 59 </div>
56 <div class="check-item check-disabled"> 60 <div class="check-item check-disabled">
57 <img src="@/assets/images/clarms/uncheck-disabled.png"> 61 <div class="check-border uncheck-border"></div>
58 <span>{{$t('clarms.step2.op2')}}</span> 62 <span>{{$t('clarms.step2.op2')}}</span>
59 </div> 63 </div>
60 <div class="check-item check-disabled"> 64 <div class="check-item check-disabled">
61 <img src="@/assets/images/clarms/uncheck-disabled.png"> 65 <!-- <img src="@/assets/images/clarms/uncheck-disabled.png"> -->
66 <div class="check-border uncheck-border"></div>
62 <span>{{$t('clarms.step2.op4')}}</span> 67 <span>{{$t('clarms.step2.op4')}}</span>
63 </div> 68 </div>
64 <div class="check-item check-disabled"> 69 <div class="check-item check-disabled">
65 <img src="@/assets/images/clarms/uncheck-disabled.png"> 70 <!-- <img src="@/assets/images/clarms/uncheck-disabled.png"> -->
71 <div class="check-border uncheck-border"></div>
66 <span>{{$t('clarms.step2.op5')}}</span> 72 <span>{{$t('clarms.step2.op5')}}</span>
67 </div> 73 </div>
68 </div> 74 </div>
...@@ -137,7 +143,7 @@ ...@@ -137,7 +143,7 @@
137 </template> 143 </template>
138 </div> 144 </div>
139 <template v-if="data.contactDate && data.policyDateLegal"> 145 <template v-if="data.contactDate && data.policyDateLegal">
140 <!-- <template v-if="1>0"> --> 146 <!-- <template v-if="1>0"> -->
141 <hr class="hr2" v-if="data.amount > 0"> 147 <hr class="hr2" v-if="data.amount > 0">
142 <div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div> 148 <div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div>
143 <div class="bottom-tip gray3 mt10">{{$t('clarms.step2.tip1')}}</div> 149 <div class="bottom-tip gray3 mt10">{{$t('clarms.step2.tip1')}}</div>
...@@ -156,7 +162,10 @@ ...@@ -156,7 +162,10 @@
156 <van-loading v-if="loading" /> {{$t('clarms.step2.btn')}} 162 <van-loading v-if="loading" /> {{$t('clarms.step2.btn')}}
157 </div> 163 </div>
158 164
159 <div class="contact" v-if="!showTips" @click="toContact"><span>{{$t('clarms.step2.contact2')}}</span><span class="underline">{{$t('clarms.step2.contact')}}</span></div> 165 <div class="contact" v-if="!showTips" @click="toContact">
166 <span>{{$t('clarms.step2.contact2')}}</span>
167 <span class="underline">{{$t('clarms.step2.contact')}}</span>
168 </div>
160 169
161 <div class="fail-tips" v-if="showTips"> 170 <div class="fail-tips" v-if="showTips">
162 <img class="icon" src="@/assets/images/common/icon-alert-i.png" alt=""> 171 <img class="icon" src="@/assets/images/common/icon-alert-i.png" alt="">
......
...@@ -31,8 +31,8 @@ $borderRadius:6px; ...@@ -31,8 +31,8 @@ $borderRadius:6px;
31 31
32 .reservation-container { 32 .reservation-container {
33 @extend .bb; 33 @extend .bb;
34 border-radius: $borderRadius; 34 // border-radius: $borderRadius;
35 background-color: #ffffff; 35 // background-color: #ffffff;
36 padding: 60px 82px 68px; 36 padding: 60px 82px 68px;
37 37
38 .title { 38 .title {
......
...@@ -82,8 +82,8 @@ input { ...@@ -82,8 +82,8 @@ input {
82 82
83 .reservation-container { 83 .reservation-container {
84 @extend .bb; 84 @extend .bb;
85 background-color: #ffffff; 85 // background-color: #ffffff;
86 border-radius: 20px; 86 // border-radius: 20px;
87 87
88 .title { 88 .title {
89 font-size: 1.333333rem; 89 font-size: 1.333333rem;
...@@ -127,8 +127,8 @@ input { ...@@ -127,8 +127,8 @@ input {
127 127
128 .reservation-container-2 { 128 .reservation-container-2 {
129 @extend .bb; 129 @extend .bb;
130 background-color: #ffffff; 130 // background-color: #ffffff;
131 border-radius: 20px; 131 // border-radius: 20px;
132 132
133 .title { 133 .title {
134 font-size: 1.333333rem; 134 font-size: 1.333333rem;
......