fix: 鸿蒙样式

xiaoyatong · xiaoyatong · commit 624be138aaeb · 2025-04-27T17:03:29.000+08:00
diff --git a/src/packages/address/elevator.scss b/src/packages/address/elevator.scss
@@ -11,8 +11,7 @@
     padding: 0 16px;
     display: flex;
     flex-wrap: wrap;
-    justify-content: flex-start;
-    align-items: left;
+    align-items: flex-start;
     &-item {
       display: flex;
       justify-content: center;
@@ -22,15 +21,25 @@
       font-size: 12px;
       border-radius: 4px;
       margin-bottom: 7px;
+      /* #ifdef harmony*/
+      margin-right: 6px;
+      /* #endif */
+      /* #ifndef harmony*/
+      margin-right: 7px;
+      /* #endif */
       background-color: $color-background-sunken;
       color: $color-title;
-      &:last-child {
+      &:nth-child(5n) {
         margin-right: 0;
       }
     }
 
-    &:has(.nut-address-hotlist-item:nth-child(5)) {
-      justify-content: space-between;
+    &.hotlist-more {
+      .nut-address-hotlist-item {
+        width: auto;
+        padding: 0 16px;
+        margin-right: 7px;
+      }
     }
   }
 
diff --git a/src/packages/address/elevatorRender.taro.tsx b/src/packages/address/elevatorRender.taro.tsx
@@ -86,6 +86,7 @@ export const ElevatorRender: FunctionComponent<
     },
   } = useConfig()
   const classPrefix = 'nut-address'
+  const MAX_LENGTH = 10
 
   const [value, setValue] = usePropsValue({
     value: outerValue,
@@ -237,7 +238,9 @@ export const ElevatorRender: FunctionComponent<
     return (
       <>
         <View className={`${classPrefix}-title`}>{hotCity}</View>
-        <View className={`${classPrefix}-hotlist`}>
+        <View
+          className={`${classPrefix}-hotlist ${hotList.length > MAX_LENGTH ? 'hotlist-more' : ''}`}
+        >
           {hotList.map((item, index) => (
             <View
               className={`${classPrefix}-hotlist-item`}
diff --git a/src/packages/address/elevatorRender.tsx b/src/packages/address/elevatorRender.tsx
@@ -85,6 +85,7 @@ export const ElevatorRender: FunctionComponent<
     },
   } = useConfig()
   const classPrefix = 'nut-address'
+  const MAX_LENGTH = 10
 
   const [value, setValue] = usePropsValue({
     value: outerValue,
@@ -236,7 +237,9 @@ export const ElevatorRender: FunctionComponent<
     return (
       <>
         <div className={`${classPrefix}-title`}>{hotCity}</div>
-        <div className={`${classPrefix}-hotlist`}>
+        <div
+          className={`${classPrefix}-hotlist ${hotList.length > MAX_LENGTH ? 'hotlist-more' : ''}`}
+        >
           {hotList.map((item, index) => (
             <div
               className={`${classPrefix}-hotlist-item`}
