adcell

更新历史

1.0.5 增加了showBottomLine属性，可以显示或者隐藏底部分割线 1.0.6 增加了iconRight属性，可以调整图标和文字的间距

获取方式

• 直接在插件市场下载
• 通过npm安装：npm i adcell

使用方式

市场下载的在 script 中引用组件

import adCell from '@/component/ADCell/ADCell.vue';
export default {
    components: {adCell}
}

通过npm安装的在 script 中引用组件

import adCell from '@/node_modules/adcell/ADCell.vue';
export default {
    components: {adCell}
}

在 template 中使用组件

<adCell text="普通"></adCell>
<adCell text="点击事件" @click="onClick"></adCell>
<adCell text="隐藏箭头" showArrow="false"></adCell>

属性说明

属性	类型	默认	备注
text	String	-	主标题
detail	String	-	副标题
note	String	-	子标题1
note1	String	-	子标题2
note2	String	-	子标题3
note3	String	-	子标题4
note4	String	-	子标题5
note5	String	-	子标题6
showArrow	Boolean/String	true	是否显示右侧箭头
mustInput	Boolean/String	false	是否显示必填红星
icon	String	-	左侧图标
textColor	String	#5E5E5E	主标题文字颜色
detailColor	String	#B3B3B3	副标题文字颜色
noteColor	String	#B3B3B3	子标题文字颜色
backgroundColor	String	#FFFFFF	组件背景色
swipeOptions	Array	-	左滑选项集合

事件说明

事件名称	说明	返回
click	点击Item触发的事件	-
swipeClick	点击左滑出来的按钮	e: {index, content.text}
swipeChange	滑动状态改变事件	open：true/false