哪位大佬知道怎么实现移动端图文列表左滑菜单?
活字格APP能实现左滑菜单,请问哪位大佬实现移动端图文列表左滑菜单这样一个功能。
本帖最后由 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;
}
大佬,代码我们也不是很擅长哈,看看有没有路过的格友帮助一下,或者您也可以在产品需求板块发帖,提这个需求,我们会有专门的产品同事和您交流的哈:loveliness:
页:
[1]