<template>
  <div class="pop">
    <br>
    <br>
    <m-list class="hover bordered striped">
      <m-list-item>1</m-list-item>
      <m-list-item hide-waves>1</m-list-item>
      <m-list-item disabled>1</m-list-item>
      <m-list-item class="active">1</m-list-item>
      <m-list-item>1</m-list-item>
    </m-list>
    <br>
    <br>
    <m-icon icon="icon-return">你好中国</m-icon>
    <m-icon icon="icon-editor">你好中国</m-icon>
    <br>
    <br>
    <m-tip theme-class="z-d1" popperMouse>
      <m-btn class="grey-l4_bg" slot="label">你好中国</m-btn>
      <m-list class="hover bordered striped" slot="popper">
        <m-list-item>11111111111111111111111111111</m-list-item>
        <m-list-item>1</m-list-item>
        <m-list-item>1</m-list-item>
        <m-list-item>1</m-list-item>
      </m-list>
    </m-tip>
    <br>
    <br>
    <!--<m-tree :data="navdata"></m-tree>-->
    <br>
    <br>
    <m-page :allpage="30" :nowpage="2"></m-page>
    <br>
  </div>
</template>

<script>
  export default {
    name: 'Pop',
    data: () => ({
//      navdata: [
//        {
//          label: '服务器',
//          icon: 'icon icon-msnui-server',
//          children: [
//            {
//              label: '集群',
//              icon: 'icon icon-jiqun',
//              link: '/#/cluster'
//            },
//            {
//              label: '应用',
//              icon: 'icon icon-yingyong',
//              link: '/#/apps'
//            }
//          ]
//        },
//        {
//          label: '项目',
//          link: '/#/project',
//          icon: 'icon icon-xiangmu'
//        },
//        {
//          label: '仓库',
//          icon: 'icon icon-cangku',
//          children: [
//            {
//              label: '镜像仓库',
//              icon: 'icon icon-jingxiang',
//              link: '/#/hub'
//            },
//            {
//              label: '文件仓库',
//              icon: 'icon icon-552cd47fba2cc',
//              link: '/#/filehub'
//            }
//          ]
//        }
//      ]
    }),
    methods: {
      itemSelect (item) {
        console.log(item)
      }
    }
  }
</script>
