今天看啥  ›  专栏  ›  枫瑞博客网

【单个】手搓小程序Collapse折叠面板代码

枫瑞博客网  · 公众号  ·  · 2024-04-02 12:45
他不过随手给你一朵花,你却红了脸想用余生做代价。你是我穷极一生都没有做完的梦,而我是你一念之间穿过的风大佬在询问能不能手搓小程序Collapse折叠面板,其实在灵沐小程序的文档模式中是有一个小案例。追求完美要有过渡动画,因此学习起来对于这类效果,能用css坚决不用js;学习一段时间后因内容高度问题,导致css3无法实现,妥协....# 单个折叠面板使用小程序API获取容器动态高度wx.createSelectorQuery()点击后判断是展开还是关闭,使用animationIcon动画进行过渡,整体案例如下wxml//wxmlview class="coll-view"> view class="coll-title" bindtap="collTap">手搓CollPase组件 image class="coll-icon" src="../../images/right.svg" animation="{{collIcoon}}" mode="aspectFit">image> view> view class="coll-hr">view> view class="coll-centen" animation="{{collAnimation}}"> view class="coll-flex-item" > 人生就像一杯白 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照