页面切图

2023-02-17 09:03:47 +08:00
parent c183f91ace
commit 7d28b3476a
11 changed files with 99 additions and 27 deletions
--- a/common/css/base.scss
+++ b/common/css/base.scss
@@ -130,14 +130,12 @@ page {
    }
 }

-
 .index {

    .header {
        margin: 0 30rpx;
-        background: $uni-theme-white;
+        background: $uni-theme-blue;
        border-radius: 12rpx;
-        background: $uni-color-primary;
        padding: 30rpx 10rpx 40rpx;
        display: grid;
        grid-gap: 60rpx 0;
@@ -159,6 +157,34 @@ page {
    }
 }

+
+.nav {
+    position: sticky;
+    top: 0;
+    left: 0;
+    padding: 30rpx;
+    display: flex;
+    background: rgb(243, 244, 245);
+    z-index: 2;
+    .nav-menu {
+        padding: 10rpx 20rpx;
+        margin-left: 20rpx;
+        font-size: 28rpx;
+        border-radius: 8rpx;
+        background: #ebeaec;
+        color: #666;
+        &:first-of-type {
+            margin-left: 0;
+        }
+
+        &-active {
+            background: #dfe5f7;
+            color: $uni-theme-blue;
+        }
+    }
+
+}
+
 .btn {
    display: flex;
    align-items: center;