fix: 修复 tag 样式问题 ⚓⚓⚓

FightingDesign · Dec 13, 2022 · e3dfe7e · e3dfe7e
1 parent 899e152
commit e3dfe7e
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 12 deletions.
diff --git a/docs/docs/.vitepress/theme/components/src/search-list.ts b/docs/docs/.vitepress/theme/components/src/search-list.ts
@@ -52,7 +52,7 @@ export const searchList = [
  { title: 'Radio 单选框', rule: 'radioRadio单选框', url: 'components/radio' },
  {
  title: 'Checkbox 复选框',
- rule: 'checkboxCheckbox复选框',
+ rule: 'checkboxCheckbox复选框多选框',
  url: 'components/checkbox'
  },
  {

diff --git a/packages/fighting-theme/src/button.scss b/packages/fighting-theme/src/button.scss
@@ -71,7 +71,7 @@
 
  // 不同尺寸
  @for $list from 1 to (length($ComponentsSize) + 1) {
- $item: nth($ComponentsSize, $list); // 获取数组中第i项的值
+ $item: nth($ComponentsSize, $list); // 获取数组中第 i 项的值
 
  &.f-button__#{map-get($item, name)} {
  height: map-get($item, height);

diff --git a/packages/fighting-theme/src/tag.scss b/packages/fighting-theme/src/tag.scss
@@ -57,11 +57,11 @@
  }
 
  // 不同的尺寸
- @for $list from 1 to (length($ComponentsType) + 1) {
- $item: nth($ComponentsType, $list);
+ @for $list from 1 to (length($ComponentsSize) + 1) {
+ $item: nth($ComponentsSize, $list);
 
  &.f-tag__#{map-get($item, name)} {
- height: map-get($item, size);
+ height: map-get($item, height);
  font-size: map-get($item, fontSize);
  }
  }

diff --git a/start/src/App.vue b/start/src/App.vue
@@ -1,11 +1,8 @@
 <template>
- <div>
- <f-checkbox v-model="checkAll" label="全都要" :indeterminate="indeterminate" :change="onCheckboxChange" />
- </div>
-
- <f-checkbox-group v-model="checkedOptions" :change="onGroupChange">
- <f-checkbox v-for="(item, index) in optionList" :key="index" :label="item" />
- </f-checkbox-group>
+ <f-tag type="primary" size="large">大标签</f-tag>
+ <f-tag type="primary" size="middle">中等标签</f-tag>
+ <f-tag type="primary" size="small">小标签</f-tag>
+ <f-tag type="primary" size="mini">超小标签</f-tag>
 </template>
 
 <script lang="ts" setup>