Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
4b5df67e by simon
Options

默认提交

1 parent ccbfbd2a
Inline Side-by-side
Showing 6 changed files with 43 additions and 17 deletions
...@@ -837,6 +837,7 @@ module.exports = { ...@@ -837,6 +837,7 @@ module.exports = {
837 tip4: "contact customer service hotline" 837 tip4: "contact customer service hotline"
838 }, 838 },
839 clarms: { 839 clarms: {
840 title:"File a claim",
840 step1: { 841 step1: {
841 register: "Register", 842 register: "Register",
842 login: "Login", 843 login: "Login",
......
...@@ -832,6 +832,7 @@ module.exports = { ...@@ -832,6 +832,7 @@ module.exports = {
832 tip4: "我想聯絡客服" 832 tip4: "我想聯絡客服"
833 }, 833 },
834 clarms: { 834 clarms: {
835 title:"索償申請",
835 step1: { 836 step1: {
836 register: "註冊", 837 register: "註冊",
837 login: "登入", 838 login: "登入",
......
...@@ -834,6 +834,7 @@ module.exports = { ...@@ -834,6 +834,7 @@ module.exports = {
834 tip4: "我想联络客服" 834 tip4: "我想联络客服"
835 }, 835 },
836 clarms: { 836 clarms: {
837 title:"索偿申请",
837 step1: { 838 step1: {
838 register: "注册", 839 register: "注册",
839 login: "登入", 840 login: "登入",
......
...@@ -13,19 +13,21 @@ $borderSize: 8px; ...@@ -13,19 +13,21 @@ $borderSize: 8px;
13 background-image: linear-gradient(to right, #ffb31d, #f15907); 13 background-image: linear-gradient(to right, #ffb31d, #f15907);
14 14
15 .clarms-box { 15 .clarms-box {
16 @extend .bb;
16 position: relative; 17 position: relative;
17 width: 100%; 18 width: 100%;
18 height: 100%; 19 height: 100%;
19 border-radius: .416667rem; 20 border-radius: .416667rem;
20 background: #fff; 21 background: #fff;
21 padding: 40px 50px 20px 40px; 22 // padding: 40px 50px 20px 40px;
23 padding: 40px 0 20px;
22 24
23 .clarms-tips { 25 .clarms-tips {
24 top: 20px; 26 top: 40px;
25 left: 80px; 27 left: 98px;
26 position: absolute; 28 position: absolute;
27 z-index: 11; 29 z-index: 11;
28 border-radius: 2px; 30 border-radius: 4px;
29 padding: 2px; 31 padding: 2px;
30 background-image: linear-gradient(to right, #ffb31d, #f15907); 32 background-image: linear-gradient(to right, #ffb31d, #f15907);
31 max-width: 400px; 33 max-width: 400px;
...@@ -36,29 +38,36 @@ $borderSize: 8px; ...@@ -36,29 +38,36 @@ $borderSize: 8px;
36 width: 100%; 38 width: 100%;
37 height: 100%; 39 height: 100%;
38 background-color: #ffffff; 40 background-color: #ffffff;
39 border-radius: 2px;
40 font-size: 18px; 41 font-size: 18px;
42 border-radius: 4px;
41 } 43 }
42 } 44 }
43 45
44 .clarms-header { 46 .clarms-header {
45 display: flex; 47 display: flex;
46 align-items: center; 48 align-items: center;
47 padding-bottom: 1.666667rem; 49 padding-bottom: 20px;
50 padding-right: 40px;
48 51
49 .clarms-header-2 { 52 .clarms-header-2 {
50 position: relative; 53 position: relative;
51 flex-grow: 1; 54 flex-grow: 1;
52 display: flex; 55 display: flex;
53 align-items: center; 56 align-items: center;
54 } 57
55 58
56 .clarms-icon { 59 .clarms-icon {
60 @extend .fcc;
61 width: 182px;
62 height: 100%;
57 } 63 }
58 } 64 }
59 65
66
67 }
68
60 .clarms-title-container { 69 .clarms-title-container {
61 margin-left: 2.5rem; 70 // margin-left: 2.5rem;
62 flex-grow: 1; 71 flex-grow: 1;
63 width: 100%; 72 width: 100%;
64 73
...@@ -80,12 +89,11 @@ $borderSize: 8px; ...@@ -80,12 +89,11 @@ $borderSize: 8px;
80 } 89 }
81 } 90 }
82 91
83 hr { 92
84 margin: 0 .833333rem 1.666667rem .833333rem; 93
85 border-top: 1px solid #dddede;
86 }
87 94
88 .clarms-btn { 95 .clarms-btn {
96
89 background: url(~@/assets/images/clarms/button.png); 97 background: url(~@/assets/images/clarms/button.png);
90 background-size: 100% 100%; 98 background-size: 100% 100%;
91 width: 150px; 99 width: 150px;
...@@ -98,7 +106,20 @@ $borderSize: 8px; ...@@ -98,7 +106,20 @@ $borderSize: 8px;
98 cursor: pointer; 106 cursor: pointer;
99 } 107 }
100 108
109 .line {
110 @extend .bb;
111 padding: 0 24px;
112 }
113
114 hr {
115 border-top: 1px solid #dddede;
116 width: 100%;
117 margin-bottom: 20px;
118 }
119
101 .clarms-img-group { 120 .clarms-img-group {
121 @extend .bb;
122 padding: 0 28px;
102 display: flex; 123 display: flex;
103 flex-wrap: wrap; 124 flex-wrap: wrap;
104 125
......
...@@ -7,8 +7,8 @@ ...@@ -7,8 +7,8 @@
7 </div> 7 </div>
8 <div class="clarms-header"> 8 <div class="clarms-header">
9 <div class="clarms-header-2"> 9 <div class="clarms-header-2">
10 <div @mouseover="onShowTipsOverHandler($event)" @mouseout="onShowTipsOutHandler($event)"> 10 <div class="clarms-icon" @mouseover="onShowTipsOverHandler($event)" @mouseout="onShowTipsOutHandler($event)">
11 <img class="clarms-icon" :src='icon'> 11 <img :src='icon'>
12 </div> 12 </div>
13 <div class="clarms-title-container"> 13 <div class="clarms-title-container">
14 <div class="clarms-t1" :class="{clarmsActivty:images && images.length > 0}">{{options.name}}</div> 14 <div class="clarms-t1" :class="{clarmsActivty:images && images.length > 0}">{{options.name}}</div>
...@@ -20,7 +20,9 @@ ...@@ -20,7 +20,9 @@
20 </div> 20 </div>
21 </div> 21 </div>
22 <div v-if="images && images.length > 0"> 22 <div v-if="images && images.length > 0">
23 <div class="line">
23 <hr> 24 <hr>
25 </div>
24 <div class="clarms-img-group"> 26 <div class="clarms-img-group">
25 <div class="clarms-img-item-plugin" @mouseover="onOverHandler($event,item,index)" v-for="(item,index) in images" :key="index"> 27 <div class="clarms-img-item-plugin" @mouseover="onOverHandler($event,item,index)" v-for="(item,index) in images" :key="index">
26 <div class="clarms-img-item"> 28 <div class="clarms-img-item">
...@@ -39,7 +41,7 @@ ...@@ -39,7 +41,7 @@
39 </div> 41 </div>
40 </div> 42 </div>
41 </div> 43 </div>
42 <div class="clarms-empty-line"></div> 44 <!-- <div class="clarms-empty-line"></div> -->
43 </div> 45 </div>
44 </div> 46 </div>
45 </div> 47 </div>
......
...@@ -24,11 +24,11 @@ ...@@ -24,11 +24,11 @@
24 <div class="mobile-margin"> 24 <div class="mobile-margin">
25 25
26 <template v-if="step == 1"> 26 <template v-if="step == 1">
27 <clarms-verify-form @insuredInfoList="handleInsuredInfo"></clarms-verify-form> 27 <!-- <clarms-verify-form @insuredInfoList="handleInsuredInfo"></clarms-verify-form> -->
28 </template> 28 </template>
29 29
30 <template v-if="step == 2">
31 <clarms-material :insuredList="customerList" :cid="cid" @showModal="handleShowModal"></clarms-material> 30 <clarms-material :insuredList="customerList" :cid="cid" @showModal="handleShowModal"></clarms-material>
31 <template v-if="step == 2">
32 </template> 32 </template>
33 </div> 33 </div>
34 </div> 34 </div>
......