nutui-taro-upgrade/dist/packages/tabbaritem/index.css

@nutui/nutui-taro 对京东风格组件库的taro4 版本支持

.nut-theme-dark .nut-badge.show{background:var(--nut-dark-background, #131313);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-badge{position:relative;display:inline-block}.nut-badge .nut-badge__icon{display:flex;align-items:center;line-height:normal;transform:var(--nut-badge-content-transform, translate(50%, -50%));position:absolute;background:var(--nut-badge-background-color, linear-gradient(135deg, var(--nut-primary-color, #fa2c19) 0%, var(--nut-primary-color-end, #fa6419) 100%));padding:var(--nut-badge-icon-padding, 4px);text-align:center;border-radius:var(--nut-badge-border-radius, 14px);z-index:var(--nut-badge-z-index, 1)}.nut-badge .nut-badge__content{display:flex;align-items:center;transform:var(--nut-badge-content-transform, translate(50%, -50%))}.nut-badge .nut-badge__content--sup{position:absolute;background:var(--nut-badge-background-color, linear-gradient(135deg, var(--nut-primary-color, #fa2c19) 0%, var(--nut-primary-color-end, #fa6419) 100%));padding:var(--nut-badge-padding, 0 5px);text-align:center;border-radius:var(--nut-badge-border-radius, 14px);font-size:var(--nut-badge-font-size, var(--nut-font-size-1, 12px));font-weight:normal;color:var(--nut-badge-color, #fff)}.nut-badge .nut-badge__content--dot{width:var(--nut-badge-dot-width, 7px);height:var(--nut-badge-dot-height, 7px);border-radius:var(--nut-badge-dot-border-radius, 7px);padding:var(--nut-badge-dot-padding, 0px)}.nut-badge .nut-badge__content--bubble{border-bottom-left-radius:0}.nut-theme-dark .nut-tabbar-item__icon--unactive{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-tabbar-item{flex:1;text-align:center;text-decoration:none;color:var(--nut-primary-color, #fa2c19);height:100%;display:flex;justify-content:center;align-items:center}.nut-tabbar-item__icon--unactive{color:var(--nut-black, #000)}.nut-tabbar-item_icon-box{padding:0px;line-height:1;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item_icon-box .nut-icon{width:20px;height:20px;font-size:20px}.nut-tabbar-item_icon-box_tips{position:absolute;background:var(--nut-tabbar-active-color, var(--nut-primary-color, #fa2c19));border:1px solid var(--nut-white, #fff);border-radius:7px;text-align:center;top:-2px;right:-7px;box-shadow:0 0 0 1px var(--nut-white, #fff);font-size:var(--nut-font-size-1, 12px);color:var(--nut-white, #fff);z-index:1}.nut-tabbar-item_icon-box_icon{display:block;background-size:100% 100%;background-position:center center}.nut-tabbar-item_icon-box_icon img{width:20px;height:20px}.nut-tabbar-item_icon-box_nav-word{font-size:var(--nut-tabbar-item-text-font-size, var(--nut-font-size-0, 10px));line-height:var(--nut-tabbar-item-text-line-height, initial);margin-top:var(--nut-tabbar-word-margin-top, auto);display:block}.nut-tabbar-item_icon-box_big-word{font-size:var(--nut-font-size-large, var(--nut-font-size-3, 16px));line-height:1}