mirror of
https://github.com/element-plus/element-plus.git
synced 2025-08-15 03:06:25 +08:00
ade87f6729
* docs: standardize unified example code format and fix some example type * docs: update some example type * Update docs/examples/descriptions/sizes.vue Co-authored-by: kooriookami <38392315+kooriookami@users.noreply.github.com> * docs: update example-page-header * docs: update example-page-header --------- Co-authored-by: kooriookami <38392315+kooriookami@users.noreply.github.com>
31 lines
915 B
Vue
31 lines
915 B
Vue
<template>
|
|
<el-space direction="vertical" alignment="start" :size="30">
|
|
<el-radio-group v-model="size">
|
|
<el-radio value="large">Large</el-radio>
|
|
<el-radio value="default">Default</el-radio>
|
|
<el-radio value="small">Small</el-radio>
|
|
</el-radio-group>
|
|
|
|
<el-space wrap :size="size">
|
|
<el-card v-for="i in 3" :key="i" class="box-card" style="width: 250px">
|
|
<template #header>
|
|
<div class="card-header">
|
|
<span>Card name</span>
|
|
<el-button class="button" text>Operation button</el-button>
|
|
</div>
|
|
</template>
|
|
<div v-for="o in 4" :key="o" class="text item">
|
|
{{ 'List item ' + o }}
|
|
</div>
|
|
</el-card>
|
|
</el-space>
|
|
</el-space>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
import type { ComponentSize } from 'element-plus'
|
|
|
|
const size = ref<ComponentSize>('default')
|
|
</script>
|