vue常用插件

移动端布局

• lib-flexible 根据视口自动计算根元素的font-size大小
• postcss-pxtorem 自动将px转换为对应的rem
• 以上两个插件配合使用，可以实现的效果为：测量到的效果图，测量到多少就写多少px

移动端滚动事件iScroll插件

• 滚动视图布局要求

  • 滚动视图（div）包裹 滚动容器（div）

  • 滚动容器是滚动视图的第一个子元素，滚动视图会忽略其他子元素

  • 滚动容器需要包裹所有滚动的内容

• 滚动视图大小固定，overflow设置为hidden

• 滚动容器不要设置大小的样式，高度被子元素撑开

• 创建滚动视图

• const scroll = new IScroll('滚动视图的选择器'，{配置项})
  // 常见配置项
  {
      // 弹簧效果
      bounce：true，
      // 滚动的容器内部的dom是否接收click事件
      click:true
      // 移动端点击事件也需要支持
      tap：true，
      // x,y轴支持滚动
      scrollX:true,// 默认false
      scrollY：true， // 默认true
      // x,y轴自由滚动
      freeScroll：true，
      // 设置x,y轴的起始位置
      startX:100,
      startY：-50，
      // 显示滚动条
      scrollbars：true，
      // 触摸才会显示滚动条
      fadeScrollbars:true
  }
    
  // 常用滚动插件的方法
    
  // 刷新滚动视图，可以识别最新的滚动范围
  scroll.refresh()