@mnui/list-item v1.0.7

ListItem 列表项

说明

基于微信小程序第三方框架 wepyjs 开发，使用需要先安装 wepyjs

使用

安装组件

npm install @mnui/listItem --save

引入组件

// index.wpy
<template>
  <list>
    <repeat for="{{list}}" key="index" index="index" item="item">
      <listItem :icon="item.icon" :title="item.title" :link="item.link" :desc="item.desc :arrow="item.arrow"></listItem>
    </repeat>
  </list>
</template>

<script>
import wepy from 'wepy'
import listItem from '@mnui/listItem'

export default class Index extends wepy.page {
  components = {
    listItem
  }
}
</script>

props 参数

iconString

icon 路径

titleString

标题

linkString

超链接

descString

描述

arrowBoolean

是否显示箭头，有超链接默认有

event 事件

tap

不是超链接情况下，可以设置 tap 事件