From 0dc0b818c2e88ee54dc2c0db0a2aab1436a7b476 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Tue, 02 Jul 2024 10:48:10 +0800
Subject: [PATCH] 优化单选式开关在h5页面上的表现
---
forms/switch/cSwitch.scss | 3 ++-
forms/switch/CSwitchRadio.vue | 2 +-
2 files changed, 3 insertions(+), 2 deletions(-)
diff --git a/forms/switch/CSwitchRadio.vue b/forms/switch/CSwitchRadio.vue
index f42ec70..a6bf147 100644
--- a/forms/switch/CSwitchRadio.vue
+++ b/forms/switch/CSwitchRadio.vue
@@ -102,7 +102,7 @@
},
mounted() {
if (process.env.TARO_ENV === 'h5') {
- $(this.$refs.switch.$el).find('.at-switch').prepend(this.$refs.radio.$el);
+ $(this.$refs.switch.$el).append(this.$refs.radio.$el);
} else if (process.env.TARO_ENV === 'weapp') {
$(this.$refs.switch.$el).find('.at-switch').append(this.$refs.radio);
}
diff --git a/forms/switch/cSwitch.scss b/forms/switch/cSwitch.scss
index 2e6d5d0..3288c4c 100644
--- a/forms/switch/cSwitch.scss
+++ b/forms/switch/cSwitch.scss
@@ -82,7 +82,7 @@
display: none;
}
.c-switch-radio-group {
- @include flexbox(flex, flex-start center, n wrap);
+ @include flexbox(flex, flex-end center, n wrap);
flex: 1;
}
.c-switch-radio-item {
@@ -118,6 +118,7 @@
}
&.c-switch-radio-left {
.c-switch-radio-group {
+ @include flexbox(flex, flex-start center, n wrap);
padding-right: 0;
.c-switch-radio-item {
padding-left: 0;
--
Gitblit v1.9.1