更新记录

1.0.0（2021-03-11）

  • 第一个版本

平台兼容性

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

安装方式

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

基本用法

在 template 中使用组件

<orange-longswiper :list="listData" :config="configData"  @tapMore="tapMore" @tapList="tapList"></orange-longswiper>

API

Props

属性名 类型 默认值 说明
list Array - 列表数组 字段见下方说明
config Array - 列表数组 字段见下方说明

list

属性名 类型 默认值 说明
id Number - id
img String - 图片路径
subject String - 图片标题

config

属性名 类型 默认值 说明
title String - 模块左侧大标题
titlemore String - 模块右侧更多小标题
listmore String - 图片列表最右侧更多文字
moreurl String - 点击更多跳转链接
multiple Number 3 页面同时显示的图片数量
nextMargin Number 0 后边距，可用于露出后一项的一小部分 rpx
height Number 140 图片高度 rpx
radius Number 0 图片圆角 rpx

Event

属性名 说明
@tapMore 返回 config 内的 moreurl
@tapList 返回 list 数组的 id和index

示例项目

本组件也提供了示例项目，可点击下载查看

隐私、权限声明

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

无

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

无

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

无

许可协议

MIT协议
评论列表 撰写评论
加载更多...
插件问答 我要提问

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

加载更多...