快應用開發 - 亮度控制實現

快應用開發 - 俗稱快應用是九大手機廠商基於硬件平臺共同推出的新型應用生態。用戶無需下載安裝，即點即用，享受原生應用的性能體驗。
最近因爲項目需求，接觸了， 但在開發中，各類坑，首先佈局，只在flex佈局基礎上去實現佈局，大部分js事件不支持，至於怎樣，大家本身去想吧。
廢話很少說，實現效果圖： (可拖動調節)

<div id="sliderBox" ontouchstart="SliderX_Start" ontouchmove="SliderX_Move">
    <div style="width:{{ slideWidth }}"></div>
</div>

export default { private: { slideWidth: 0, startX: 0, moveEndX: 0, X: 0 
     // 亮度控制
 SliderX_Start(e){ this.startX = e.touches[0].pageX - e.touches[0].offsetX; console.log('--------------->> e：',e); }, SliderX_Move(e){ this.moveEndX = e.changedTouches[0].pageX; this.X = this.moveEndX - this.startX; this.slideWidth =  parseInt(this.X); console.log('--------------->> 移動距離：',parseInt(this.X)); }, }

目前快應用不少事件都不支持，以上僅供參考。