增加新项目

项目合集/最新写真app/fontend/css/clear.css

@@ -0,0 +1,32 @@
+body,p {
+    font-size: 0;
+    margin: 0;
+    line-height: 1;
+}
+
+ul {
+    margin: 0;
+    padding: 0;
+}
+
+li {
+    list-style: none;
+}
+
+a {
+    text-decoration: none;
+    color: var(--textColor);
+}
+
+input {
+    line-height: 0;
+}
+
+img {
+    width: 100%;
+}
+
+::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+}

项目合集/最新写真app/fontend/css/color.css

@@ -0,0 +1,7 @@
+:root {
+    --whiteColor: #fff;
+    --textColor: #050505;
+    --themeColor: #fb7299;
+    --tipsTextColor: #929292;
+    --tipsBackGroundColor: #f5f5f5;
+}

项目合集/最新写真app/fontend/css/global.css

@@ -0,0 +1,141 @@
+.header {
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    background: var(--whiteColor);
+    z-index: 999;
+    height: .9rem;
+    i {
+        font-size: .44rem;
+    }
+    .icon-wujiaoxing {
+        margin-right: .1rem;
+    }
+    .header_title {
+        color: var(--textColor);
+        font-size: .32rem;
+        margin: 0 .16rem;
+        flex: 1;
+    }
+}
+
+
+
+.footer {
+    width: 100%;
+    height: 1rem;
+    background-color: var(--whiteColor);
+    padding: 0 .52rem;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 999;
+
+    li {
+        a {
+            display: flex;
+            align-items: center;
+            flex-direction: column;
+
+            i {}
+
+            div {
+                font-size: 0.22rem;
+                margin-top: 0.1rem;
+            }
+        }
+    }
+
+    .active {
+
+        i,
+        div {
+            color: var(--themeColor);
+        }
+    }
+}
+
+.recommend-model {
+    margin-top: .5rem;
+    .title {
+        height: .9rem;
+        font-size: .38rem;
+        font-weight: bolder;
+    }
+
+    .list {
+        li {
+            width: 3.32rem;
+            margin-bottom: 0.4rem;
+
+            a {
+                img {
+                    width: 100%;
+                    border-radius: 0.14rem;
+                    margin-bottom: 0.18rem;
+                    height: 4.98rem;
+                    object-fit: cover;
+                }
+
+                .desc {
+                    .name {
+                        font-size: .34rem;
+                        color: var(--textColor);
+                        margin-bottom: 0.12rem;
+                    }
+
+                    .time {
+                        font-size: .2rem;
+                        color: var(--tipsTextColor);
+
+                        .text {}
+
+                        .view {
+
+                            i {}
+
+                            span {}
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+.roll {
+    .list {
+        overflow-x: scroll;
+    }
+    li {
+        flex-shrink: 0;
+        margin-right: .3rem;
+        &:last-child {
+            margin-right: 0;
+        }
+    }
+}
+
+.swiper-pagination-bullet-active {
+    background: var(--themeColor);
+}
+
+.content {
+    margin-top: .9rem;
+    margin-bottom: 1rem;
+}
+
+#nprogress  {
+    .bar {
+        background: var(--themeColor);
+        height: .08rem;
+        .peg {
+            box-shadow: 0 0 10px var(--themeColor), 0 0 5px var(--themeColor)
+        }
+    }
+    .spinner-icon {
+        border-top-color: var(--themeColor);
+        border-left-color: var(--themeColor);
+    }
+}

项目合集/最新写真app/fontend/css/index.css

@@ -0,0 +1,52 @@
+.header {
+    height: .96rem;
+
+    .search {
+        height: .76rem;
+        width: 93%;
+        border-radius: .4rem;
+        background: var(--tipsBackGroundColor);
+        padding: 0px 16px;
+
+        i {
+            margin-right: .1rem;
+        }
+
+        i,
+        div {
+            font-size: .3rem;
+            color: var(--tipsTextColor);
+        }
+    }
+}
+
+.recommend-tag {
+    padding: 0 .36rem;
+    margin-top: .4rem;
+    margin-top: .5rem;
+    li {
+        a {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            .title {
+                font-size: .5rem;
+                margin-bottom: 0.14rem;
+            }
+
+            .desc {
+                font-size: .28rem;
+                color: var(--tipsTextColor);
+            }
+        }
+    }
+}
+
+.swiper {
+    width: calc(100% - .56rem);
+    border-radius: 30px;
+}
+
+.content {
+    margin-top: .96rem;
+}

项目合集/最新写真app/fontend/css/info.css

@@ -0,0 +1,31 @@
+
+.info {
+    height: 18rem;
+   
+    .img_arr {
+        img {}
+    }
+
+    .all {
+        font-size: .32rem;
+        color: var(--themeColor);
+        width: 100%;
+        height: 1.2rem;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        padding-bottom: .2rem;
+        background: linear-gradient(180deg, #fcfcfc00, #ffffff);
+        span {
+            margin-right: .1rem;
+        }
+        i {}
+    }
+}
+
+.show {
+    height: auto !important;
+    .all {
+        display: none !important;
+    }
+}

项目合集/最新写真app/fontend/css/public.css

@@ -0,0 +1,107 @@
+.block {
+    display: block;
+}
+
+.flex-block {
+    display: flex block;
+}
+
+.none {
+    display: none;
+}
+
+.inline-block {
+    display: inline-block;
+}
+
+.flex {
+    display: flex;
+}
+
+.ai-c {
+    align-items: center;
+}
+
+.ai-e {
+    align-items: flex-end;
+}
+
+.jc-sb {
+    justify-content: space-between;
+}
+
+.jc-c {
+    justify-content: center;
+}
+
+.wrap {
+    flex-wrap: wrap;
+}
+
+.shrink {
+    flex-shrink: 0;
+}
+
+.x-scroll {
+    overflow-x: scroll;
+}
+
+.fixed {
+    position: fixed;
+}
+
+.absolute {
+    position: absolute;
+}
+
+.relative {
+    position: relative;
+}
+
+.p-l {
+    padding-left: 0.115rem;
+}
+
+.p-r {
+    padding-right: 0.12rem;
+}
+
+.border-box {
+    box-sizing: border-box;
+}
+
+/* 把css当成js来写 */
+/* css基本上都有 */
+/* .border-top(@fx: top) {
+    border-@fx: 1px solid #e8e8e8;
+} */
+
+.p18 {
+    padding: 0 .36rem;
+}
+
+.ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.border-top {
+    border-top: 1px solid #e8e8e8;
+}
+
+.border-bottom {
+    border-bottom: 1px solid #e8e8e8;
+}
+
+.border-left {
+    border-left: 1px solid #e8e8e8;
+}
+
+.border-right {
+    border-right: 1px solid #e8e8e8;
+}
+
+.hidden {
+    overflow: hidden;
+}

项目合集/最新写真app/fontend/css/type.css

@@ -0,0 +1,50 @@
+.tabs_title {
+    height: 0.8rem;
+    top: .9rem;
+    z-index: 999;
+    background: #fff;
+    width: 100%;
+    left: 0;
+    right: 0;
+    li {
+        margin-right: .3rem;
+        flex-shrink: 0;
+        font-size: .28rem;
+        color: var(--textColor);
+        position: relative;
+        &:last-child {
+            margin-right: .8rem;
+        }
+    }
+    .active {
+        color: var(--themeColor);
+    }
+
+    .active::after {
+        position: absolute;
+        content: "";
+        width: .5rem;
+        height: .08rem;
+        display: inline-block;
+        background: var(--themeColor);
+        left: 50%;
+        transform: translateX(-50%);
+        bottom: -0.24rem;
+        border-radius: .24rem;
+    }
+}
+
+.swiper-slide {
+    height: calc(100vh - .9rem - .8rem - 1rem);
+    overflow-y: scroll;
+}
+
+.recommend-model {
+    padding-top: .2rem;
+    margin-top: 0;
+    box-sizing: border-box;
+}
+
+.content {
+    margin-top: 1.7rem;
+}