小程序 購物車 滑動左刪

http://www.wxapp-union.com/fo...
上面鏈接實(shí)現(xiàn)了左滑刪除的功能

原index.wxml

<view class="item-box">
  <view class="items">
    <view wx:for="{{list}}"  wx:key="{{index}}"  class="item">
      <view bindtouchstart="touchS" bindtouchmove="touchM" bindtouchend="touchE" data-index="{{index}}" style="{{item.txtStyle}}"
        class="inner txt">
        <image class="item-icon" mode="widthFix" src="{{item.icon}}"></image>
        {{item.txt}} <!--此處稍后有改動-->
      </view>
      <view data-index="{{index}}" bindtap = "delItem" class="inner del">刪除</view>
    </view>
  </view>
</view>

改完之后的index.wxml，有文字的部分不會觸發(fā)touch事件，沒有文字的部分會觸發(fā)touch事件（紅色框中不能拖出刪除按鈕，藍(lán)色框能拖出刪除按鈕），是事件冒泡的原因嗎？請問怎么改進(jìn)？

<view class="item-box">
  <view class="items">
    <view wx:for="{{list}}"  wx:key="{{index}}"  class="item">
      <view bindtouchstart="touchS" bindtouchmove="touchM" bindtouchend="touchE" data-index="{{index}}" style="{{item.txtStyle}}"
        class="inner txt">
        <image class="item-icon" mode="widthFix" src="{{item.icon}}"></image>
        <view style="display:inline-block">{{item.txt}}</view><!--改動在此處-->
      </view>
      <view data-index="{{index}}" bindtap = "delItem" class="inner del">刪除</view>
    </view>
  </view>
</view>