template-project/components/function-list/column/readme.md

1.0 KiB
Raw Permalink Blame History

第一步:引入组件

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);
		},
	}
}