小程序笔记（五）帖子收藏左滑删除

最新推荐文章于 2022-05-30 20:00:00 发布

原创

最新推荐文章于 2022-05-30 20:00:00 发布 · 561 阅读

3 ·

CC 4.0 BY-SA版权

这篇博客介绍了如何在小程序中创建一个帖子收藏功能，并通过使用movable-area和movable-view组件来实现左滑隐藏删除按钮的效果，从而实现左滑删除的操作。

效果图：

wxml页面：

<view class='body ff'>
  <movable-area class='leftslidea whitebackground'>
    <movable-view class='leftslideaitem df' direction='horizontal' inertia='true' animation='true' out-of-bounds='true' >
      <view class='content df'>
        <view class='img'>
        <image src='../../image/img.jpg' mode='widthFix'></image>
        </view>
        <view class='text fz30'>
          <view class='theadline fz32'>
          超级美丽的壁纸
          </view>
          <view class='tcontent fz28'>内容内容容</view>
          <view class='time fz28 tr'>2019-06-16</view>
        </view>
      </view>