Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
7b0bf45f by joe
Options

首頁還原、LOGO替換、菜單修正

1 parent 3d86d114
Inline Side-by-side
Showing 9 changed files with 47 additions and 40 deletions
...@@ -312,7 +312,8 @@ textarea { ...@@ -312,7 +312,8 @@ textarea {
312 } 312 }
313 313
314 .box-w { 314 .box-w {
315 max-width: 1024px; 315 // max-width: 1024px;
316 max-width: 950px;
316 width: 100%; 317 width: 100%;
317 margin: 0 auto; 318 margin: 0 auto;
318 } 319 }
......

3.36 KB | W: | H:

4.97 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
...@@ -13,14 +13,13 @@ module.exports = { ...@@ -13,14 +13,13 @@ module.exports = {
13 name: "login", 13 name: "login",
14 path: "", 14 path: "",
15 list: [{ 15 list: [{
16 name: "login",
17 path: "/login",
18 value: ""
19 },
20 {
21 name: "register", 16 name: "register",
22 path: "/register", 17 path: "/register",
23 value: "" 18 value: ""
19 },{
20 name: "login",
21 path: "/login",
22 value: ""
24 }, 23 },
25 { 24 {
26 name: "modify password", 25 name: "modify password",
......
...@@ -13,14 +13,13 @@ module.exports = { ...@@ -13,14 +13,13 @@ module.exports = {
13 name: "登入", 13 name: "登入",
14 path: "", 14 path: "",
15 list: [{ 15 list: [{
16 name: "登入",
17 path: "/login",
18 value: ""
19 },
20 {
21 name: "註冊", 16 name: "註冊",
22 path: "/register", 17 path: "/register",
23 value: "" 18 value: ""
19 },{
20 name: "登入",
21 path: "/login",
22 value: ""
24 }, 23 },
25 { 24 {
26 name: "修改密碼", 25 name: "修改密碼",
......
...@@ -13,14 +13,13 @@ module.exports = { ...@@ -13,14 +13,13 @@ module.exports = {
13 name: "登陆", 13 name: "登陆",
14 path: "", 14 path: "",
15 list: [{ 15 list: [{
16 name: "登陆",
17 path: "/login",
18 value: ""
19 },
20 {
21 name: "注册", 16 name: "注册",
22 path: "/retister", 17 path: "/retister",
23 value: "" 18 value: ""
19 },{
20 name: "登陆",
21 path: "/login",
22 value: ""
24 }, 23 },
25 { 24 {
26 name: "修改密码", 25 name: "修改密码",
......
...@@ -9,10 +9,10 @@ export default { ...@@ -9,10 +9,10 @@ export default {
9 return { 9 return {
10 key: 'value', 10 key: 'value',
11 swiperOption: { 11 swiperOption: {
12 // navigation: { 12 navigation: {
13 // nextEl: '.swiper-button-next', 13 nextEl: '.swiper-button-next',
14 // prevEl: '.swiper-button-prev' 14 prevEl: '.swiper-button-prev'
15 // }, 15 },
16 pagination: { 16 pagination: {
17 el: '.swiper-pagination', 17 el: '.swiper-pagination',
18 // renderBullet(index, className) { 18 // renderBullet(index, className) {
......
...@@ -16,16 +16,23 @@ ...@@ -16,16 +16,23 @@
16 16
17 // banner 轮播 17 // banner 轮播
18 .banner-contaner { 18 .banner-contaner {
19 height: 360px; 19 // height: 360px;
20 // 匹配父容器
21 position: relative;
22 width: 100%;
23 overflow: hidden;
24 height: 250px;
20 } 25 }
21 26
22 .banner { 27 .banner {
23 // box-shadow: 0 0 1.75rem 0 rgba(255, 87, 0, 0.1); 28 // box-shadow: 0 0 1.75rem 0 rgba(255, 87, 0, 0.1);
24 position: absolute; 29 position: absolute;
25 left: 50%; 30 left: 50%;
26 margin-left: -960px; 31 // width: 1920px;
32 // margin-left: -960px;
27 top: 0; 33 top: 0;
28 width: 1920px; 34 width: 1024px;
35 margin-left: -512px;
29 height: 100%; 36 height: 100%;
30 overflow: hidden; 37 overflow: hidden;
31 &-img { 38 &-img {
...@@ -42,7 +49,9 @@ ...@@ -42,7 +49,9 @@
42 // width: auto; 49 // width: auto;
43 text-align: center; 50 text-align: center;
44 justify-content: space-between; 51 justify-content: space-between;
45 max-width: 1200px; 52 max-width: 85.333333rem /* 1024/12 */;
53 // max-width: 1200px;
54
46 55
47 56
48 &-item { 57 &-item {
......
1 1
2 <template> 2 <template>
3 <div> 3 <div>
4 <div class="banner-contaner">
5 <!-- banner 轮播 -->
6 <div class="banner">
7 <swiper :options="swiperOption">
8 <swiper-slide>
9 <img class="banner-img" src="@/assets/images/index/banner-01.jpg">
10 </swiper-slide>
11 <swiper-slide>
12 <img class="banner-img" src="@/assets/images/index/banner-02.jpg">
13 </swiper-slide>
14 <div class="swiper-button-prev" slot="button-prev"></div>
15 <div class="swiper-button-next" slot="button-next"></div>
16 <div class="swiper-pagination" slot="pagination"></div>
17 </swiper>
18 </div>
19 </div>
20 <div class="content"> 4 <div class="content">
5 <div class="banner-contaner">
6 <!-- banner 轮播 -->
7 <div class="banner">
8 <swiper :options="swiperOption">
9 <swiper-slide>
10 <img class="banner-img" src="@/assets/images/index/banner.png">
11 </swiper-slide>
12 <swiper-slide>
13 <img class="banner-img" src="@/assets/images/index/banner.png">
14 </swiper-slide>
15 <div class="swiper-button-prev" slot="button-prev"></div>
16 <div class="swiper-button-next" slot="button-next"></div>
17 <div class="swiper-pagination" slot="pagination"></div>
18 </swiper>
19 </div>
20 </div>
21 <!-- 推荐产品 --> 21 <!-- 推荐产品 -->
22 <div class="box recommend"> 22 <div class="box recommend">
23 <div class="recommend-item"> 23 <div class="recommend-item">
......