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

登录

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

Grayson.Shang · Grayson.Shang

本帖最后由 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:44 编辑

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

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

麦田 · 麦田

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

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 · Lay.Li

大佬，代码我们也不是很擅长哈，看看有没有路过的格友帮助一下，或者您也可以在产品需求板块发帖，提这个需求，我们会有专门的产品同事和您交流的哈

		自动登录	找回密码
密码			立即注册

[已处理] 哪位大佬知道怎么实现移动端图文列表左滑菜单？

4 个回复

本帖子中包含更多资源

浏览过的版块

Wyn高级认证

Wyn认证

活字格认证

活字格高级认证

微信认证勋章

悬赏达人