41 lines
1.2 KiB
Vue
41 lines
1.2 KiB
Vue
<template>
|
|
<div>
|
|
<h2>small size</h2>
|
|
<List header="Header" footer="Footer" size="small" :split="false">
|
|
<ListItem v-for="item in data1" :key="item">
|
|
{{ item }}
|
|
</ListItem>
|
|
</List>
|
|
<h2>default size</h2>
|
|
<List header="Header" footer="Footer">
|
|
<ListItem v-for="item in data1" :key="item">
|
|
{{ item }}
|
|
</ListItem>
|
|
</List>
|
|
<h2>large size</h2>
|
|
<List header="Header" footer="Footer" border size="large">
|
|
<ListItem v-for="item in data1" :key="item">
|
|
{{ item }}
|
|
</ListItem>
|
|
</List>
|
|
|
|
<Divider></Divider>
|
|
|
|
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
data1: [
|
|
'Racing car sprays burning fuel into crowd.',
|
|
'Japanese princess to wed commoner.',
|
|
'Australian walks 100km after outback crash.',
|
|
'Man charged over missing wedding girl.',
|
|
'Los Angeles battles huge wildfires.',
|
|
]
|
|
};
|
|
}
|
|
};
|
|
</script>
|