<template>
  <div class="h100 w100">
    <zgh-header :title="$route.name"></zgh-header>
    <div class="common-top mainBox">
      <div class="relative" style="height:100px">
        type2
        <zgh-footer type="type2"></zgh-footer>
      </div>
      <div class="relative" style="height:100px">
        type1
        <zgh-footer type="type1"></zgh-footer>
      </div>
      <div class="relative" style="height:100px">
        <zgh-footer></zgh-footer>
      </div>

      <div class="highlight mgB30">
        <div class="wp fs14">
        <pre>
            <code class="hljs language-html">
    <h3 class="bold fs16">本例用法：</h3>
              {{code | htmlDecode}}
            </code>
          </pre>
          <zgh-table :tbody="tbody"></zgh-table>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {

    data() {
      return {
        menus: [{
          to: '/',
          name: '人脉圈',
          iconfont: '&#xe61f;',
        }, {
          to: '/',
          name: '活动',
          iconfont: '&#xe607;',

        }, {
          to: '/',
          name: '活动',
          iconfont: '&#xe607;',
          icon: 'static/img/logo.png'
        }, {
          to: '/',
          name: '任务',
          iconfont: '&#xe645;',

        }, {
          to: '/',
          name: '我的',
          iconfont: '&#xe8f8;',
        }],

        tbody: [
          {name: 'type', explain: '类型', type: 'String', default: ''},
          {
            menus: 'menus', explain: '底部菜单数据', type: 'Object', default: ""
          },
        ],
        code: `
        menus: [{
          to: '/',
          name: '人脉圈',
          iconfont: '&#xe61f;',
        }, {
          to: '/',
          name: '活动',
          iconfont: '&#xe607;',

        }, {
          to: '/',
          name: '活动',
          iconfont: '&#xe607;',
          icon: 'static/img/logo.png'
        }, {
          to: '/',
          name: '任务',
          iconfont: '&#xe645;',

        }, {
          to: '/',
          name: '我的',
          iconfont: '&#xe8f8;',
        }]

        <zgh-footer></zgh-footer>
        `
      }
    },
    computed: {},
    mounted() {

    },
    methods: {}
  }
</script>

<style lang="less" scoped>
  @import url("../../assets/config.less");

  a {
    display: block;
    text-align: center;
    .lh(70);
  }
</style>
