评论

「分享」在微信小程序中快速的创建一个滚动卡片

手指上下滑动,可以滚动这个卡片;点击卡片顶部可以快速的展开或收起卡片。目前许多手机应用都使用了这种设计,使用 ScrollCard 的代码可以在微信小程序中快速的创建一个类似交互的卡片。

最近做项目遇到的一个功能要求,没在网上找到类似代码,所以自己写了一个,整理分享出来,有需要的拿走。

手指上下滑动,可以滚动这个卡片;点击卡片顶部可以快速的展开或收起卡片。

目前许多手机应用都使用了这种设计,使用 ScrollCard 的代码可以在微信小程序中快速的创建一个类似交互的卡片。

ScrollCard 主要使用了微信小程序的 scroll-view 组件,然后结合 CSS 的位置控制,从而实现视觉上的效果,几乎没有用到 Javascript(如果不需要点击卡片顶部快速展开或收起卡片,那么就完全不需要用到 Javascript)。

源码:https://github.com/impony/miniprogram-scrollcard

最后一次编辑于  2020-06-10  
点赞 1
收藏
评论
登录 后发表内容