样式修改

src/views/weatherComponents/cesiumweatherView.vue

@@ -949,13 +949,20 @@ export default {
 <style lang="less" scoped>
 
 .panel {
-    background: rgba(249, 249, 249, 0.2);
-    backdrop-filter: blur(55px);
-    -webkit-backdrop-filter: blur(55px);
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    border-radius: 12px;
-    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
+    // background: rgba(249, 249, 249, 0.2);
+    // backdrop-filter: blur(55px);
+    // -webkit-backdrop-filter: blur(55px);
+    // border: 1px solid rgba(255, 255, 255, 0.2);
+    // border-radius: 12px;
+    // box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
+    // padding: 20px;
     padding: 20px;
+    border-radius: 20px;
+    background-color: rgba(25, 55, 40, 0.7);
+    backdrop-filter: blur(15px);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
+    color: #E0E0E0;
 }
 .panelx {
     background: #134ac0;