<template>
  <div class="ad-bar">
    <div class="inner">
      <div
        v-for="item in componentData.listStyle"
        :key="item.id"
        class="ad-item"
      >
        <img :src="item.imgUrl" alt="" />
      </div>
    </div>
  </div>
</template>

<script>
/**
 * @author: 过飞
 * @createData: 2020年09月15日 11:42:29
 * @version：v1.0
 *
 * @desc: 功能描述
 */
export default {
  name: 'AdBar',

  components: {},

  mixins: [],

  props: {
    componentData: {
      type: Object,
      default: () => ({})
    }
  },

  data() {
    return {}
  },

  computed: {},

  watch: {},

  created() {},

  mounted() {},

  methods: {}
}
</script>
<style lang="scss" scoped>
.ad-bar {
  padding: 0 10px 0;
  .inner {
    display: flex;
    justify-content: flex-start;
    .ad-item {
      flex: 1;
      // margin-right: 10px;
      // background-color: #eeeeee;
      & > img {
        display: block;
        width: 100%;
      }
      &:last-child {
        margin-right: 0px;
      }
    }
  }
}
</style>
