diff --git a/src/views/Footer.vue b/src/views/Footer.vue index 12eba37..2aeb143 100644 --- a/src/views/Footer.vue +++ b/src/views/Footer.vue @@ -34,7 +34,7 @@ 桂ICP备2024040484号-1 - 桂公网安备45088105000134号 diff --git a/src/views/index/slider.vue b/src/views/index/slider.vue index 9c9b035..03d5f9d 100644 --- a/src/views/index/slider.vue +++ b/src/views/index/slider.vue @@ -3,6 +3,11 @@
+
+

小发同城

+

店铺商家火热招募中

+

开店成本低 0元开店

+
免费开店 @@ -230,23 +235,53 @@ const formatter2 = (value: number) => { width: 100%; } +.text{ + display: none; + color: #fff; + margin-bottom: 20px; + + h2{ + font-size: 55px; + } + h3{ + font-size: 32px; + margin-top: 10px; + } + p{ + font-size: 32px; + margin-bottom: 10px; + } + +} + @media (max-width: 768px) { + .text{ + display: block; + } + + .bg{ + display: none; + } + + + .slider-container { - background: url("/src/assets/image/banner1.jpg") no-repeat 83.5% 100%; - background-size: cover; - height: calc(100vh - 100px); + height: 360px; + background: linear-gradient(180deg, #f85535, #f76c50); .box { width: 100%; margin: auto; - height: calc(100vh - 100px); + height: 360px; position: relative; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; .sub { - position: absolute; - top: 78%; - left: 0; - transform: translateY(75%); + position: initial; + transform: none; text-align: center; width: 100%; @@ -258,7 +293,7 @@ const formatter2 = (value: number) => { } .counter_wrapper { - margin-top: -20px; + margin-top: 20px; .container { display: flex; justify-content: center;