style: 抽离 Widget 组件公共样式

src/components/Map/Widgets/BottomBar/src/BottomBar.vue

@@ -82,9 +82,7 @@
 </template>
 
 <style lang="scss" scoped>
-    @mixin animate() {
-        transition: all 0.35s;
-    }
+    @import '../../common.scss';
 
     .wrap {
         @include animate();

src/components/Map/Widgets/LeftBarWidget.vue

-<!-- 左侧控制组件 -->
-
-<script setup lang="ts">
-    //
-</script>
-
-<template>
-    <view class="wrap left-bar">
-        <!--  -->
-    </view>
-</template>
-
-<style lang="scss" scoped>
-    //
-</style>

src/components/Map/Widgets/Legend/src/Legend.vue

@@ -134,9 +134,7 @@
 </template>
 
 <style lang="scss" scoped>
-    @mixin animate() {
-        transition: all 0.35s;
-    }
+    @import '../../common.scss';
 
     .wrap {
         @include animate();

src/components/Map/Widgets/SwitchControl/src/SwitchControl.vue

@@ -57,9 +57,11 @@
 </template>
 
 <style lang="scss" scoped>
+    @import '../../common.scss';
+
     .switch-control {
         > * {
-            width: 70rpx;
+            width: 60rpx;
             height: 120rpx;
             background-color: rgba(0, 0, 0, 0.3);
             display: flex;
@@ -73,7 +75,7 @@
 
         .prev {
             left: 0;
-            border-radius: 0 10rpx 10rpx 0;
+            border-radius: 0 15rpx 15rpx 0;
 
             .icon {
                 position: relative;
@@ -83,7 +85,7 @@
 
         .next {
             right: 0;
-            border-radius: 10rpx 0 0 10rpx;
+            border-radius: 15rpx 0 0 15rpx;
         }
     }
 </style>

src/components/Map/Widgets/TimeBarWidget/src/TimeBar.vue

@@ -235,9 +235,7 @@
 </template>
 
 <style lang="scss" scoped>
-    @mixin animate() {
-        transition: all 0.35s;
-    }
+    @import '../../common.scss';
 
     .wrap {
         @include animate();

src/components/Map/Widgets/common.scss

+@mixin animate() {
+    transition: all 0.35s;
+}