better-scroll使用方法

npm install better-scroll
还有iscroll可以用，但是这里我们用better-scroll
better-scroll
1. 必须有两层，视图层高度必须确定。
2. 容器层调试要大于视图层。
3. mounted生命周期里做初始化。
4. 视图层内部有多个并列的容器，只有第一个有效

<template>
  <div class="recommend">
    <div class="view-box">
      <ul class="content">
        <li v-for="item in 100">{{item}}</li>
      </ul>
    </div>
  </div>
</template>

<script>
import Bs from 'better-scroll'
import { consultRecommend } from '../api'
export default {
  methods: {
    initBs() {
      new Bs('.view-box')
    }
  },
  created () {
    consultRecommend().then((data) => {console.log(data)})
  },
  mounted () {
    this.initBs();
  }
}
</script>

<style lang="less" scoped>
@import url('../style/index.less');
.recommend {
  .fixed(88, 0, 0, 0, blue);
  .view-box {
    width: 100%;
    height: 100%;
    background: pink;
    overflow: hidden;
    .content {
      width: 100px;
      background: yellow;
    }
  }
}
</style>