Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
5b4c368c by simon
Options

no message

1 parent c82939ca
Inline Side-by-side
Showing 4 changed files with 64 additions and 64 deletions
...@@ -115,4 +115,4 @@ ...@@ -115,4 +115,4 @@
115 border-bottom:none; 115 border-bottom:none;
116 } 116 }
117 117
118 }
...\ No newline at end of file ...\ No newline at end of file
118 }
......
...@@ -306,4 +306,4 @@ ...@@ -306,4 +306,4 @@
306 <script src="./insurance-query.js"></script> 306 <script src="./insurance-query.js"></script>
307 <style lang="scss" scoped> 307 <style lang="scss" scoped>
308 @import "./insurance-query.scss"; 308 @import "./insurance-query.scss";
309 </style>
...\ No newline at end of file ...\ No newline at end of file
309 </style>
......
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
90 .min-panel { 90 .min-panel {
91 margin-left: .666667rem; 91 margin-left: .666667rem;
92 width: 1.166667rem; 92 width: 1.166667rem;
93 93
94 .item { 94 .item {
95 width: 1.166667rem ; 95 width: 1.166667rem ;
96 height: 6rem; 96 height: 6rem;
...@@ -115,7 +115,7 @@ ...@@ -115,7 +115,7 @@
115 .panel { 115 .panel {
116 display: none; 116 display: none;
117 } 117 }
118 118
119 .activity { 119 .activity {
120 display: block !important; 120 display: block !important;
121 } 121 }
...@@ -123,4 +123,4 @@ ...@@ -123,4 +123,4 @@
123 123
124 .empty-line { 124 .empty-line {
125 height: 1.333333rem /* 16/12 */; 125 height: 1.333333rem /* 16/12 */;
126 }
...\ No newline at end of file ...\ No newline at end of file
126 }
......
1 <template> 1 <template>
2 <div class="content"> 2 <div class="content">
3 3
4 <div class="left-panel"> 4 <div class="left-panel">
5 <div class="menu-item" :class="{activity : activity == 'm1'}" @click="activity = 'm1'"> 5 <div class="menu-item" :class="{activity : activity == 'm1'}" @click="activity = 'm1'">
6 <i class="m1"></i>{{$t('customService.menu1')}} 6 <i class="m1"></i>{{$t('customService.menu1')}}
7 <div></div> 7 <div></div>
8 </div> 8 </div>
9 <div class="separator"></div> 9 <div class="separator"></div>
10 <div class="menu-item" :class="{activity : activity == 'm2'}" @click="activity = 'm2'"> 10 <div class="menu-item" :class="{activity : activity == 'm2'}" @click="activity = 'm2'">
11 <i class="m2"></i>{{$t('customService.menu2')}} 11 <i class="m2"></i>{{$t('customService.menu2')}}
12 </div> 12 </div>
13 <div class="separator"></div> 13 <div class="separator"></div>
14 <div class="menu-item" :class="{activity : activity == 'm3'}" @click="activity = 'm3'"> 14 <div class="menu-item" :class="{activity : activity == 'm3'}" @click="activity = 'm3'">
15 <i class="m3"></i>{{$t('customService.menu3')}} 15 <i class="m3"></i>{{$t('customService.menu3')}}
16 </div> 16 </div>
17 <div class="separator"></div> 17 <div class="separator"></div>
18 <div class="menu-item" :class="{activity : activity == 'm4'}" @click="activity = 'm4'"> 18 <div class="menu-item" :class="{activity : activity == 'm4'}" @click="activity = 'm4'">
19 <i class="m4"></i>{{$t('customService.menu4')}} 19 <i class="m4"></i>{{$t('customService.menu4')}}
20 </div> 20 </div>
21 <div class="separator"></div> 21 <div class="separator"></div>
22 <div class="menu-item" :class="{activity : activity == 'm5'}" @click="activity = 'm5'"> 22 <div class="menu-item" :class="{activity : activity == 'm5'}" @click="activity = 'm5'">
23 <i class="m5"></i>{{$t('customService.menu5')}} 23 <i class="m5"></i>{{$t('customService.menu5')}}
24 </div> 24 </div>
25 <div class="separator"></div> 25 <div class="separator"></div>
26 <div class="menu-item" :class="{activity : activity == 'm6'}" @click="activity = 'm6'"> 26 <div class="menu-item" :class="{activity : activity == 'm6'}" @click="activity = 'm6'">
27 <i class="m6"></i>{{$t('customService.menu6')}} 27 <i class="m6"></i>{{$t('customService.menu6')}}
28 </div> 28 </div>
29 </div> 29 </div>
30 <div class="min-panel"> 30 <div class="min-panel">
31 <div class="item" :class="{activity : activity == 'm1'}"> 31 <div class="item" :class="{activity : activity == 'm1'}">
32 <div class="triangle"></div> 32 <div class="triangle"></div>
33 </div> 33 </div>
34 <div class="item" :class="{activity : activity == 'm2'}"> 34 <div class="item" :class="{activity : activity == 'm2'}">
35 <div class="triangle"></div> 35 <div class="triangle"></div>
36 </div> 36 </div>
37 <div class="item" :class="{activity : activity == 'm3'}"> 37 <div class="item" :class="{activity : activity == 'm3'}">
38 <div class="triangle"></div> 38 <div class="triangle"></div>
39 </div> 39 </div>
40 <div class="item" :class="{activity : activity == 'm4'}"> 40 <div class="item" :class="{activity : activity == 'm4'}">
41 <div class="triangle"></div> 41 <div class="triangle"></div>
42 </div> 42 </div>
43 <div class="item" :class="{activity : activity == 'm5'}"> 43 <div class="item" :class="{activity : activity == 'm5'}">
44 <div class="triangle"></div> 44 <div class="triangle"></div>
45 </div> 45 </div>
46 <div class="item" :class="{activity : activity == 'm6'}"> 46 <div class="item" :class="{activity : activity == 'm6'}">
47 <div class="triangle"></div> 47 <div class="triangle"></div>
48 </div> 48 </div>
49 </div> 49 </div>
50 <div class="right-panel"> 50 <div class="right-panel">
51 <div class="panel" :class="{activity : activity == 'm1'}"> 51 <div class="panel" :class="{activity : activity == 'm1'}">
52 <insurance-query></insurance-query> 52 <insurance-query></insurance-query>
53 <div class="empty-line"></div> 53 <div class="empty-line"></div>
54 </div> 54 </div>
55 <div class="panel" :class="{activity : activity == 'm2'}">m2</div> 55 <div class="panel" :class="{activity : activity == 'm2'}">m2</div>
56 <div class="panel" :class="{activity : activity == 'm3'}">m3</div> 56 <div class="panel" :class="{activity : activity == 'm3'}">m3</div>
57 <div class="panel" :class="{activity : activity == 'm4'}">m4</div> 57 <div class="panel" :class="{activity : activity == 'm4'}">m4</div>
58 <div class="panel" :class="{activity : activity == 'm5'}">m5</div> 58 <div class="panel" :class="{activity : activity == 'm5'}">m5</div>
59 <div class="panel" :class="{activity : activity == 'm6'}">m6</div> 59 <div class="panel" :class="{activity : activity == 'm6'}">m6</div>
60 </div> 60 </div>
61 </div> 61 </div>
62 </template> 62 </template>
63 63
64 64
......