DataPrice 数据展示

<template>
  <avue-data-price :option="option"></avue-data-price>
</template>
<script>
export default {
  data () {
    return {
      option: {
        span: 6,
        data: [
          {
            title: '日套餐',
            price: 20,
            append: '1 / 天',
            click: function () {
              alert('弹窗');
            },
            list: ['1天的使用时间', '支持pc客户端', '支持vue的全部体系', '一个神奇的框架']
          }, {
            title: '周套餐',
            price: 30,
            append: '7 / 天',
            click: function () {
              alert('弹窗');
            },
            list: ['1天的使用时间', '支持pc客户端', '支持vue的全部体系', '一个神奇的框架']
          }, {
            title: '月套餐',
            price: 40,
            append: '30 / 天',
            click: function () {
              alert('弹窗');
            },
            list: ['1天的使用时间', '支持pc客户端', '支持vue的全部体系', '一个神奇的框架']
          }, {
            title: '年套餐',
            price: 50,
            append: '360 / 天',
            click: function () {
              alert('弹窗');
            },
            list: ['1天的使用时间', '支持pc客户端', '支持vue的全部体系', '一个神奇的框架']
          }
        ]
      }
    }
  },
}
</script>

# DataPrice 数据展示

DataPrice 数据展示