• DataPay 数据展示

    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>