feat：完善首页样式

src/views/home/components/box-2.vue

@@ -44,7 +44,19 @@
             <span class="statistic-value">通畅</span>
           </div>
         </div>
-        <Title3 title="景区排队人数" />
+        <div class="flex rela">
+          <Title3 title="景区排队人数" />
+          <div class="dropdown">
+            <Dropdown
+              label="选择排队景区"
+              :options="[
+                { label: '山峡之巅', value: 100 },
+                { label: '白帝城', value: 100 },
+                { label: '龙桥河', value: 100 }
+              ]"
+            />
+          </div>
+        </div>
         <div class="pt-20">
           <Line
             :width="370"
@@ -218,6 +230,12 @@
       width: vw(60);
       height: auto;
     }
+    .dropdown {
+      position: absolute;
+      right: vw(8);
+      bottom: -30%;
+      z-index: 990;
+    }
     .item {
       position: relative;
       flex: 1;
@@ -366,7 +384,7 @@
       margin-top: vh(20);
       width: 100%;
       height: vh(106);
-      background-color: radial-gradient(to right, #0a4190 0%, rgba(0, 77, 136, 0.6) 100%);
+      background: linear-gradient(to right, rgba(0, 77, 136, 0) 0%, rgba(0, 77, 136, 0.6) 100%);
       .title {
         width: vw(253);
         height: vh(28);