DataPay 数据展示

TIP

1.0.2+

DataPay 数据模版 - 图1

  1. <avue-data-pay :option="option"></avue-data-pay>
  2. <script>
  3. export default {
  4.   data(){
  5.     return {
  6.       option: {
  7.         span: 8,
  8.         data: [
  9.           {
  10.             title: '后台模版',
  11.             src: 'images/vip1.png',
  12.             money: '299',
  13.             dismoney: '99',
  14.             tip: '/永久',
  15.             color: '#808695',
  16.             subtext: '购买',
  17.             click: function () {
  18.               alert('弹窗');
  19.             },
  20.             list: [
  21.               {
  22.                 title: '面向全屏幕尺寸的响应式适配能力',
  23.                 check: true,
  24.               },
  25.               {
  26.                 title: '支持IE9+等系列浏览器',
  27.                 check: true,
  28.               },
  29.               {
  30.                 title: '全新的前端错误日志监控机制',
  31.                 check: true,
  32.               },
  33.               {
  34.                 title: '基于最新的avue底层开发',
  35.                 check: true,
  36.               },
  37.               {
  38.                 title: '前端路由动态服务端加载',
  39.                 check: true,
  40.               },
  41.               {
  42.                 title: '灵活的多款主题自由配置',
  43.                 check: true,
  44.               },
  45.               {
  46.                 title: '模块的可拆卸化,达到开箱即用',
  47.                 check: true,
  48.               },
  49.               {
  50.                 title: '免费的私人git私服',
  51.                 check: true,
  52.               },
  53.               {
  54.                 title: '专属会员群',
  55.                 check: true,
  56.               }, {
  57.                 title: '前端最新干货分享',
  58.                 check: true,
  59.               }, {
  60.                 title: '赠送 Avue.js 脚手架文档（价值¥59.99）',
  61.                 href: 'https://www.kancloud.cn/smallwei/avue',
  62.                 check: true,
  63.               }, {
  64.                 title: '赠送 Avue 修仙系列视频教程',
  65.                 href: 'https://www.bilibili.com/video/av24644922',
  66.                 check: true,
  67.               }
  68.             ]
  69.           }, {
  70.             title: 'Avuex源码',
  71.             src: 'images/vip2.png',
  72.             color: '#ffa820',
  73.             money: '999',
  74.             dismoney: '399',
  75.             tip: '/永久',
  76.             subtext: '购买',
  77.             list: [
  78.               {
  79.                 title: '一键集成表格的导出excel,打印,等功能',
  80.                 check: true,
  81.               },
  82.               {
  83.                 title: '底层代码可重用轻松对接多个UI框架',
  84.                 check: true,
  85.               },
  86.               {
  87.                 title: '底层更加完善的开发错误调试机制',
  88.                 check: true,
  89.               },
  90.               {
  91.                 title: '一套代码多个终端自适应',
  92.                 check: true,
  93.               },
  94.               {
  95.                 title: '一键集成表格的导出excel，打印，等常用功能',
  96.                 check: true,
  97.               },
  98.               {
  99.                 title: '表格的批量操作,表单的级联操作更加便捷',
  100.                 check: true,
  101.               },
  102.               {
  103.                 title: '新增大量常用组件（搜索，选项卡）',
  104.                 check: true,
  105.               },
  106.               {
  107.                 title: '新增大量全新可配置的骚属性',
  108.                 check: true,
  109.               },
  110.               {
  111.                 title: '丰富的数据展示模版组件包',
  112.                 check: true,
  113.               },
  114.               {
  115.                 title: '专属的开发者文档，助你快速掌握',
  116.                 check: true,
  117.               }, {
  118.                 title: '赠送 Avue.js 脚手架文档（价值¥59.99）',
  119.                 href: 'https://www.kancloud.cn/smallwei/avue',
  120.                 check: true,
  121.               }, {
  122.                 title: '赠送 Avue 修仙系列视频教程',
  123.                 href: 'https://www.bilibili.com/video/av24644922',
  124.                 check: true,
  125.               }
  126.             ]
  127.           }, {
  128.             title: '全家桶',
  129.             src: 'images/vip3.png',
  130.             color: '#ef4868',
  131.             money: '699.99',
  132.             dismoney: '399.99',
  133.             tip: '/永久',
  134.             subtext: '购买',
  135.             list: [
  136.               {
  137.                 title: '授权商业化开发,永久更新授权使用',
  138.                 check: true,
  139.               },
  140.               {
  141.                 title: '后期更新和新产品将全部免费',
  142.                 check: true,
  143.               },
  144.               {
  145.                 title: '拥有avue系列的全部特权和全部源码（包括avuex）',
  146.                 check: true,
  147.               },
  148.               {
  149.                 title: '提供远程技术支持和问题解答',
  150.                 check: true,
  151.               }, {
  152.                 title: '赠送 Avue.js 脚手架文档（价值¥59.99）',
  153.                 href: 'https://www.kancloud.cn/smallwei/avue',
  154.                 check: true,
  155.               }, {
  156.                 title: '赠送 Avue 修仙系列视频教程',
  157.                 href: 'https://www.bilibili.com/video/av24644922',
  158.                 check: true,
  159.               }
  160.             ]
  161.           }
  162.         ]
  163.       },
  164.     }
  165.   }
  166. }
  167. </script>