text: import Vue from 'vue'
  import Button from './button'
  import Icon from './icon'
  import ButtonGroup from './button-group'
  import Input from './input'
  import Row from './row'
  import Col from './col'
  import Layout from './layout'
  import Header from './header'
  import Sider from './sider'
  import Content from './content'
  import Footer from './footer'
  import Toast from './toast'
  import plugin from './plugin'
  import Tabs from './tabs'
  import TabsHead from './tabs-head'
  import TabsBody from './tabs-body'
  import TabsItem from './tabs-item'
  import TabsPane from './tabs-pane'
  import Popover from './popover'
  import Collapse from './collapse'
  import CollapseItem from './collapse-item'
  
  
  Vue.component('g-button', Button)
  Vue.component('g-icon', Icon)
  Vue.component('g-button-group', ButtonGroup)
  Vue.component('g-input', Input)
  Vue.component('g-row', Row)
  Vue.component('g-col', Col)
  Vue.component('g-layout', Layout)
  Vue.component('g-header', Header)
  Vue.component('g-content', Content)
  Vue.component('g-footer', Footer)
  Vue.component('g-sider', Sider)
  Vue.component('g-toast', Toast)
  Vue.use(plugin)
  Vue.component('g-tabs', Tabs)
  Vue.component('g-tabs-head', TabsHead)
  Vue.component('g-tabs-body', TabsBody)
  Vue.component('g-tabs-item', TabsItem)
  Vue.component('g-tabs-pane', TabsPane)
  Vue.component('g-popover', Popover)
  Vue.component('g-collapse', Collapse)
  Vue.component('g-collapse-item', CollapseItem)
  
  new Vue({
    el: '#app',
    data: {
      selectedTab: ['2'],
      isLoading: true,
      value: '1',
      selected: '2'
      // selectedTab: 'sports'
    },
    created() {
    },
    methods: {
      yyy() {
        console.log('yyy');
      },
      showToast1() {
        this.showToast('top')
      },
      showToast2() {
        this.showToast('middle')
      },
      showToast3() {
        this.showToast('bottom')
      },
      showToast(position) {
        this.$toast(`你的智商目前为${parseInt(Math.random() * 100)}。你的智商需要充值！`, {
          position,
          closeButton: {
            text: '已充值',
            callback() {
              console.log('他说已经充值智商了！')
            }
          },
          autoClose: 3,
        })
      },
      onClickButton() {
        this.$toast('<strong style="color:#ec7171;">请你吃顿好的</strong>！', {
          enableHtml: true,
          closeButton: {
            text: '真诚吗？',
            callback: () => {
              console.log("他说真诚吗？")
            }
          }
        })
      }
    },
  
  })
  
  