29 lines
646 B
Vue
29 lines
646 B
Vue
|
<template>
|
||
|
|
<div class="list">
|
||
|
|
<div class="list-label inset">Citrus</div>
|
||
|
|
<div class="item">
|
||
|
|
<div class="item-content inset">16 Oranges</div>
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<div class="item-content inset">12 Limes</div>
|
||
|
|
</div>
|
||
|
|
<hr class="inset">
|
||
|
|
<div class="list-label inset">Berries</div>
|
||
|
|
<div class="item">
|
||
|
|
<div class="item-content inset">14 Blackberries</div>
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<div class="item-content inset">6 Grapes</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script type="text/javascript">
|
||
|
|
export default {
|
||
|
|
data () {
|
||
|
|
return {}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
</style>
|