vivo卡片组件库

# 【组件】 运营图组件

# 描述

jovi 主页 运营图组件

# 使用效果

jovi-picture-b-1 jovi-picture-b-2 jovi-picture-b-3

# 使用方法

在.ux文件中引入组件

<import
  name="component-picture-b"
  src="vivo-cards-suits/components/jovi/component-picture-b/index.ux"
></import>
1
2
3
4

# 示例

<template>
  <div class="card">
    <component-picture-b img-list="{{imgList}}"></component-picture-b>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        imgList: ["imgUrl", "imgUrl", "imgUrl"]
      };
    }
  };
</script>

<style lang="less">
  .card {
    width: 100%;
    flex-direction: column;
  }
</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

# API

# 组件属性

属性 类型 默认值 说明
imgList Array - 图片链接数组，图片数量不超过 3，支持 base64

← 【组件】 单图片组件 →