草庐IT

NutUI-React 京东移动端组件库 2月份上新!欢迎使用!

作者:京东零售佟恩NutUI是一款京东风格的移动端组件库。NutUI目前支持Vue和React技术栈,支持Taro多端适配。本次,是2月的一个示例输出,希望对你有帮助!2月,我们对组件交互、issue修复、增加示例上做了急行军,共合并70+PR,修复近40个issue。这里我们选取一些组件的新增示例,供您参考!期待您早日成为我们共建大军中的一员!微信群:hanyuxinting(暗号:NutUI-React)官网GitHub:点击进入欢迎共建、使用!Badge:样式自定义核心代码:constcustomTheme={nutuiBadgeBorderRadius:'12px12px12px0',

NutUI-React 京东移动端组件库 2月份上新!欢迎使用!

作者:京东零售佟恩NutUI是一款京东风格的移动端组件库。NutUI目前支持Vue和React技术栈,支持Taro多端适配。本次,是2月的一个示例输出,希望对你有帮助!2月,我们对组件交互、issue修复、增加示例上做了急行军,共合并70+PR,修复近40个issue。这里我们选取一些组件的新增示例,供您参考!期待您早日成为我们共建大军中的一员!微信群:hanyuxinting(暗号:NutUI-React)官网GitHub:点击进入欢迎共建、使用!Badge:样式自定义核心代码:constcustomTheme={nutuiBadgeBorderRadius:'12px12px12px0',

折叠面板组件的设计与实现

​前言NutUI,大家应该不陌生吧,前端开发的同学肯定是有些了解的。NutUI是一个京东风格的移动端组件库,使用Vue语言来编写可以在H5,小程序平台上的应用。目前NutUI拥有70+组件,支持按需引用,支持TypeScript,支持定制主题等功能,当然也支持最新的Vue3语法,在开发上能有效帮助研发人员提升效率,改善开发体验。言归正传,今天我们一起了解NutUI中折叠面板Collapse的实现与设计,以及在开发过程中学习到的新知识点。折叠面板设计其实折叠面板组件无论是在PC还是M,都是比较常见的组件,顾名思义就是可以折叠/展开的内容区域。使用场景也比较广泛,例如导航、文字类详情、筛选分类等;

折叠面板组件的设计与实现

​前言NutUI,大家应该不陌生吧,前端开发的同学肯定是有些了解的。NutUI是一个京东风格的移动端组件库,使用Vue语言来编写可以在H5,小程序平台上的应用。目前NutUI拥有70+组件,支持按需引用,支持TypeScript,支持定制主题等功能,当然也支持最新的Vue3语法,在开发上能有效帮助研发人员提升效率,改善开发体验。言归正传,今天我们一起了解NutUI中折叠面板Collapse的实现与设计,以及在开发过程中学习到的新知识点。折叠面板设计其实折叠面板组件无论是在PC还是M,都是比较常见的组件,顾名思义就是可以折叠/展开的内容区域。使用场景也比较广泛,例如导航、文字类详情、筛选分类等;
12