category
category 商品分类
介绍
本插件是借鉴了官网案例部分而重新编写,已做分辨率兼容处理,可放心使用,
使用方式
import '../../components/category/category.stml'
或
import ICategory from '../../components/category/category.stml'
代码示例
<ICategory :list="list" onsidebarChange="sidebarChange" ongoodsChange="goodsChange"></ICategory>
API
props 属性
参数 |
说明 |
类型 |
默认值 |
list |
侧边导航和商品 |
Array |
无 |
list 传递参数
参数 |
说明 |
类型 |
默认值 |
案例 |
title |
侧边导航内容/右边商品标题 |
String |
无 |
{'title':xx} |
goods |
商品列表数据 |
Array |
无 |
[{'img': '..','name':'手机'}] |
<!--list案例-->
var list = {
// 标题(必填)
'title': '分类',
// 商品数据(必填)
'goods': [{
// 商品图片(必填)
'img': '..',
// 商品名称(必填)
'name':'手机'
}]
}
events 事件
事件名称 |
说明 |
回调参数 |
onsidebarChange |
点击侧边导航 |
当前节点下标和数据 |
ongoodsChange |
点击右边商品监听 |
当前商品数据 |
依赖的原生插件
无
帮助说明/联系方式
帮助说明
更多案例可以参考官网案例
联系方式
如需修改或修改样式请查看components/category/category.stml,如需要更多自定义功能或反馈与BUG,可联系QQ:910547462