vue better-scroll横向滚动

vue  实现better-scroll横向滚动

       首先需要引入better-scrollc 插件（better-scroll插件作用主要是解决移动端的滚动环境（已支持PC））。

npm install better-scroll --save

//组件文件中引入better-scroll

import BScroll from 'better-scroll'
 

       使用better-scrol

     首先的说一下滚动的方式，首先有两个容器，一个为父容器（绿色部分）且具有固定高度，宽度可选，一个子容器（黄色部分）1且高度会随内容的增多而变大（滚动的内容），宽度可选，当子容器的高度大于父容器时，就会滚动，反之不会滚动。

   横向滚动的方式同理可得！

    下面是横向滚动的示例代码：

 

       

         

            This is iotem{{item}}