@xsyx/hanzo-banner NPM

banner列表组件

变更日志

v1.0.0

组件初始化

基本调用

 <hanzo-action-list></hanzo-icon>

参数 props

序号	参数	说明	类型	可选值	默认值	是否可空	版本号
1	bannerList	banner列表	Array	-	[]	-	1.0.0
2	zid	呈现的页面	Array	商城端小程序（首页） 2、商城端小程序（分类页） 3、商城端小程序（个人中心） 7、门店端小程序（首页）	-	-	1.0.0
3	areaId	区域ID	number	-	1	-	1.0.0
4	storeId	门店ID	number	-	4	-	1.0.0
5	storeAddress	门店详细地址	Boolean	-	-	-	1.0.0
6	bodyStyle	body样式	Boolean	-	padding: 20rpx	-	1.0.0
7	width	图片宽度	string	-	-	-	1.0.0
8	height	图片高度	string	-	-	-	1.1.1
9	dataSource	数据来源	string	component：组件内部（ajax获取）; page: 页面传入	-	-	1.1.1

    /**
     * 区域ID
     */
    areaId: Number,
    /**
     * 门店ID
     */
    storeId: Number,
    /**
     * 门店详细地址
     */
    storeAddress: String,
    /**
     * body样式
     */
    bodyStyle: { type: String, value: "" },
    /**
     * 图片宽度
     */
    width: { type: String, value: "100%" },
    /**
     * 图片高度
     */
    height: { type: String, value: "200rpx" },
    /**
     * 数据来源：
     * component：组件内部（通过ajax调取服务端数据）
     * page: 页面传入
     */
    dataSource: { type: String, value: "component" }

自定义事件 event

序号	事件名	参数	说明	备注	版本号
1	banner-tap	{　　// banner项详情　　"bannerDetails": {}}	单击事件	-	1.0.0

插槽 slot

名称	说明	备注

@xsyx/hanzo-banner v1.1.1

banner列表组件

变更日志

v1.0.0

基本调用

参数 props

自定义事件 event

插槽 slot

相关演示