Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
f224871b by joe
Options

1

1 parent 372effb7
Inline Side-by-side
Showing 5 changed files with 39 additions and 14 deletions
...@@ -27,6 +27,7 @@ export default { ...@@ -27,6 +27,7 @@ export default {
27 maxShow: 2, 27 maxShow: 2,
28 selectPolicyCode: "", 28 selectPolicyCode: "",
29 selectPolicyCodes: {}, 29 selectPolicyCodes: {},
30 hide : false
30 } 31 }
31 }, 32 },
32 computed: { 33 computed: {
......
...@@ -3,6 +3,27 @@ ...@@ -3,6 +3,27 @@
3 overflow-x: scroll; 3 overflow-x: scroll;
4 padding-bottom: 2rem; 4 padding-bottom: 2rem;
5 } 5 }
6
7
8 .table-contaner {
9 position: relative;
10 }
11
12 .guide {
13 position: absolute;
14 transition: all 0.5s;
15 cursor: pointer;
16 width: 1rem;
17 height: .666667rem;
18 background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center;
19 background-size: 100% 100%;
20 }
21
22 .rotate180 {
23 transform: rotate(180deg);
24 transition: all 0.5s;
25 }
26
6 .cell-group { 27 .cell-group {
7 margin-bottom: 1rem; 28 margin-bottom: 1rem;
8 29
......
1 <template> 1 <template>
2 <div class="list-container"> 2 <div class="list-container">
3 <div class="cell-group"> 3 <div class="cell-group">
4 <div class="table-header orange"> 4 <div class="table-contaner">
5 <div class="normal-header"> 5 <div class="table-header orange">
6 <div class="td w1">{{$t('customService.insuranceQuery.InsurantNumber')}}</div> 6 <div class="normal-header">
7 <div class="td w2">{{$t('customService.insuranceQuery.Insurant')}}</div> 7 <div class="td w1">{{$t('customService.insuranceQuery.InsurantNumber')}}</div>
8 <div class="td w1">{{$t('customService.insuranceQuery.InsurantName')}}</div> 8 <div class="td w2">{{$t('customService.insuranceQuery.Insurant')}}</div>
9 <div class="td w2">{{$t('customService.insuranceQuery.InsurantAmount')}}</div> 9 <div class="td w1">{{$t('customService.insuranceQuery.InsurantName')}}</div>
10 <div class="td w2">{{$t('customService.insuranceQuery.effectiveDate')}}</div> 10 <div class="td w2">{{$t('customService.insuranceQuery.InsurantAmount')}}</div>
11 <div class="td w2">{{$t('customService.insuranceQuery.period')}}</div> 11 <div class="td w2">{{$t('customService.insuranceQuery.effectiveDate')}}</div>
12 <div class="td w2">{{$t('customService.insuranceQuery.period')}}</div>
13 </div>
12 </div> 14 </div>
15 <div class="guide" :class="{rotate180 : hide}" @click="hide = !hide"></div>
13 </div> 16 </div>
14 <div class="table-content"> 17 <div class="table-content">
15 <template v-if="myPolicyList"> 18 <template v-if="myPolicyList">
......
...@@ -18,7 +18,7 @@ export default { ...@@ -18,7 +18,7 @@ export default {
18 return { 18 return {
19 loading: false, 19 loading: false,
20 key: 'value', 20 key: 'value',
21 type: 1, // 1:输入用户信息 2:找回密码 3:核对信息 4.重置密码 21 type: 1, // 1:输入用户信息 2:核对信息 3:找回密码 4.重置密码
22 values: { 22 values: {
23 cid: "", 23 cid: "",
24 }, 24 },
......
...@@ -33,9 +33,9 @@ ...@@ -33,9 +33,9 @@
33 33
34 .login { 34 .login {
35 @extend .bb; 35 @extend .bb;
36 padding: 2rem 6.25rem 4.5rem; 36 padding: 2rem 6.25rem 2rem;
37 border-bottom: solid 0.9rem $cGreen; 37 border-bottom: solid 0.9rem $cGreen;
38 height: 38rem; 38 // height: 38rem;
39 39
40 margin: auto; 40 margin: auto;
41 max-width: 51rem; 41 max-width: 51rem;
...@@ -106,10 +106,10 @@ ...@@ -106,10 +106,10 @@
106 @include btc2(17.25rem, 5.25rem, 16px); 106 @include btc2(17.25rem, 5.25rem, 16px);
107 margin: 4.166667rem auto 0; 107 margin: 4.166667rem auto 0;
108 letter-spacing: 1.6px; 108 letter-spacing: 1.6px;
109 position: absolute; 109 // position: absolute;
110 left: 0; 110 left: 0;
111 right: 0; 111 right: 0;
112 margin: 0 auto; 112 margin: 2rem auto 0;
113 bottom: 3rem; 113 bottom: 3rem;
114 } 114 }
115 115
...@@ -283,7 +283,7 @@ ...@@ -283,7 +283,7 @@
283 } 283 }
284 284
285 &-submit { 285 &-submit {
286 margin: 0 auto 0; 286 margin: 3.25rem auto 0;
287 width: 17.25rem; 287 width: 17.25rem;
288 height: 3.25rem; 288 height: 3.25rem;
289 line-height: 3.25rem; 289 line-height: 3.25rem;
......