修改css写法

2024-12-11 00:39:24 +08:00
parent e028792ff9
commit f66211d9cf
5 changed files with 248 additions and 326 deletions
--- a/css/page/index.css
+++ b/css/page/index.css
@@ -3,60 +3,50 @@
@import "../tool/size.css";
@import "../tool/utils.css";

-
-.header {
-    .search {
-        font-size: var(--f15);
-        margin-top: .16rem;
-        color: var(--tipsTextColor);
-        height: 80%;
-        background: #f5f5f5;
-        border-radius: .5rem;
-        padding: 0 .2rem;
-        box-sizing: border-box;
-        i {
-            margin-right: .16rem;
-        }
-        p {
-          
-        }
-    }
-}
-
-.content {
+.header .search {
+    font-size: var(--f15);
+    margin-top: 0.16rem;
+    color: var(--tipsTextColor);
+    height: 80%;
+    background: #f5f5f5;
+    border-radius: 0.5rem;
+    padding: 0 0.2rem;
+    box-sizing: border-box;
+  }
+  .header .search i {
+    margin-right: 0.16rem;
+  }
+  .content {
    padding-top: 20px;
-    .banner {
-        width: calc(100% - .6rem);
-        border-radius: .6rem;
-        transform :translateY(0);
-        img {
-            width: 100%;
-            border-radius: .6rem;
-        }
-
-        .swiper-slide{
-            overflow: hidden;
-        }
-    }
-
-
-    .recommend-tag {
-        margin: 0.4rem 0;
-        justify-content: space-between;
-        li {
-            color: var(--textColor);
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            .icon {
-                font-size: var(--f25);
-                margin-bottom: .14rem;
-            }
-            .title {
-                font-size: var(--f14);
-                color: var(--tipsTextColor);
-            }
-        }
-    }
-}
-
+  }
+  .content .banner {
+    width: calc(100% - 0.6rem);
+    border-radius: 0.6rem;
+    transform: translateY(0);
+  }
+  .content .banner img {
+    width: 100%;
+    border-radius: 0.6rem;
+  }
+  .content .banner .swiper-slide {
+    overflow: hidden;
+  }
+  .content .recommend-tag {
+    margin: 0.4rem 0;
+    justify-content: space-between;
+  }
+  .content .recommend-tag li {
+    color: var(--textColor);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  .content .recommend-tag li .icon {
+    font-size: var(--f25);
+    margin-bottom: 0.14rem;
+  }
+  .content .recommend-tag li .title {
+    font-size: var(--f14);
+    color: var(--tipsTextColor);
+  }
+