Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
e2055e2b by simon
Options

默认提交

1 parent 2f685537
Inline Side-by-side
Showing 14 changed files with 35 additions and 23 deletions
...@@ -27,3 +27,15 @@ npm run lint ...@@ -27,3 +27,15 @@ npm run lint
27 27
28 ### Customize configuration 28 ### Customize configuration
29 See [Configuration Reference](https://cli.vuejs.org/config/). 29 See [Configuration Reference](https://cli.vuejs.org/config/).
30
31
32
33
34
35 ### z-index权重划分
36
37 遮罩蒙层:5000
38 导航栏:3000
39 element-ui:2000+
40 自定义交互组件 如date-picker: 800-900
41 一般业务级:小于100
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 position: fixed; 5 position: fixed;
6 top: 0; 6 top: 0;
7 left: 0; 7 left: 0;
8 z-index: 999; 8 z-index: 5000;
9 width: 100%; 9 width: 100%;
10 height: 100%; 10 height: 100%;
11 @extend .fcc; 11 @extend .fcc;
...@@ -43,6 +43,7 @@ ...@@ -43,6 +43,7 @@
43 justify-content: flex-start; 43 justify-content: flex-start;
44 align-items: center; 44 align-items: center;
45 padding: 162px 100px; 45 padding: 162px 100px;
46 max-height:534px;
46 47
47 .info-icon { 48 .info-icon {
48 width: 210px; 49 width: 210px;
...@@ -92,9 +93,6 @@ ...@@ -92,9 +93,6 @@
92 } 93 }
93 94
94 @media (max-width: 1150px) { 95 @media (max-width: 1150px) {
95 .border {
96 width: 90%;
97 }
98 .close { 96 .close {
99 right: -15px; 97 right: -15px;
100 top: -55px; 98 top: -55px;
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 position: fixed; 4 position: fixed;
5 top: 0; 5 top: 0;
6 left: 0; 6 left: 0;
7 z-index: 999; 7 z-index: 5000;
8 width: 100%; 8 width: 100%;
9 height: 100%; 9 height: 100%;
10 @extend .fcc; 10 @extend .fcc;
...@@ -42,6 +42,7 @@ ...@@ -42,6 +42,7 @@
42 justify-content: flex-start; 42 justify-content: flex-start;
43 align-items: center; 43 align-items: center;
44 padding: 162px 60px 162px 60px; 44 padding: 162px 60px 162px 60px;
45 // max-height:534px;
45 46
46 47
47 .info-icon { 48 .info-icon {
...@@ -63,7 +64,7 @@ ...@@ -63,7 +64,7 @@
63 text-align: justify; 64 text-align: justify;
64 text-align-last: left; 65 text-align-last: left;
65 66
66 span { 67 .underline {
67 cursor: pointer; 68 cursor: pointer;
68 text-decoration: underline; 69 text-decoration: underline;
69 } 70 }
...@@ -92,9 +93,6 @@ ...@@ -92,9 +93,6 @@
92 93
93 94
94 @media (max-width: 1150px) { 95 @media (max-width: 1150px) {
95 .border {
96 width: 90%;
97 }
98 .close { 96 .close {
99 right: -15px; 97 right: -15px;
100 top: -55px; 98 top: -55px;
......
...@@ -9,9 +9,9 @@ ...@@ -9,9 +9,9 @@
9 <div class="info-icon"> 9 <div class="info-icon">
10 <img src="@/assets/images/clarms/suc.png"> 10 <img src="@/assets/images/clarms/suc.png">
11 </div> 11 </div>
12 <div class="message" :class="{'lsp':locale != 'en'}"> 12 <div class="message" :class="{'lsp':locale != 'en'}">
13 {{$t('clarms.step2.tip7')}} 13 <span v-html="$t('clarms.step2.tip7')">{{$t('clarms.step2.tip7')}}</span>
14 <span @click="toAccountInformation">{{$t('clarms.step2.tip8')}}</span> 14 <span class="underline" @click="toAccountInformation">{{$t('clarms.step2.tip8')}}</span>
15 </div> 15 </div>
16 </div> 16 </div>
17 </div> 17 </div>
......
...@@ -8,7 +8,7 @@ $navHeiM: 6rem; ...@@ -8,7 +8,7 @@ $navHeiM: 6rem;
8 background-color: #fff; 8 background-color: #fff;
9 color: $cFontGray; 9 color: $cFontGray;
10 position: relative; 10 position: relative;
11 z-index: 910; 11 z-index: 3000;
12 font-size: $fontSize; 12 font-size: $fontSize;
13 13
14 .header-container { 14 .header-container {
......
...@@ -18,14 +18,14 @@ ...@@ -18,14 +18,14 @@
18 width: 100%; 18 width: 100%;
19 height: 100%; 19 height: 100%;
20 position: fixed; 20 position: fixed;
21 z-index: 1001; 21 z-index: 5000;
22 left: 0; 22 left: 0;
23 top: 0; 23 top: 0;
24 } 24 }
25 25
26 .list { 26 .list {
27 position: relative; 27 position: relative;
28 z-index: 2001; 28 z-index: 5001;
29 padding: 0 20px; 29 padding: 0 20px;
30 // background-color: #ffffff; 30 // background-color: #ffffff;
31 } 31 }
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
33 // 国际化 33 // 国际化
34 .lang { 34 .lang {
35 position: relative; 35 position: relative;
36 z-index: 2002; 36 z-index: 5002;
37 display: flex; 37 display: flex;
38 background-color: #ffffff; 38 background-color: #ffffff;
39 padding: 20px 36px; 39 padding: 20px 36px;
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 position: fixed; 4 position: fixed;
5 top: 0; 5 top: 0;
6 left: 0; 6 left: 0;
7 z-index: 999; 7 z-index: 5000;
8 width: 100%; 8 width: 100%;
9 height: 100%; 9 height: 100%;
10 @extend .fcc; 10 @extend .fcc;
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 position: fixed; 4 position: fixed;
5 top: 0; 5 top: 0;
6 left: 0; 6 left: 0;
7 z-index: 999; 7 z-index: 5000;
8 width: 100%; 8 width: 100%;
9 height: 100%; 9 height: 100%;
10 @extend .fcc; 10 @extend .fcc;
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 position: fixed; 4 position: fixed;
5 top: 0; 5 top: 0;
6 left: 0; 6 left: 0;
7 z-index: 999; 7 z-index: 5000;
8 width: 100%; 8 width: 100%;
9 height: 100%; 9 height: 100%;
10 @extend .fcc; 10 @extend .fcc;
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 position: fixed; 4 position: fixed;
5 top: 0; 5 top: 0;
6 left: 0; 6 left: 0;
7 z-index: 999; 7 z-index: 5000;
8 width: 100%; 8 width: 100%;
9 height: 100%; 9 height: 100%;
10 @extend .fcc; 10 @extend .fcc;
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 position: fixed; 4 position: fixed;
5 top: 0; 5 top: 0;
6 left: 0; 6 left: 0;
7 z-index: 999; 7 z-index: 5000;
8 width: 100%; 8 width: 100%;
9 height: 100%; 9 height: 100%;
10 @extend .fcc; 10 @extend .fcc;
......
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <div class="content clarms" v-else> 19 <div class="content clarms" v-else>
20 <div class="clarms-cont"> 20 <div class="clarms-cont">
21 <clarms-modal-one v-if="showModal1" @close="showModal1 = false" :type="modelType"></clarms-modal-one> 21 <clarms-modal-one v-if="showModal1" @close="showModal1 = false" :type="modelType"></clarms-modal-one>
22 <clarms-modal-two v-if="showModal2" @close="showModal2 = false"></clarms-modal-two> 22 <clarms-modal-two @close="showModal2 = false"></clarms-modal-two>
23 <div class="mobile-margin"> 23 <div class="mobile-margin">
24 24
25 <template v-if="step == 1"> 25 <template v-if="step == 1">
......
...@@ -140,7 +140,7 @@ ...@@ -140,7 +140,7 @@
140 <span class="small">2</span> 140 <span class="small">2</span>
141 </div> 141 </div>
142 <ul> 142 <ul>
143 <li>若受保人於保單簽發日後一年內自殺， 將不能獲發身故賠償，但將獲退還於 現行保單保障期內所繳的總保費。 143 <li>若受保人於保單簽發日後一年內自殺， 將不能獲發身故賠償，但將獲退還於現行保單保障期內所繳的總保費。
144 </li> 144 </li>
145 </ul> 145 </ul>
146 146
......
...@@ -88,3 +88,7 @@ input { ...@@ -88,3 +88,7 @@ input {
88 text-align: justify; 88 text-align: justify;
89 text-align-last: left; 89 text-align-last: left;
90 } 90 }
91
92 .underline{
93 text-decoration:underline;
94 }
...\ No newline at end of file ...\ No newline at end of file
......