更新记录

1.0.1(2025-04-11) 下载此版本

  1. 发布 rk-list

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 4.56 app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

rk-list 组件

组件名:rk-list

组件属性

参数 说明 类型 默认值 可选值
info 列表信息,hook中useList的返回结果 Object {list: [], isLoading: false, loadStatus: 'loadmore'} -
mode 列表为空内置图标,uv-empty的mode String list car、page、search、address、wifi-off、order、coupon、favor、permission、history、news、message、list、data
text 列表为空提示文字,uv-empty的text String 暂无数据 -
loadmoreText 加载前的提示语 String 加载更多 -
loadingText 加载中提示语 String 正在加载... -
nomoreText 没有更多的提示语 String 没有更多了 -

组件Slots

  1. 直接在组件中写内容即可

使用示例

<template>
    <view>
        <rk-list :info="info">
            <view v-for="(item, index) in info.list" :key="`list` + index">{{item.name}}</view>
        </rk-list>
    </view>
</template>

<script setup>
import { reactive } from 'vue'
let info = reactive({
    list: [
        {id: 1, name: 'swk'},
        {id: 2, name: 'zjb'},
        {id: 3, name: 'ss'},
    ],
    isLoading: false,
    loadStatus: 'loadmore'
})
</script>

<style lang="scss"></style>

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。

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