iT邦幫忙

0

vue v-for (五)

  • 分享至 

  • xImage
  •  
export default {
  name: "HelloWorld",
  data() {
    return {
      net: [
        {
          nettag: "抽成",
          netimg: "https://hong-liyen.github.io/CB/images/blurimg_01.png"
        },
        {
          nettag: "优惠",
          netimg: "https://hong-liyen.github.io/CB/images/blurimg_02.png"
        },
        {
          nettag: "支援",
          netimg: "https://hong-liyen.github.io/CB/images/blurimg_03.png"
        }
      ],
      pay: [
        {
          paytitle: "提款安全快速",
          payinfo: "DRAW SAFETY"
        },
        {
          paytitle: "快速充值中心",
          payinfo: "RECHARGE FASTLY"
        },
        {
          paytitle: "支付快速接入",
          payinfo: "PAY QUICKLY"
        }
      ]
    };
  }
};
<!-- cb Payment -->
    <section class="wow fadeInDown payment" data-wow-delay="0.2s">
        <div class="container text-center">
            <h2 class="wow fadeInDown title text-red border-btm-red3" data-wow-delay="0.4s">便捷入款</h2>
            <div class="wow fadeInUp content row" data-wow-delay="0.6s">
                <div class="col-sm-4 col-xs-12" v-for="item in pay">
                    <div class="item-book col-xs-12 text-white">
                        <div class="text-center">
                            <h4>{{item.paytitle}}</h4>
                            <p>{{item.payinfo}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言