麦田 发表于 2024-3-18 12:45:01

哪位大佬知道怎么实现移动端图文列表左滑菜单?


活字格APP能实现左滑菜单,请问哪位大佬实现移动端图文列表左滑菜单这样一个功能。

Grayson.Shang 发表于 2024-3-18 17:38:05

本帖最后由 Grayson.Shang 于 2024-3-18 17:42 编辑

大佬您好,咱们想要的是不是这样的效果
SwipeCell 滑动单元格 - Vant 4 (gitee.io)


在网上其实可以找到类似于原生的JS来实现这个功能,但是相对来说,已经存在的组件无论是UI,还是功能都会更好一些,当然现在的活字格中没有这个插件,不过Vant插件在葡萄城市场本身就存在原代码,以及集成Vant的其他组件,所以,建议咱们可以在这个源码上加上滑动单元格的支持,相对方便一些,也更好的维护。

手机组件包-Vant - 葡萄城市场 (grapecity.com.cn)


因为是在已有的插件上增加,类似的功能,无论是学习起来还是操作起来都会相对简单一些,大佬可以尝试一下
快速开始 - 活字格V9帮助文档 (grapecity.com.cn)

麦田 发表于 2024-3-18 21:24:10

本帖最后由 麦田 于 2024-3-18 21:44 编辑

Grayson.Shang 发表于 2024-3-18 17:38
大佬您好,咱们想要的是不是这样的效果
SwipeCell 滑动单元格 - Vant 4 (gitee.io)


既然是活字格APP已有的功能 ,能否请求一下活字格技术人员抽空开发一个分享给大家用用。既然是低代码,让格友自己去开发,短时间的学习代码难度比较高和做出来的的效果都不太好。

麦田 发表于 2024-3-18 21:56:11

哪位大佬懂编程,能否按下面教程做一个,钦佩至极。


https://blog.csdn.net/pannikin/article/details/118526160
如果需要两个按钮,可以这样:

<van-swipe-cell right-width="{{ 130 }}">
    <view style="touch-action:none;">
      <van-cell-group>
            <van-cell title="单元格" value="内容"/>
      </van-cell-group>
    </view>
    <view slot="right" class="right">
      <view class="item">编辑</view>
      <view class="item">删除</view>
    </view>
</van-swipe-cell>






.right{
      height: inherit;
      width: 120px;
      color: white;
      display: flex;
}
.right .item{
      background-color: red;
      width: 60px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
}
.right .item:first-child{
      background-color: green;
}






Lay.Li 发表于 2024-3-19 12:28:03

大佬,代码我们也不是很擅长哈,看看有没有路过的格友帮助一下,或者您也可以在产品需求板块发帖,提这个需求,我们会有专门的产品同事和您交流的哈:loveliness:
页: [1]
查看完整版本: 哪位大佬知道怎么实现移动端图文列表左滑菜单?