first commit
This commit is contained in:
35
vue-ydui/example/routers/scrolltab.vue
Normal file
35
vue-ydui/example/routers/scrolltab.vue
Normal file
@@ -0,0 +1,35 @@
|
||||
<template>
|
||||
<yd-layout title="ScrollTab">
|
||||
|
||||
<yd-scrolltab :callback="change">
|
||||
<yd-scrolltab-panel v-for="item in list" :label="item.label" :icon="item.icon">
|
||||
<div style="height: 350px;" :style="{backgroundColor: item.color}">{{item.label}}</div>
|
||||
</yd-scrolltab-panel>
|
||||
</yd-scrolltab>
|
||||
|
||||
</yd-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: [
|
||||
{label: '空调', icon: 'demo-icons-category1', color: 'gray'},
|
||||
{label: '冰箱', icon: 'demo-icons-category2', color: 'blue'},
|
||||
{label: '洗衣机', icon: 'demo-icons-category3', color: 'yellow'},
|
||||
{label: '热水器', icon: 'demo-icons-category4', color: 'green'},
|
||||
{label: '厨房大家电', icon: 'demo-icons-category5', color: 'saddlebrown'},
|
||||
{label: '厨房小家电', icon: 'demo-icons-category6', color: 'darkgoldenrod'},
|
||||
{label: '生活家电', icon: 'demo-icons-category7', color: 'indianred'},
|
||||
{label: '风扇', icon: 'demo-icons-category8', color: 'aqua'}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
change(index) {
|
||||
console.log('ScrollTab:---> index:' + index);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user