Closed Moonofweisheng closed 1 month ago
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated (UTC) |
---|---|---|---|---|
wot-design-uni | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Aug 15, 2024 3:14am |
本次修改对 Index.vue
组件进行了结构和功能上的更新,增强了可折叠项的管理能力。其中,标题的重命名和嵌套功能的引入提高了界面友好性,同时新增的状态处理函数为未来的功能扩展打下基础。此外,wd-collapse-item
组件的样式和功能也进行了优化,以改善用户体验。
文件路径 | 变更摘要 |
---|---|
src/pages/collapse/Index.vue |
更新了 demo-block 的标题,增加了嵌套的 wd-collapse 组件,添加多个状态处理函数。 |
src/uni_modules/wot-design-uni/components/wd-collapse-item/index.scss |
移除了 height 属性的过渡效果,导致展开和收起时缺少平滑动画。 |
src/uni_modules/wot-design-uni/components/wd-collapse-item/wd-collapse-item.vue |
优化了控制流,新增 collapseId 和 handleTransitionEnd 函数,改进了状态管理和样式计算逻辑。 |
Objective | Addressed | Explanation |
---|---|---|
应确保嵌套的 collapsible 项目在展开时高度自适应,避免被遮盖 (#503) | ✅ |
兔子跳跃乐无边,
折叠组件焕新颜。
嵌套高低皆自适,
用户体验更贴心。
变化如风舞翩翩,
一起欢庆乐无边! 🐇✨
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
Name | Link |
---|---|
Latest commit | c9ebc77d1c8a93b40f71a949e219314acb5a7964 |
Latest deploy log | https://app.netlify.com/sites/wot-design-uni/deploys/66bd727a53684e000888a6e9 |
Deploy Preview | https://deploy-preview-521--wot-design-uni.netlify.app |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
✅ Closes: #503
🤔 这个 PR 的性质是?(至少选择一个)
🔗 相关 Issue
503
💡 需求背景和解决方案
collapse使用
height
作为触发动画的属性,需要指定高度。但是指定高度之后子元素无法自由伸展,所以增加动画结束之后将高度移除的逻辑,避免限制子元素的高度。☑️ 请求合并前的自查清单
⚠️ 请自检并全部勾选全部选项。⚠️
Summary by CodeRabbit
新功能
用户体验改进
样式调整