components

====tabbar===
<template>
  <nav class="mui-bar mui-bar-tab">
    <router-link class="mui-tab-item" to="/home">
      <span class="mui-icon mui-icon-home"></span>
      <span class="mui-tab-label">首页</span>
    </router-link>
    <router-link class="mui-tab-item" to="/category">
      <span class="mui-icon mui-icon-personadd"></span>
      <span class="mui-tab-label">分类</span>
    </router-link>
    <router-link class="mui-tab-item" to="/shopcart">
      <span class="mui-icon mui-icon-extra mui-icon-extra-cart">
        <span class="mui-badge">0</span>
      </span>
      <span class="mui-tab-label">购物车</span>
    </router-link>
    <router-link class="mui-tab-item" to="/user">
      <span class="mui-icon mui-icon-gear"></span>
      <span class="mui-tab-label">我的</span>
    </router-link>
  </nav>
</template>
<script>
export default {}
</script>
<style>
</style>

===swiper===
<template>
  <div>
    <mt-swipe :auto="4000">
      <mt-swipe-item v-for="item in imgList" :key="item.id">
        <img :src="item.img" />
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
export default {
  props: ['imgList']
}
</script>
<style scoped lang="scss">
.mint-swipe {
  height: 200px;
  color: white;
  .mint-swipe-items-warp {
    .mint-swipe-item {
      text-align: center;
    }
  }
  img {
    width: 100%;
    height: 100%;
  }
}
</style>

===numbox===
<template>
  <div class="mui-numbox" data-numbox-min="1" data-numbox-max="max">
  <button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
  <input id="test" class="mui-input-numbox" type="number" :value="initCount" 
    ref="num" @change="countChanged">
  <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
  </div>
</template>
<script>
import mui from '../lib/mui/js/mui.min.js'
export default {
  props: ['max', 'initCount', 'goodsid'],
  data() {
    return {}
  },
  created() {},
  mounted() {
    //数字输入框必须进行初始化之后才能正常使用
    mui('.mui-numbox').numbox()
  },
  methods: {
    countChanged() {
      //将数字输入框中的数量返回给GoodsInfo页面
      var count = parseInt(this.$refs.num.value)
      this.$emit('count', { count: count, id: this.goodsid })
    }
  },
  watch: {
    'max'(newVal) {
      mui('.mui-numbox').numbox().setOption('max', newVal)
    }
  }
}
</script>
<style scoped lang="scss">
</style>