ecton-h5-comp

移动端Vue组件

Author

易通-预付卡研发部-前端团队

组件介绍

组件使用见目录examples/views/floors/index.vue文件

• MaskLoading 带遮罩的loading组件

  | 参数 | 说明 | 类型 | 默认值 | | :------- | ------------ | ------- | ---------------------------------- | | showMask | 是否显示遮罩 | boolean | false | | type | 遮罩类型 | number | 1--易通loading2--默认loaidng |

• Swiper 轮播组件

  | 参数 | 说明 | 类型 | 默认值 | | :-------- | ------------ | ----- | ------ | | floorData | 轮播数据list | array | [] |

  floorData数据格式

  | 参数 | 说明 | 类型 | 默认值 | | :------- | -------------------- | ------ | ------ | | imageUrl | 轮播图url | string | - | | url | 轮播图点击后跳转链接 | string | - |

• ThreeGrids 三宫格组件

• FourGrids 四宫格（两纵两列）组件

• FiveGrids 五宫格组件

• OneToThree 一拖三组件

• TwoToThree 二加三组件

  | 参数 | 说明 | 类型 | 默认值 | | :-------- | ------------ | ----- | :----- | | floorData | 组件数据list | array | [] |

  floorData数据格式

  | 参数 | 说明 | 类型 | 默认值 | | :------- | ------------------ | ------ | ------ | | imageUrl | 宫格图片url | string | - | | url | 点击图片后跳转链接 | string | - |

• FlowList 三列瀑布流

  | 参数 | 说明 | 类型 | 默认值 | | :-------- | ------------ | ----- | :----- | | floorData | 组件数据list | array | [] |

  floorData数据格式

  | 参数 | 说明 | 类型 | 默认值 | | :------------- | ------------------ | -------------- | ------ | | imageUrl | 瀑布流图片url | string | - | | url | 点击图片后跳转链接 | string | - | | title | 瀑布流商品名称 | string | - | | subtitleFirst | 瀑布流商品实际售价 | string，number | - | | subtitleSecond | 瀑布流商品划线价格 | string，number | - |