You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
775 B
50 lines
775 B
<template> |
|
<view class="mz-subsection border-box"> |
|
<view class="mz-subsection-item border-box" v-for="(item,index) in list" |
|
:class="{active:(current===index)}" |
|
@click="handleClick(index)">{{item.name}}</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
name: 'MzSubsection', |
|
props: { |
|
list:{ |
|
type:Array, |
|
default:[] |
|
}, |
|
current:{ |
|
type:Number, |
|
default:0 |
|
} |
|
}, |
|
data() { |
|
return { |
|
loading: true, |
|
navInfo:{}, |
|
} |
|
}, |
|
onLoad() { |
|
|
|
}, |
|
mounted() { |
|
|
|
}, |
|
computed: { |
|
|
|
}, |
|
methods: { |
|
handleClick(index){ |
|
this.$emit('change',index) |
|
}, |
|
}, |
|
watch: { |
|
|
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss"> |
|
@import './components/index.scss'; |
|
</style> |