Procházet zdrojové kódy

feat:偏移修改

ljc před 1 měsícem
rodič
revize
98d3142cc4
2 změnil soubory, kde provedl 33 přidání a 11 odebrání
  1. 16 5
      components/cwg-language.vue
  2. 17 6
      components/cwg-system.vue

+ 16 - 5
components/cwg-language.vue

@@ -1,9 +1,12 @@
 <template>
-  <cwg-dropdown :menu-list="customMenuList" @menuClick="handleMenuClick">
-    <view class="pc-header-btn">
-      <cwg-icon name="cwg-lang" :color="iconColor" :size="20" />
-    </view>
-  </cwg-dropdown>
+  <view class="cwg-language">
+    <cwg-dropdown :menu-list="customMenuList" @menuClick="handleMenuClick">
+      <view class="pc-header-btn">
+        <cwg-icon name="cwg-lang" :color="iconColor" :size="20" />
+      </view>
+    </cwg-dropdown>
+  </view>
+
 </template>
 
 <script setup lang="ts">
@@ -61,6 +64,14 @@ function getFlagSrc(code: string) {
   cursor: pointer;
   gap: px2rpx(6);
 }
+.cwg-language {
+  @media screen and (max-width: 991px) {
+    :deep(.cwg-dropdown-menu-container) {
+      right: px2rpx(-20) !important;
+    }
+  }
+}
+
 
 :deep(.cwg-dropdown-menu-container .menu .menu-item) {
   min-height: px2rpx(36);

+ 17 - 6
components/cwg-system.vue

@@ -1,10 +1,12 @@
 <template>
-  <cwg-dropdown :menu-list="systemMenuList" @menuClick="handleMenuClick">
-    <view class="pc-header-btn">
-      <text class="current-system-name">{{ currentSystemName }}</text>
-      <cwg-icon name="crm-chevron-down" :color="iconColor" :size="14" />
-    </view>
-  </cwg-dropdown>
+  <view class="cwg-system">
+    <cwg-dropdown :menu-list="systemMenuList" @menuClick="handleMenuClick">
+      <view class="pc-header-btn">
+        <text class="current-system-name">{{ currentSystemName }}</text>
+        <cwg-icon name="crm-chevron-down" :color="iconColor" :size="14" />
+      </view>
+    </cwg-dropdown>
+  </view>
 </template>
 
 <script setup lang="ts">
@@ -161,6 +163,15 @@ onMounted(() => {
 <style scoped lang="scss">
 @import "@/uni.scss";
 
+.cwg-system {
+  @media screen and (max-width: 991px) {
+    :deep(.cwg-dropdown-menu-container) {
+      right: px2rpx(-20) !important;
+      //max-width: px2rpx(400);
+    }
+  }
+}
+
 .pc-header-btn {
   display: flex;
   align-items: center;