這篇文章主要為大家展示了微信小程序如何實(shí)現(xiàn)滑動(dòng)，內(nèi)容簡(jiǎn)而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會(huì)有收獲的，下面讓小編帶大家一起來(lái)看看吧。

創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)營(yíng)銷推廣、網(wǎng)站重做改版、寧河網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場(chǎng)景定制、成都做商城網(wǎng)站、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為寧河等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

前言

本文使用動(dòng)畫(huà)組件wx.createAnimation來(lái)實(shí)現(xiàn)滑動(dòng)操作：

1. 左滑動(dòng)顯示操作項(xiàng)區(qū)域；

2. 點(diǎn)擊操作項(xiàng)觸發(fā)相應(yīng)方法；

3. 右滑動(dòng)和點(diǎn)擊行收起操作項(xiàng)；

4. 點(diǎn)擊“刪除”并確定則刪除該條數(shù)據(jù)。

最終效果如下：

實(shí)現(xiàn)過(guò)程

1. 文件index.wxml和index.wxss代碼如下，這一塊比較簡(jiǎn)單，可自行查看，不做過(guò)多分析；

Tips：“詳情”、“取號(hào)”和“刪除”點(diǎn)擊觸發(fā)使用catchtap，阻止冒泡事件向上冒泡；

<view class="wrapper">
 <view class="container">
  <view class="list">
   <view class="line" bindtouchstart="touchstartX" bindtap="resetX" bindtouchmove="touchmoveX" bindtouchend="touchendX" animation="{{currentIndex === index &#63;animation : ''}}" data-index="{{index}}" wx:for="{{recordList}}" wx:key="id">
    <image class="icon-title" src="../../images/start_icon.png"></image>
    <view class="mes">
     <view class="title">{{item.title}}</view>
     <view class="date">預(yù)約時(shí)間：{{item.date}}</view>
     <view class="status">狀態(tài)：<text>{{item.status}}</text></view>
    </view>
    <view class="operation">
     <view class="detail" catchtap="openDetail">詳情</view>
     <view class="number" catchtap="getNumber">取號(hào)</view>
     <view class="delete" catchtap="deleteItem">刪除</view>
    </view>
   </view>
  </view>
 </view>
</view>

網(wǎng)站題目：微信小程序如何實(shí)現(xiàn)滑動(dòng)-創(chuàng)新互聯(lián)
URL網(wǎng)址：http://jinyejixie.com/article6/ccedig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷推廣、建站公司、標(biāo)簽優(yōu)化、網(wǎng)站改版、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)