chen 324bde530f | ||
---|---|---|
.. | ||
column-function.vue | ||
readme.md |
readme.md
第一步:引入组件
import columnFunction from '@/components/function-list/column/column-function.vue';
第二步:注册组件
export default {
components:{
columnFunction
}
}
第三步:使用组件
<template>
<view>
<column-function @chooseEv="chooseEv"></column-function>
</view>
</template>
参数说明
list:列表数据,默认以下数组:
[
{iconsrc:'',iconWidth:60,iconHeight:60,title:'标题一',content:'',contentColor:'#999999',ifNext:true},
{iconsrc:'',iconWidth:60,iconHeight:60,title:'标题二',content:'',contentColor:'#999999',ifNext:true},
{iconsrc:'',iconWidth:60,iconHeight:60,title:'标题三',content:'',contentColor:'#999999',ifNext:true},
]
titlec:标题颜色,默认#000000
ifIcon:是否显示左侧图标,默认false
ifLine:是否显示下划线,默认true
linec:下划线颜色,默认#EEEEEE
ifLastLine:是否显示最后一条下划线,默认true
方法使用
export default {
methods:{
chooseEv(obj) {
console.log(obj);
},
}
}