1、我們可以把列表的元素放在scroll-view控制項中，並且讓scroll-view實現橫向滑動
2、把列表內容項的寬度佔滿手機寬度，利用rpx特性（自適應螢幕），預設iphon6就是750rpx，只要設定大於等於750rpx就可以。
3、監聽滑動後列表操作事件，即可
細節點：
第一步，wxml中在scroll-view控制項中，寫上 scroll-x
.scroll-container::-webkit-scrollbar（3）列表內容可能會超出螢幕預設值，我這個例子是單行顯示的，所有只要文字大於一定數量就擷取。單獨寫了個函式把資料處理了下，這個可以實際情況實際處理。
**如下：
wxml：注意class done1是為了做完成後效果，這裡只是演示就簡單實現了下，實際應該針對對應的列表進行處理，可以考慮把原資料做成陣列字典。 /data-content 是為了刪除的時候，知道是刪除了哪一行/
}刪除完成
::-webkit-scrollbar
.scroll-container
.content
.del
.done
.done1
// pages/test06/test06.js
//hhstring是為了處理下列表內容的，超出了就是用...顯示，可以注釋掉不用
import from '../../utils/util.js';
page(,
/*** 生命週期函式--監聽頁面載入
*/onload: function (options) )
},del:function(event));
},done: function (event) );
},})util->util.js
const hhstring = (data)=>
hstring.push(val);
} return hstring;
}module.exports =
微信小程式側邊欄滑動特效 左右滑動
側邊欄滑動是很常見的功能，但是小程式出來不久，很多特效還沒有成熟案例，只能原生重寫，所以今天為大家帶來4個漂亮的側邊欄特效 側邊欄特效一 先看效果 wxml 程式設計客棧gt 第乙個item1 第二個item2 第三個item3 第四個item4 程式設計客棧 搭建上下兩層介面 寫一段css3的右移...
微信小程式 上下左右滑動
data handletouchmove function event let currentx event.touches 0 pagex let currenty event.touches 0 pagey let tx currentx this.data.lastx let ty curre...
微信小程式頁面溢位左右滑動問題
頁面中view設定width 100 之後，頁面右邊會多出一塊白區域，並且可以左右滑動，解決方法是給這個view加乙個box sizing border box 你好！這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章，了解一下ma...