寰俊灏忕▼搴? titlesplit >鍚庡彴鍧戞€庝箞瀹炵幇銆傚墠澶╃獊鐒跺湪QQ缇ら噷鐪嬪埌涓€涓濡笯鎴戦棶鎴戝浣曞湪灏忕▼搴忎腑瀹炵幇宸︽粦鍒犻櫎銆備粖澶╂濂藉懆鏈湁绌猴紝鎵€浠ュ啓浜嗚繖绡囨枃绔犮€傛晥鏋滃睍绀虹殑瀹炵幇杩囩▼浣跨敤灏忕▼搴弇ovable-area鍜宮ovable-view鐨勫熀鏈粍浠舵惌寤鸿鍥炬灦锛岃幏鍙栧悗鍙扮殑鍟嗗搧鏁版嵁杩涜寰幆灞曠ず銆傚悜宸︽粦鍔ㄤ互鏄剧ず鍙充晶闅愯棌鐨勭孩鑹插垹闄ゆ寜閽€傚搴旀暟鎹吉浠ｇ爜锛?blockwx:for="{{infoList}}"wx:for-index="index"wx:key="id"wx:for-item="item">鍒犻櫎//js浠ｇ爜涓殑鍙橀噺data:data:{currentTouche:{x:0,y:0},offset:20,},//鍒犻櫎鍟嗗搧澶勭悊浜嬩欢asynchandleDelShop(e){let{index,id}=e.currentTarget.dataset;璁﹊nfoList=this.data.cartData.g璐х墿锛沬nfoList.splice(index,1);this.setData({[infoList]:infoList,})},touchStart(e){let{clientX,clientY}=e.changedTouches[0];璁﹞绱㈠紩}=e.currentTarget.dataset;//閲嶇疆鍒楄〃涓櫎褰撳墠鎿嶄綔椤瑰鐨勬墍鏈夐」鍦▁鏂瑰悜鐨勫亸绉婚噺letnewCartData=this.data.infoList.map((v,idx)=>{if(index!=idx){v.x='';v.y='';}returnv;})this.setData({infoList:newCartData})this.setData({currentTouche:{x:clientX,y:clientY}})},touchend(e){let{clientX,clientY}=e.changedTouches[0];璁﹞绱㈠紩}=e.currentTarget.dataset;//鍒ゆ柇鏄笂涓嬫粦鍔ㄨ繕鏄乏鍙虫粦鍔╥f(Math.abs(clientY-this.data.currentTouche.y)=this.data.currentTouche.x){//鍚戝彸婊戝姩this.setData({[`infoList[${index}].x`]:0})}else{//鍚戝乏婊戝姩if(this.data.currentTouche.x-clientX>=this.data.offset){this.setData({[`infoList[${index}].x`]:-rpxTopx(164)})}else{this.setData({[`infoList[${index}].x`]:0})}}}else{//涓婁笅婊戝姩//閲嶇疆鏁版嵁this.setData({[`infoList[${index}].x`]:0})}this.setData({currentTouche:{x:clientX,y:clientY}})}锛屼唬鐮佽В閲婏細閫氳繃touchStart鍜宼ouchEnd浜嬩欢鍙互鐭ラ亾婊戝姩寮€濮嬬殑浣嶇疆鍜屾粦鍔ㄥ悗鐨勪綅缃緱鍒癱hangedTouches[0]touchpoint浣嶇疆淇℃伅鐨刢hangedTouches涓煇涓猧tem鐨勫睘鎬э紝棣栧厛鍒ゆ柇涓婁笅婊戝姩鐨勮窛绂绘槸鍚﹀ぇ浜庡乏鍙虫粦鍔ㄧ殑璺濈銆?鍚戝乏婊戝姩鏃讹細濡傛灉鍚戝乏婊戝姩璺濈瓒呰繃20px锛屼細鑷姩婊戝姩鍒板彲浠ユ樉绀哄畬鏁村垹闄ゆ寜閽殑澶栬銆傚鏋滃皬浜?0px锛屼細鎭㈠鍘熸潵鐨勬牱瀛愶紙闅愯棌鍒犻櫎鎸夐挳锛夈€傚鏋滃悜鍙虫粦鍔紝鍒欓噸鏂拌缃畑杞存柟鍚戠殑浣嶇疆鏁版嵁锛堣鍒犻櫎鎸夐挳闅愯棌锛屾仮澶嶅師鏍凤級銆俿ummary鍔熻兘瀹炵幇璧锋潵寰堢畝鍗曪紝浣嗘槸鍒氬紑濮嬬殑鏃跺€欙紝鍥犱负鏃堕棿涓嶇揣鎬ワ紝鎵€浠ヤ笉鍙寙蹇欍€傚悗鏈熼渶瑕佷紭鍖栫敤鎴蜂綋楠屻€傛瘮濡傚乏婊戠殑璺濈鍦?0px浠ュ唴鏉炬墜锛屽簲璇ュ脊鍥炲師浣嶏紝鏉炬墜瓒呰繃20px鍚庡簲璇ヤ細鑷姩婊戝姩鍒?00%銆傚洜涓哄皬绋嬪簭鏇存柟渚跨敤鎴蜂娇鐢紝鎵€浠ヤ竴鑸殑toC椤圭洰閮戒細鏈夊皬绋嬪簭銆傛€讳箣锛屽笇鏈涜繖绡囨枃绔犲鏈嬪弸浠湁鐢紒瑙夊緱涓嶉敊鐨勮瘽鍙互鐐逛釜璧烇紝鏀惰棌涓€涓嬩互澶囦笉鏃朵箣闇€锛堣涓嶅畾涓嬫鍏徃浼氳浣犲啓杩欑绫讳技闇€姹傜殑灏忕▼搴忦煒傦級鏈€鍚庯紝鎴戞槸AndyHu锛岀洰鍓嶆槸涓€鍚嶅墠绔惉杩愬伐鏆傛椂銆傜爾澶村伐绋嬪笀銆傛枃绔犲鏈夐敊璇紝娆㈣繋鍦ㄨ瘎璁哄尯鎸囨銆傚鏋滄湰鏂囧鎮ㄦ湁甯姪锛岃鐐硅禐鍏虫敞銆傛湭缁忚鍙姝㈣浆杞姐€傪煉屽皯璇达紝澶氬仛銆?/p>
