fix(dropdown-menu): support multiple column radio (#1927)

Tencent · Apr 25, 2023 · f78e01f · f78e01f
1 parent 1737ab5
commit f78e01f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/dropdown-item/dropdown-item.less b/src/dropdown-item/dropdown-item.less
@@ -77,13 +77,16 @@
     width: 100%;
     overflow: scroll;
     box-sizing: border-box;
+
+    &-group {
+      display: grid;
+      grid-gap: 24rpx;
+    }
   }
 
   &__checkbox {
     &-group {
-      display: grid;
       padding: 32rpx;
-      grid-gap: 24rpx;
     }
   }
 

diff --git a/src/dropdown-item/dropdown-item.wxml b/src/dropdown-item/dropdown-item.wxml
@@ -24,6 +24,7 @@
         wx:if="{{!multiple}}"
         class="{{classPrefix}}__radio {{prefix}}-class-column"
         t-class="{{classPrefix}}__radio-group"
+        style="grid-template-columns: repeat({{optionsColumns}}, 1fr)"
         value="{{value}}"
         placement="right"
         bind:change="handleRadioChange"