快应用开发 – 俗称快应用是九大手机厂商基于硬件平台共同推出的新型应用生态。用户无需下载安装，即点即用，享受原生应用的性能体验。
最近由于项目需求，接触了， 但在开发中，各种坑，首先布局，只在flex布局基础上去实现布局，大部分js事件不支持，至于怎样，你们自己去想吧。
废话不多说，实现效果图： (可拖动调节)

  1. <div id="sliderBox" ontouchstart="SliderX_Start" ontouchmove="SliderX_Move">
  2.     <div style="width:{{ slideWidth }}"></div>
  3. </div>
  1. export default {
  2. private: {
  3.     slideWidth: 0,
  4.     startX: 0,
  5.     moveEndX: 0,
  6.     X: 0 
  7.      // 亮度控制
  8.     SliderX_Start(e){
  9.         this.startX = e.touches[0].pageX - e.touches[0].offsetX;
  10.          console.log(\'--------------->> e：\',e);
  11.     },
  12.     SliderX_Move(e){
  13.         this.moveEndX = e.changedTouches[0].pageX;
  14.         this.X = this.moveEndX - this.startX;
  15.         this.slideWidth =  parseInt(this.X);
  16.          console.log(\'--------------->> 移动距离：\',parseInt(this.X));
  17.      },
  18. }

目前快应用很多事件都不支持，以上仅供参考。

版权声明：本文为web-zhanglifeng原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/web-zhanglifeng/p/9982065.html