style(switch): 调整文字对齐方式

Author: kagol

packages/devui-vue/devui/switch/src/switch.scss

@@ -107,10 +107,7 @@
  .#{$devui-prefix}-switch__inner-wrapper {
  padding-left: 12px;
  font-size: $devui-font-size-sm;
-
- .#{$devui-prefix}-switch__inner {
- height: 105%;
- }
+ vertical-align: top;
  }
 
  &.#{$devui-prefix}-switch--checked .#{$devui-prefix}-switch__inner-wrapper {

packages/devui-vue/docs/components/switch/index.md

@@ -76,6 +76,10 @@ export default defineComponent({
 ```vue
 <template>
  <div style="display: flex;">
+ <d-switch v-model="checkedSmContent" size="sm">
+ <template #checkedContent>开</template>
+ <template #uncheckedContent>关</template>
+ </d-switch>
  <d-switch class="mr-1" v-model="checkedColor" color="#FECC55"></d-switch>
  <d-switch class="mr-1" v-model="checkedContent">
  <template #checkedContent>开</template>
@@ -99,10 +103,12 @@ export default defineComponent({
  setup() {
  const checkedColor = ref(true);
  const checkedContent = ref(false);
+ const checkedSmContent = ref(false);
  const checkedIcon = ref(true);
  return {
  checkedColor,
  checkedContent,
+ checkedSmContent,
  checkedIcon,
  };
  },