页面切图

common/css/base.scss

@@ -84,7 +84,7 @@ page {
     margin-bottom: 20rpx;
 
     .grid-card-title {
-        padding: 20rpx 0;
+        padding: 0 0 20rpx;
         font-size: 28rpx;
         color: #111;
         font-weight: 700;
@@ -133,7 +133,7 @@ page {
 .index {
 
     .header {
-        margin: 0 30rpx;
+        margin: 0 20rpx;
         background: $uni-theme-blue;
         border-radius: 12rpx;
         padding: 30rpx 10rpx 40rpx;
@@ -162,21 +162,21 @@ page {
     position: sticky;
     top: 0;
     left: 0;
-    padding: 30rpx;
+    padding: 20rpx 20rpx 0;
+    padding-left: 0;
     display: flex;
+    flex-wrap: wrap;
     background: rgb(243, 244, 245);
     z-index: 2;
+
     .nav-menu {
         padding: 10rpx 20rpx;
         margin-left: 20rpx;
+        margin-bottom: 20rpx;
         font-size: 28rpx;
         border-radius: 8rpx;
         background: #ebeaec;
         color: #666;
-        &:first-of-type {
-            margin-left: 0;
-        }
-
         &-active {
             background: #dfe5f7;
             color: $uni-theme-blue;