first commit

This commit is contained in:
编码猿
2024-09-27 00:57:27 +08:00
commit 18df0f5e4b
2548 changed files with 253280 additions and 0 deletions

View 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>