更新记录
1.0.2(2025-01-03)
下载此版本
fix:修复自定义图片尺寸时,图片尺寸显示不准确问题
1.0.1(2024-05-17)
下载此版本
fix:修复vue2模式下css不生效问题
1.0.0(2024-05-17)
下载此版本
当前仅测试了h5
查看更多
平台兼容性
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 |
点击查看更多事件,无返回值 |