huaisianhuang 3 éve
szülő
commit
68d90f6e41
5 módosított fájl, 16 hozzáadás és 13 törlés
  1. 1 1
      index.html
  2. 4 1
      json/data.json
  3. 5 5
      sass/main.css
  4. 0 0
      sass/main.css.map
  5. 6 6
      sass/main.scss

+ 1 - 1
index.html

@@ -38,7 +38,7 @@
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
     <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
-    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="sass/main.css">
 </head>
 <body>
   <div style="overflow-x:hidden;" class="wholeBody">

+ 4 - 1
json/data.json

@@ -19,11 +19,14 @@
                 "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16051_1623141203.png",
                 "link": "https://hhh.com.tw/designers/cases/33/1-page/new-sort/"
             },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16115_1629356240.webp",
+                "link": "https://hhh.com.tw/designers/cases/438/1-page/new-sort/"
+            },
             {
                 "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16115_1629356240.webp",
                 "link": "https://hhh.com.tw/designers/cases/438/1-page/new-sort/"
             }
-
         ]
     }, 
     {

+ 5 - 5
sass/main.css

@@ -7,7 +7,7 @@ body {
   height: 100%;
 }
 
-.sec-00__slider-1, .sec-00__slider-2, .sec-00__slider-3, .sec-00__slider-4, .sec-00__slider-5 {
+.sec-00 .slide-item {
   height: 110px;
   background-position: center center;
   background-size: cover;
@@ -152,7 +152,7 @@ body {
   height: 100%;
 }
 
-.sec-02__slider-1, .sec-02__slider-2, .sec-02__slider-3, .sec-02__slider-4, .sec-02__slider-5, .sec-02__slider-6 {
+.sec-02__slider .slide-item {
   height: 32vh;
   background-position: center center;
   background-size: cover;
@@ -424,7 +424,7 @@ body {
   height: 100%;
 }
 
-.sec-08__slider-1, .sec-08__slider-2, .sec-08__slider-3 {
+.sec-08__slider .slide-item {
   height: 28vh;
   background-position: center center;
   background-size: contain;
@@ -490,7 +490,7 @@ body {
   width: 100%;
 }
 
-.sec-10__slider-1, .sec-10__slider-2, .sec-10__slider-3, .sec-10__slider-4, .sec-10__slider-5, .sec-10__slider-6 {
+.sec-10__slider .slide-item {
   height: 28vh;
   background-position: center center;
   background-size: cover;
@@ -505,7 +505,7 @@ body {
   width: 100%;
 }
 
-.sec-11__slider-1, .sec-11__slider-2, .sec-11__slider-3, .sec-11__slider-4, .sec-11__slider-5, .sec-11__slider-6 {
+.sec-11__slider .slide-item {
   height: 28vh;
   background-position: center center;
   background-size: cover;

A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 0 - 0
sass/main.css.map


+ 6 - 6
sass/main.scss

@@ -5,12 +5,12 @@ body {
     &__slider {
         width: 100%;
         height: 100%;
-        .slide-item {
-            height: 110px;
-            background-position: center center;
-            background-size: cover;
-            background-repeat: no-repeat;
-        }
+    }
+    .slide-item {
+        height: 110px;
+        background-position: center center;
+        background-size: cover;
+        background-repeat: no-repeat;
     }
 }
 

Nem az összes módosított fájl került megjelenítésre, mert túl sok fájl változott