first commit

css/page/index.css

@@ -0,0 +1,62 @@
+/* 首页的css */
+@import "../tool/color.css";
+@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 {
+    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);
+            }
+        }
+    }
+}
+

css/page/info.css

@@ -0,0 +1,48 @@
+@import "../tool/color.css";
+@import "../tool/size.css";
+@import "../tool/utils.css";
+
+
+.header {
+    color: var(--textColor);
+    font-size: var(--f16);
+    .title{
+        margin: 0 .16rem;
+    }
+    .ilist {
+        i {
+            font-size: var(--f22) !important;
+        }
+        .icon-wujiaoxing {
+            margin-right: var(--f10);
+        }
+    }
+}
+
+
+.content {
+    .info_img_list {
+        .img_list {
+            height: 800px;
+            overflow: hidden;
+            img {
+                width: 100%;
+            }
+        }
+        .view_all {
+            font-size: var(--f16);
+            color: var(--themeColor);
+            width: 100%;
+            height: 60px;
+            bottom: 0;
+            background: linear-gradient(#ffffff08, #fefefe);
+            padding-top: .6rem;
+            box-sizing: border-box;
+            div {}
+            i {
+                margin-left: .1rem;
+            }
+        }
+       
+    }
+}

css/page/search.css

@@ -0,0 +1,51 @@
+@import "../tool/color.css";
+@import "../tool/size.css";
+@import "../tool/utils.css";
+
+.header {
+    color: var(--textColor);
+
+    input {
+        margin: 0 .16rem;
+        font-size: var(--f15);
+        color: var(--tipsTextColor);
+        height: 80%;
+        background: #f5f5f5;
+        border-radius: .5rem;
+        padding: 0 .2rem;
+        box-sizing: border-box;
+    }
+    div {
+        font-size: 0.32rem !important;
+
+    }
+}
+
+.content {
+    .no-search {
+        padding-top: .4rem;
+    }
+    .have-search {
+        padding-top: .02rem;
+    }
+    .search_list {
+        margin-bottom: .7rem;
+        .title {
+            height: 40px;
+            font-size: var(--f13);
+            color: var(--tipsTextColor);
+            margin-bottom: 0.14rem;
+        }
+        ul {
+            li {
+                padding: 0 var(--f10);
+                margin-bottom: .16rem;
+                a {
+                    font-size: var(--f16);
+                    color: var(--textColor);
+                }
+            }
+        }
+    }
+}
+