discountZone.vue 931 Bytes
<template>
  <div>
   <titleBox v-if="discountZoneInfo" :titles="discountZoneInfo[0]"></titleBox>
   <div v-if="discountZoneInfo&&discountZoneInfo[0].img" class="item_box">
     <div class="left">
     <img v-lazy="discountZoneInfo[0].img[0].simg" />
     </div>
     <div class="right">
         <img class="item" v-for="(item,index) in discountZoneInfo[0].img" :key="index" v-if="index>0" v-lazy="item.simg" />
     </div>
   </div>
  </div>
</template>

<script>
    import titleBox from "@/components/titleBox/titleBox";
  export default {
    name: 'discountZone',
    data () {
      return {
          titles:null
      }
    },
      props:["discountZoneInfo"],
      components:{
          titleBox
      },
    created(){

    },
    methods: {

    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style rel="stylesheet/less" lang="less" scoped>
    @import "discountZone";
</style>