# yuGrid 宫格组件

<template>
 <yu-grid :gridList="funList" :border="false" column-num="4"></yu-grid>
</template>
<script>
import yuGrid from '@/components/yu-grid/index';
 export default {
   components: {
    yuGrid
   },
   data() {
     return: {
     funList: [
       {
         name: '私人定制账户',
         key: '1',
         src: require('./assets/img/private.png'),
         link: 'private',
         modules: 'financial'
         bage: '推荐'
       },
       {
         name: '积分商城',
         key: '2',
         src: require('./assets/img/shop.png'),
         link: 'shop',
         modules: 'deposit'
       },
       {
         name: '排行榜',
         src: require('./assets/img/ranking.png'),
         link: 'ranking',
         key: '3',
         modules: 'foundation'
       },
       {
         key: '04',
         name: '慈善捐助',
         src: require('./assets/img/giving.png'),
         link: 'giving',
         modules: 'loan'
       },
       {
         key: '5',
         name: '资产配置',
         src: require('./assets/img/allocation.png'),
         link: 'allocation',
         checkAuth: false,
         modules: 'financial'
       },
       {
         key: '6',
         name: '咨询',
         src: require('./assets/img/info.png'),
         link: 'info',
         modules: 'loan'
       },
       {
         key: '7',
         name: '合格投资者',
         src: require('./assets/img/investors.png'),
         link: 'investors',
         modules: 'loan'
       },
       {
         key: '8',
         name: '合同签署',
         src: require('./assets/img/signing.png'),
         link: 'signing',
         modules: 'perCenter',
         bage: '1'
       }
     ]
     }
   },
   methods: {
   },
 }
</script>