国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

H5仿手Q左滑刪除功能組件

mayaohua / 591人閱讀

摘要：背景前不久遇到一個(gè)需求，列表頁實(shí)現(xiàn)左滑刪除功能。首先對下文有關(guān)滑塊的指代標(biāo)識(shí)做出統(tǒng)一規(guī)定體驗(yàn)了一下手原生滑動(dòng)功能，在此之前對于滑塊的具體動(dòng)效提出了幾個(gè)問題。最終效果組件源碼后話同事反饋沒有給滑動(dòng)開始或完成時(shí)暴露一個(gè)自定義事件的接口。。

背景

前不久遇到一個(gè)需求，h5列表頁實(shí)現(xiàn)左滑刪除功能。

首先對下文有關(guān)滑塊的指代標(biāo)識(shí)做出統(tǒng)一規(guī)定

體驗(yàn)了一下手Q原生滑動(dòng)功能，在此之前對于滑塊的具體動(dòng)效提出了幾個(gè)問題。（希望大家也去觀察體驗(yàn)一下，網(wǎng)上很多現(xiàn)成的代碼都存在效果上的差異）

控制單條li滑動(dòng)還是控制li中內(nèi)容塊滑動(dòng)

是否允許多條內(nèi)容塊同時(shí)展開

當(dāng)列表上下滑動(dòng)時(shí)，內(nèi)容塊是否需要收起

在觀察原生滑動(dòng)功能后，對上述問題做出如下解答

控制li中內(nèi)容塊滑動(dòng)，通過設(shè)置層級關(guān)系使得初始狀態(tài)時(shí)按鈕租處于內(nèi)容塊之下

否

是

實(shí)現(xiàn) dom與css 
/* html結(jié)構(gòu) */

    
    
  • 
      
    
        第11金!馬龍4-0張繼科乒球男單奪冠成就大滿貫偉業(yè)
      
    
      
    
        刪除
      
    
    
    • 



/* style 此處省略部分樣式 */

得到如下圖的列表

js

等我有空再細(xì)說好了 =-=大家去看源碼吧。

最終效果：

組件源碼

https://github.com/yvonnevv/S...

后話：
同事反饋沒有給滑動(dòng)開始或完成時(shí)暴露一個(gè)自定義事件的接口。。
恩，會(huì)進(jìn)行迭代的（°ˊдˋ°）°°

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/87876.html

相關(guān)文章

  • H5仿手Q左滑刪除功能組件

    摘要：背景前不久遇到一個(gè)需求，列表頁實(shí)現(xiàn)左滑刪除功能。首先對下文有關(guān)滑塊的指代標(biāo)識(shí)做出統(tǒng)一規(guī)定體驗(yàn)了一下手原生滑動(dòng)功能，在此之前對于滑塊的具體動(dòng)效提出了幾個(gè)問題。最終效果組件源碼后話同事反饋沒有給滑動(dòng)開始或完成時(shí)暴露一個(gè)自定義事件的接口。。 背景 前不久遇到一個(gè)需求，h5列表頁實(shí)現(xiàn)左滑刪除功能。 首先對下文有關(guān)滑塊的指代標(biāo)識(shí)做出統(tǒng)一規(guī)定 showImg(https://segmentfa...

    laznrbfe 評論0 收藏0

  • H5仿手Q左滑刪除功能組件

    摘要：背景前不久遇到一個(gè)需求，列表頁實(shí)現(xiàn)左滑刪除功能。首先對下文有關(guān)滑塊的指代標(biāo)識(shí)做出統(tǒng)一規(guī)定體驗(yàn)了一下手原生滑動(dòng)功能，在此之前對于滑塊的具體動(dòng)效提出了幾個(gè)問題。最終效果組件源碼后話同事反饋沒有給滑動(dòng)開始或完成時(shí)暴露一個(gè)自定義事件的接口。。 背景 前不久遇到一個(gè)需求，h5列表頁實(shí)現(xiàn)左滑刪除功能。 首先對下文有關(guān)滑塊的指代標(biāo)識(shí)做出統(tǒng)一規(guī)定 showImg(https://segmentfa...

    wujl596 評論0 收藏0

  • 前端實(shí)現(xiàn)列表左滑刪除（react）

    摘要：而列表項(xiàng)要包括內(nèi)容和刪除按鈕，內(nèi)容寬度為屏幕寬度，而刪除按鈕定位到右邊，所以整個(gè)列表項(xiàng)寬度是超過的。來判斷當(dāng)前是左滑還是右滑，左滑時(shí)在減小，而右滑時(shí)變大。并且記錄下當(dāng)前滑動(dòng)的是第幾項(xiàng)。 最近做了一個(gè)類似系統(tǒng)操作的左滑刪除的demo，用的taro框架，和大家分享一下~首先需要考慮的有以下幾點(diǎn)：1）布局；2）判斷是左滑還是右滑，左滑時(shí)出現(xiàn)刪除，右滑時(shí)回歸原位；3）排他性，意思是某一個(gè)時(shí)間只...

    everfight 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<