大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

TaroUI框架开发小程序如何实现左滑喜欢右滑不喜欢效果-创新互联

这篇文章主要为大家展示了Taro UI框架开发小程序如何实现左滑喜欢右滑不喜欢效果,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。

创新互联公司专注于循化网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供循化营销型网站建设,循化网站制作、循化网页设计、循化网站官网定制、成都微信小程序服务,打造循化网络公司原创品牌,更为您提供循化网站排名全网营销落地服务。

Taro 就是可以用 React 语法写小程序的框架,拥有多端转换能力,一套代码可编译为微信小程序、百度小程序、支付宝小程序、H5、RN等

摘要:

年后入职了一家新公司,与前同事交接完之后,发现公司有一个四端的项目(iOS,Android,H5,小程序),iOS和安卓都实现了左滑右滑的效果,而h6和小程序端没实现,询问得知前同事因网上没找到对应的插件,相关博客也特别少,所以没做就搁置下来了。

趁这段时间相对来说比较富裕,于是乎在网上也搜索了一下,发现确实很少,但是有人提到可以用小程序可拖动组件movable-view来实现,自己尝试来一下发现可行,于是来写这篇博客记录一下,希望能帮助到后面需要用到这个功能的人!

先上效果图:

Taro UI框架开发小程序如何实现左滑喜欢右滑不喜欢效果

主要技术:Taro+Taro UI+React(如果你是小程序原生或者uniapp+vue写法都差不多,可以通用)

可拖动组件文档地址:

Taro:https://taro-docs.jd.com/taro/docs/components/viewContainer/movable-view.html

微信小程序:https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html

思路:

一,我们首先把movable-area和movable-view标签写出来;


 
 ......
 

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享标题:TaroUI框架开发小程序如何实现左滑喜欢右滑不喜欢效果-创新互联
标题路径:http://dzwzjz.com/article/dchied.html
在线咨询
服务热线
服务热线:028-86922220
TOP