mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-07 21:58:02 +08:00
29 lines
865 B
Vue
29 lines
865 B
Vue
<template>
|
|
<el-space direction="vertical" alignment="start" :size="30">
|
|
<el-radio-group v-model="size">
|
|
<el-radio :label="'large'">large</el-radio>
|
|
<el-radio :label="'default'">default</el-radio>
|
|
<el-radio :label="'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" type="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'
|
|
const size = ref('default')
|
|
</script>
|