更新记录

1.0.7(2020-02-18)

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

1.0.4(2019-12-04)

1、增加左滑操作功能 2、增加右侧自定义View功能 3、显示优化

1.0.3(2019-12-04)

1、增加左滑操作功能 2、增加右侧自定义View功能 3、显示优化

查看更多

平台兼容性

更新历史

1.0.7
  • 增加了showBottomLine属性,可以显示或者隐藏底部分割线
  • 增加了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 - 左滑选项集合
showBottomLine Boolean/String true 是否显示底部分割线,默认true
iconRight String 10 图片右侧于文字的间距

事件说明

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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问