DataPay 数据展示

xxx

¥xxxxxx/永久

购买
xxx
xxx

xxx

¥999999xxx/永久

购买
xxx

xxx

¥xxxxxx/永久

购买
xxx
<template>
  <avue-data-pay :option="option"></avue-data-pay>
</template>
<script>
export default {
  data () {
    return {
      option: {
        span: 8,
        data: [
          {
            title: 'xxx',
            src: 'images/vip1.png',
            money: 'xxx',
            dismoney: 'xxx',
            tip: '/永久',
            color: '#808695',
            subtext: '购买',
            click: function (item) {
              alert(JSON.stringify(item));
            },
            list: [
              {
                title: 'xxx',
                check: true,
                tip: `xxxx`,
              },
              {
                title: 'xxx',
                check: true,
              }
            ]
          }, {
            title: 'xxx',
            src: 'images/vip2.png',
            color: '#ffa820',
            money: 'xxx',
            dismoney: '999999',
            tip: '/永久',
            subtext: '购买',
            click: function (item) {
              alert(JSON.stringify(item));
            },
            list: [
              {
                title: 'xxx',
                check: true,
              }
            ]
          }, {
            title: 'xxx',
            src: 'images/vip3.png',
            color: '#ef4868',
            money: 'xxx',
            dismoney: 'xxx',
            tip: '/永久',
            subtext: '购买',
            click: function (item) {
              alert(JSON.stringify(item));
            },
            list: [
              {
                title: 'xxx',
                check: true,
              }
            ]
          }
        ]
      },
    }
  }
}
</script>
显示代码
Last Updated:
Contributors: smallwei
您正在浏览基于Avue 3.x文档; 点击这里 查看Avue 2.x 的文档