Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
0ceee48c by simon
Options

默认提交

1 parent d8c888c3
Inline Side-by-side
Showing 7 changed files with 56 additions and 60 deletions
...@@ -471,12 +471,12 @@ textarea { ...@@ -471,12 +471,12 @@ textarea {
471 max-width: 100% !important; 471 max-width: 100% !important;
472 } 472 }
473 } 473 }
474 .page-vhis { 474 // .page-vhis {
475 .video-js { 475 // .video-js {
476 width: 100% !important; 476 // width: 100% !important;
477 max-width: 100% !important; 477 // max-width: 100% !important;
478 } 478 // }
479 } 479 // }
480 } 480 }
481 481
482 // @media (max-width: 768px) { 482 // @media (max-width: 768px) {
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 display: inline-block; 4 display: inline-block;
5 min-width: 10rem; 5 min-width: 10rem;
6 position: relative; 6 position: relative;
7 margin: 0 1rem; 7 margin: 0 1.1rem;
8 font-size: $fontSizeTitle; 8 font-size: $fontSizeTitle;
9 9
10 .list { 10 .list {
...@@ -104,12 +104,6 @@ ...@@ -104,12 +104,6 @@
104 .drop-list { 104 .drop-list {
105 margin: 0 28px; 105 margin: 0 28px;
106 min-width: 0; 106 min-width: 0;
107
108 // .list {
109 // width: 11rem;
110 // left: 50%;
111 // transform: translateX(-50%); //居中处理
112 // }
113 } 107 }
114 .drop-list:lang(en) { 108 .drop-list:lang(en) {
115 margin: 0 22px; 109 margin: 0 22px;
......
1 <template> 1 <template>
2 <div> 2 <div class="drop-list" :class="{'login':type=='login'}" @mouseover="onOverHandler($event)" @mouseout="onOutHandler($event)">
3 <div class="drop-list" :class="{'login':type=='login'}" @mouseover="onOverHandler($event)" @mouseout="onOutHandler($event)"> 3 <!-- 登陆下拉样式 -->
4 <!-- 登陆下拉样式 --> 4 <template v-if="type=='login'">
5 <template v-if="type=='login'"> 5 <div class="user" @click="onLoginHandler()">
6 <div class="user" @click="onLoginHandler()"> 6 <img class="icon-img" src="@/assets/images/home/icon-user.png">
7 <img class="icon-img" src="@/assets/images/home/icon-user.png"> 7 <span>{{dataObj.name}}</span>
8 <span>{{dataObj.name}}</span>
9 </div>
10 </template>
11 <!-- 其他下拉样式 -->
12 <template v-else>
13 <span @click="onNavHandler()">
14 {{type == "lang" ? sTitle : dataObj.name}}
15 </span>
16 </template>
17 <div class="list">
18 <div class="space"></div>
19 <ul ref="ul" v-dpl>
20 <li v-for="(item, index) in dataList" :key="index" @mousedown="onClickHandler($event,index)">{{item[labelProperty]}}</li>
21 </ul>
22 </div> 8 </div>
9 </template>
10 <!-- 其他下拉样式 -->
11 <template v-else>
12 <span @click="onNavHandler()">
13 {{type == "lang" ? sTitle : dataObj.name}}
14 </span>
15 </template>
16 <div class="list">
17 <div class="space"></div>
18 <ul ref="ul" v-dpl>
19 <li v-for="(item, index) in dataList" :key="index" @mousedown="onClickHandler($event,index)">{{item[labelProperty]}}</li>
20 </ul>
23 </div> 21 </div>
24 </div> 22 </div>
25 </template> 23 </template>
......
...@@ -26,7 +26,7 @@ $navHeiM: 6rem; ...@@ -26,7 +26,7 @@ $navHeiM: 6rem;
26 } 26 }
27 27
28 .logo-img { 28 .logo-img {
29 margin-right: 2rem; 29 margin-right: 3.6rem;
30 max-width: 17.75rem; 30 max-width: 17.75rem;
31 cursor: pointer; 31 cursor: pointer;
32 } 32 }
...@@ -62,30 +62,14 @@ $navHeiM: 6rem; ...@@ -62,30 +62,14 @@ $navHeiM: 6rem;
62 62
63 .nav-item.search { 63 .nav-item.search {
64 flex: 1 1 auto; 64 flex: 1 1 auto;
65 // width: 0;
66 } 65 }
67 66
68 .nav-item.auth { 67 .nav-item.auth {
69
70 color: #ffffff; 68 color: #ffffff;
71 69
72 .user {
73 width: 7.333333rem;
74 height: 2.25rem;
75 background-color: $cOrange;
76 border-radius: 1.333333rem;
77 display: flex;
78 align-items: center;
79 justify-content: center;
80 // margin-right: 2rem;
81
82 .icon-img {
83 margin: 0 .5rem;
84 }
85 }
86
87 .lang { 70 .lang {
88 color: $cOrange; 71 color: $cOrange;
72 min-width: 8rem;
89 } 73 }
90 } 74 }
91 } 75 }
...@@ -122,10 +106,24 @@ $navHeiM: 6rem; ...@@ -122,10 +106,24 @@ $navHeiM: 6rem;
122 106
123 107
124 @media (max-width: 1100px) { 108 @media (max-width: 1100px) {
109 .v-header {
110 .logo-img {
111 margin-right: 2rem;
112 }
113 }
114
125 .pc { 115 .pc {
116
126 .auth { 117 .auth {
127 margin-right: 20px; 118 margin-right: 20px;
128 } 119 }
120
121 .nav-item.auth {
122
123 .lang {
124 min-width: auto;
125 }
126 }
129 } 127 }
130 } 128 }
131 129
......
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
49 // top: 272px; 49 // top: 272px;
50 // left: 1228px; 50 // left: 1228px;
51 // top: 310px; 51 // top: 310px;
52 top : 295px; 52 top: 295px;
53 right: 432px; 53 right: 432px;
54 display: flex; 54 display: flex;
55 55
...@@ -74,7 +74,7 @@ ...@@ -74,7 +74,7 @@
74 width: 100%; 74 width: 100%;
75 } 75 }
76 76
77 .btn-wrap{ 77 .btn-wrap {
78 position: absolute; 78 position: absolute;
79 z-index: 1; 79 z-index: 1;
80 top: 87%; 80 top: 87%;
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
84 display: flex; 84 display: flex;
85 justify-content: center; 85 justify-content: center;
86 86
87 .banner-btn{ 87 .banner-btn {
88 @extend .pointer; 88 @extend .pointer;
89 padding: 0 12px; 89 padding: 0 12px;
90 color: $cOrange; 90 color: $cOrange;
...@@ -206,6 +206,7 @@ ...@@ -206,6 +206,7 @@
206 .swiper-container { 206 .swiper-container {
207 height: 100%; 207 height: 100%;
208 } 208 }
209
209 .swiper-pagination-fraction, 210 .swiper-pagination-fraction,
210 .swiper-pagination-custom, 211 .swiper-pagination-custom,
211 .swiper-container-horizontal>.swiper-pagination-bullets { 212 .swiper-container-horizontal>.swiper-pagination-bullets {
...@@ -252,6 +253,7 @@ ...@@ -252,6 +253,7 @@
252 width: 100%; 253 width: 100%;
253 } 254 }
254 255
256
255 .txt { 257 .txt {
256 padding: 0; 258 padding: 0;
257 margin: $marginSmall 0 $marginMedium; 259 margin: $marginSmall 0 $marginMedium;
......
...@@ -13,7 +13,7 @@ var UA = require("ua-device") ...@@ -13,7 +13,7 @@ var UA = require("ua-device")
13 export default { 13 export default {
14 data() { 14 data() {
15 return { 15 return {
16 key: '$750<br>每保单年度最多180日', 16 key: '',
17 // swiper 17 // swiper
18 swiperOption: { 18 swiperOption: {
19 navigation: { 19 navigation: {
...@@ -100,9 +100,9 @@ export default { ...@@ -100,9 +100,9 @@ export default {
100 let playerOptions = { 100 let playerOptions = {
101 // width: 800, 101 // width: 800,
102 // height: 450, 102 // height: 450,
103 width: 1200, 103 // width: 1200,
104 height: 675, 104 // height: 675,
105 // aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"） 105 aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
106 autoplay: false, //如果true,浏览器准备好时开始回放。 106 autoplay: false, //如果true,浏览器准备好时开始回放。
107 muted: true, // 默认情况下将会消除任何音频。 107 muted: true, // 默认情况下将会消除任何音频。
108 language: 'en', 108 language: 'en',
......
...@@ -291,7 +291,8 @@ $borderSize: 6px; ...@@ -291,7 +291,8 @@ $borderSize: 6px;
291 291
292 // 视频 292 // 视频
293 .video { 293 .video {
294 @extend .fcc; 294 // @extend .fcc;
295 position: relative;
295 margin: 72px auto 0; 296 margin: 72px auto 0;
296 } 297 }
297 298
...@@ -665,6 +666,9 @@ $borderSize: 6px; ...@@ -665,6 +666,9 @@ $borderSize: 6px;
665 background-color: $cOrange2; 666 background-color: $cOrange2;
666 } 667 }
667 668
669 .vjs-custom-skin {
670 width: 100%;
671 }
668 672
669 673
670 @media (max-width: 1200px) { 674 @media (max-width: 1200px) {
...@@ -673,7 +677,7 @@ $borderSize: 6px; ...@@ -673,7 +677,7 @@ $borderSize: 6px;
673 padding-bottom: $marginMedium-M; 677 padding-bottom: $marginMedium-M;
674 678
675 .vjs-custom-skin { 679 .vjs-custom-skin {
676 width: 100%; 680 // width: 100%;
677 } 681 }
678 682
679 .product { 683 .product {
......