45 lines
681 B
Vue
45 lines
681 B
Vue
<script>
|
|
export default {
|
|
name: "Tabs",
|
|
data() {
|
|
return {
|
|
tabs: [
|
|
{
|
|
name: "推荐",
|
|
icon: "home-o"
|
|
},
|
|
{
|
|
name: "套餐",
|
|
icon: "apps-o"
|
|
},
|
|
{
|
|
name: "全屋清洁",
|
|
icon: "video-o"
|
|
},
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
click(index) {
|
|
console.log(index);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<up-tabs :list="tabs"
|
|
@click="click"
|
|
:activeStyle="{
|
|
color: '#303133',
|
|
fontWeight: 'bold',
|
|
transform: 'scale(1.05)'
|
|
}"
|
|
lineColor="#f56c6c"
|
|
></up-tabs>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|