更新记录
1.0.1(2023-07-27)
下载此版本
优化兼容小程序app
1.0.0(2023-07-21)
下载此版本
初版,后续逐步更新完善
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
引入组件
import xlDropCard from '@/components/xl-drop-card/xl-drop-card.vue'
注册组件
components: {
xlDropCard
},
使用组件
<xl-pop-up
:list="list"
@change="checkResult"
:hidth="0">
</xl-pop-up>
参数说明
list:需要传递展示数据(数组)
@change:点击商品的回调
hidth:暂留区域的高度(数字 默认按rpx计算:如传100就是100rpx的暂留区)
数据格式
list:[
{
"id": "1",
"name": "A",
"arr": [
{
"title": "测试商品1",
"url":"https://img2.baidu.com/it/u=4237538178,3983390068&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800?",
"pic":"216"
},
{
"title": "测试商品2",
"url":"https://img1.baidu.com/it/u=3024142302,2332917027&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=300",
"pic":"115"
}
]
}
]
``