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

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

.nut-theme-dark .nut-grid-item__content{background:var(--nut-dark-background, #131313);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-grid-item__text{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-grid-item{position:relative;box-sizing:border-box}.nut-grid-item__text{color:var(--nut-grid-item-text-color, var(--nut-title-color2, #666666));font-size:var(--nut-grid-item-text-font-size, var(--nut-font-size-1, 12px));line-height:1.5;word-break:break-all;margin:var(--nut-grid-item-text-margin, 8px) 0 0 0}.nut-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--nut-grid-item-content-padding, 16px 8px);background:var(--nut-grid-item-content-bg-color, var(--nut-white, #fff));border:0 solid var(--nut-grid-border-color, #f5f6f7)}.nut-grid-item__content--border{border-right-width:1px;border-bottom-width:1px}.nut-grid-item__content--surround{border-top-width:1px;border-left-width:1px}.nut-grid-item__content--center{align-items:center;justify-content:center}.nut-grid-item__content--square{position:absolute;top:0;right:0;left:0}.nut-grid-item__content--reverse{flex-direction:column-reverse}.nut-grid-item__content--reverse .nut-grid-item__text{margin:0 0 var(--nut-grid-item-text-margin, 8px)}.nut-grid-item__content--horizontal{flex-direction:row}.nut-grid-item__content--horizontal .nut-grid-item__text{margin:0 0 0 var(--nut-grid-item-text-margin, 8px)}.nut-grid-item__content--horizontal.nut-grid-item__content--reverse{flex-direction:row-reverse}.nut-grid-item__content--horizontal.nut-grid-item__content--reverse .nut-grid-item__text{margin:0 var(--nut-grid-item-text-margin, 8px) 0 0}.nut-grid-item__content--clickable{cursor:pointer}.nut-grid-item__content--clickable::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);border-radius:inherit;transform:translate(-50%, -50%);opacity:0;content:" "}.nut-grid-item__content--clickable:active::before{opacity:.1}