样式优化

pages/index/index.vue

@@ -209,8 +209,10 @@ onShow(() => {
             height: 20rpx
 /* 自定义导航栏样式 */
 .custom-nav
-    background: #107AFD
+    background: linear-gradient(135deg, #8a9bf0, #c3cafa, #e7ebfe)
     width: 100%
+    box-shadow: 0 2rpx 10rpx rgba(138, 155, 240, 0.2)
+    border-radius: 0
     .nav-content
         height: 80rpx
         display: flex
@@ -219,19 +221,25 @@ onShow(() => {
         padding: 0 40rpx
         .nav-back
             width: 120rpx
-            height: 200rpx
+            height: 80rpx
             display: flex
             align-items: center
-            justify-content: center
-            color: #fff
-            font-weight: 300
+            justify-content: flex-start
+            color: #2f56e8
+            font-weight: 400
+            transition: all 0.3s ease
+            &:hover
+                transform: translateX(-5rpx)
             .nav-back-text
-                font-size: 80rpx
+                font-size: 56rpx
                 line-height: 1
+                text-shadow: 1rpx 1rpx 2rpx rgba(0, 0, 0, 0.1)
         .nav-title
-            color: #fff
-            font-size: 32rpx
-            font-weight: bold
+            color: #4a55b0
+            font-size: 36rpx
+            font-weight: 600
+            text-shadow: 1rpx 1rpx 2rpx rgba(255, 255, 255, 0.8)
+            letter-spacing: 2rpx
         .nav-placeholder
             width: 120rpx
 </style>