diff --git a/src/assets/images/home/case1.png b/src/assets/images/home/case1.png new file mode 100644 index 0000000..9f99a8c --- /dev/null +++ b/src/assets/images/home/case1.png diff --git a/src/assets/images/home/case2.png b/src/assets/images/home/case2.png new file mode 100644 index 0000000..8d5524c --- /dev/null +++ b/src/assets/images/home/case2.png diff --git a/src/assets/images/home/case3.png b/src/assets/images/home/case3.png new file mode 100644 index 0000000..5f757c0 --- /dev/null +++ b/src/assets/images/home/case3.png diff --git a/src/assets/images/home/case4.png b/src/assets/images/home/case4.png new file mode 100644 index 0000000..349d9e7 --- /dev/null +++ b/src/assets/images/home/case4.png diff --git a/src/assets/images/home/case5.png b/src/assets/images/home/case5.png new file mode 100644 index 0000000..6e549ac --- /dev/null +++ b/src/assets/images/home/case5.png diff --git a/src/assets/images/home/case6.png b/src/assets/images/home/case6.png new file mode 100644 index 0000000..2a71871 --- /dev/null +++ b/src/assets/images/home/case6.png diff --git a/src/views/home/index.vue b/src/views/home/index.vue index f1e10af..8205400 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -53,13 +53,69 @@
经典案例
@@ -203,7 +259,7 @@ export default { left: 0; } .case-wrapper{ - height: 1300px; + height: 1600px; background: url("../../assets/images/home/case-bg.png") no-repeat; background-size:100% 772px; } @@ -215,8 +271,27 @@ export default { float: left; width: 460px; height: 357px; - background: #0C51C0; transition: ALL 0.4s ease-in-out; + background: #FFF; + font-size: 20px; + color: #333; + } + .case-main li img{ + width: 100%; + height: 100%; + } + .case-main li p{ + padding: 60px 0 50px 50px; + font-size: 30px; + } + .case-main li div{ + padding-left: 50px; + padding-right: 20px; + font-size: 20px; + } + .case-main li div span{ + display: block; + margin-bottom: 20px; } .case-main li:hover{ transform: scale(1.2);