当前位置: 首页 > Web前端 > HTML

NutUI-React京东移动端组件库2月上线!欢迎!

时间:2023-03-28 16:03:12 HTML

作者:京东零售童恩NutUI是一个京东风格的移动端组件库。NutUI目前支持Vue和React技术栈,支持Taro多端适配。这次是二月份的样例输出,希望对大家有所帮助!2月,我们在组件交互、issue修复、示例添加等方面快速推进。共合并70+个PR,修复近40个issue。这里我们选取了一些新的组件示例供大家参考!期待您早日成为我们共建大军中的一员!微信群:hanyuxinting(密码:NutUI-React)官网GitHub:点击进入,欢迎搭建使用!Badge:样式自定义核心代码:constcustomTheme={nutuiBadgeBorderRadius:'12px12px12px0',查看更多BadgeCalendar的例子:日期上下可配置内容核心代码:constonTopInfo=()=>{return(t)}constonBottomInfo=()=>{return(b)}查看更多示例Cascader:可配置颜色、分割线、勾选图标核心代码:constcustomTheme={nutuiCascaderItemHeight:'48px',nutuiCascaderItemMargin:'010px',nutuiCascaderItemPadding:'10px',nutuiCascaderItemBorderBottom:'1pxsolid#F0F0F0',查看更多示例CheckBox:增加水平布局,多个选项值显示核心代码:组复选框组合复选框查看更多示例折叠:自定义标题,图标样式核心代码:京东NutUI组件库京东NutUI组件库京东NutUI组件库查看更多示例InputNumber:按钮样式可以设置核心代码:constcustomTheme={nutuiInputnumberButtonWidth:'30px',nutuiInputnumberButtonHeight:'30px',nutuiInputnumberButtonBorderRadius:'2px',nutuiInputnumberButtonBackgroundColor:`#f4f4f4`,nutuiInputnumberInputHeight:'30px',nutuiInputnumberInputProvidertheme:'0Config2px',{customTheme}>查看更多示例PopOver:底部边框可配置,支持悬停样式核心代码:{showIcon?setShowIcon(false):setShowIcon(true)}}list={iconItemList}>查看更多示例PopUp:支持图标自定义+大小设置核心代码:{setShowIconDefine(false)}}/>查看更多示例Progress:支持进度条颜色配置核心代码:查看更多示例Radio:选项值多行显示,支持换行核心代码:我是标题

我是标题
我是描述
Option1OptionOption2Option3查看更多示例SearchBar:可以设置图标大小核心代码:}rightoutIcon={}rightinIcon={}/>查看更多示例步骤:虚线水平进度条核心代码:123查看更多示例TabBar:初始选中状态,仅带图片核心代码:{setActiveIndex(id)}}>查看更多示例Tabs:左对齐核心代码:{setTab1value(paneKey)}}>{''}Tab1{''}Tab2Tab3查看更多实例再次加入我们,期待您早日成为我们共建团队的一员!让我们一起构建,一起使用!做网站上最好的开源组件库!现在就加入我们吧!