更新记录

1.0.2(2025-01-03) 下载此版本

fix:修复自定义图片尺寸时,图片尺寸显示不准确问题

1.0.1(2024-05-17) 下载此版本

fix:修复vue2模式下css不生效问题

1.0.0(2024-05-17) 下载此版本

当前仅测试了h5

查看更多

平台兼容性

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

xt-wid-subjects专题挂件

简介

  • 专题挂件,可以实现多比例图片展示

基本用法

<xt-wid-subjects
    v-if="item.type === 'widget_subjects'"
    :content="item.items"
    :showCateName="item.show_catename"
    :cateName="item.catename"
    :cateNameColor="item.catename_color"
    :more="item.more"
    :morePosition="item.more_position"
    :bgColor="item.bg_color"
    :size="item.size"
    :imageWd="item.width"
    :imageHt="item.height"
    :showTitle="item.show_title"
    :titleLine="item.title_line"
    :titleAlign="item.title_align"
/>

props各种配置项

属性名 类型 默认值 说明
content Array 必填,专题挂件内容
showCateName String '0' 是否显示栏目,0-不显示 1-显示
cateName String 栏目名称
cateNameColor String #32a4df 栏目名称颜色
more String 更多内容 更多内容的文字描述
morePosition String cate 查看更多位置 none-不显示,cate-栏目名右边,slide-横滑到最后显示
bgColor String #F6F6F8 滚动区域背景色
size String 1 图片比例1-2:1 2-5:2 3-5:3 0-自定义图片宽高
imageWd [Number, String] 自定义图片宽度
imageHt [Number, String] 自定义图片高度
showTitle String 1 是否显示标题 1-显示
titleLine Number 2 标题行数 1-单行 2-双行
titleAlign String 1 标题对齐方式 1-居左对齐 2-居中对齐

事件

事件名 类型 说明
@onClick Function 点击专题内容事件,返回值Object,返回当前点击的专题内容
@onMore Function 点击查看更多事件,无返回值

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。

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