refactor(style): adjust component size to large/default/small (#4491)

* refactor(style): adjust component size to large/default/small

* refactor(components): avatar size & use flex instead of block

* refactor(components): adjust check button size

* refactor(components): adjust tag size

* refactor(components): adjust size doc

* fix(components): datetime-picker demo style width

* refactor(components): color-picker size & block to flex

* refactor(components): adjust slider input size

* refactor(components): adjust radio input size for demo

* refactor(components): adjust select size & docs

* refactor(components): adjust form radio size & docs

* refactor(components): add windicss for docs

* refactor(components): adjust skeleton avatar size to css var

* refactor(components): simplify typography size demo

* refactor(components): adjust dropdown size & demo

* refactor(components): adjust descriptions size

* fix(components): datetime-picker showcase class pollute global button

* chore(ci): upgrade docs dependencies to fix ci

* fix(ci): add highlight because vitepress not export it

* fix(ci): disable line for no-console

* fix(ci): remove mini to fix test

* fix(style): code font size

* fix(style): button span flex style

* fix(style): button padding horizontal default 15px

* refactor(components): adjust tag padding size & demo

* refactor(components): adjust form line-height for input

* refactor(components): adjust dropdown menu size & button padding

* fix(style): picker separator block to flex center

* fix: dropdown button span items-center

* style: adjust input-with-icon & size demo & fix input vitepress load

* chore: upgrade dependencies

* chore: upgrade dependencies

* ci: fix website build

* ci: regenerate pnpm-lock.yaml

* ci: use dev pnpm-lock

* ci: update pnpm-lock.yaml
This commit is contained in:
云游君
2021-12-12 17:54:21 +08:00
committed by GitHub
parent 3fa3e9ff6b
commit 4560adfdf8
123 changed files with 1240 additions and 1434 deletions

View File

@ -1,28 +1,16 @@
<template>
<div>
<el-checkbox v-model="checked1" label="Option 1"></el-checkbox>
<el-checkbox v-model="checked2" label="Option 2"></el-checkbox>
<el-checkbox v-model="checked1" label="Option 1" size="large"></el-checkbox>
<el-checkbox v-model="checked2" label="Option 2" size="large"></el-checkbox>
</div>
<div>
<el-checkbox
v-model="checked3"
label="Option 1"
size="medium"
></el-checkbox>
<el-checkbox
v-model="checked4"
label="Option 2"
size="medium"
></el-checkbox>
<el-checkbox v-model="checked3" label="Option 1"></el-checkbox>
<el-checkbox v-model="checked4" label="Option 2"></el-checkbox>
</div>
<div>
<el-checkbox v-model="checked5" label="Option 1" size="small"></el-checkbox>
<el-checkbox v-model="checked6" label="Option 2" size="small"></el-checkbox>
</div>
<div>
<el-checkbox v-model="checked7" label="Option 1" size="mini"></el-checkbox>
<el-checkbox v-model="checked8" label="Option 2" size="mini"></el-checkbox>
</div>
</template>
<script lang="ts">
@ -36,8 +24,6 @@ export default defineComponent({
const checked4 = ref(false)
const checked5 = ref(false)
const checked6 = ref(false)
const checked7 = ref(false)
const checked8 = ref(false)
return {
checked1,
checked2,
@ -45,8 +31,6 @@ export default defineComponent({
checked4,
checked5,
checked6,
checked7,
checked8,
}
},
})