Taro 小程序，拖拽图标功能

最新推荐文章于 2024-09-06 17:00:47 发布

方形裤子的黄方块

最新推荐文章于 2024-09-06 17:00:47 发布

阅读量792

点赞数

分类专栏：小程序专栏文章标签：后端

本文链接：https://blog.csdn.net/weixin_46449470/article/details/116274471

版权

小程序专栏专栏收录该内容

9 篇文章 0 订阅

订阅专栏

由 MovableArea 和 MovableView 进行书写

Taro官方事例 MovableArea

Taro官方事例 MovableView

具体的props 按文档上的来

代码事例

          <MovableArea className="home-page_move" style={{ height: 200px }}>
            <MovableView
              y="340px"
              x={xWidth}
              className="back-home"
              direction="all"
              onClick={() => Taro.navigateTo({ url: '/page/personInfoPack/myCoupons/index' })}
            >
            // 可移动区域的内容


              <View className="bounce-in-top">
                <View className="card-voucher-img">
                  <Image webp src='imageUrl' />
                </View>
                <View className="card-voucher-dag">{allCouponLength}</View>
              </View>
            </MovableView>
          </MovableArea>