@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
2 lines (1 loc) • 3.82 kB
CSS
.nut-cell-group{display:block}.nut-cell-group-title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 12px);color:var(--nutui-cell-group-title-color, var(--nutui-color-title, #0d0d0d));font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-2, 15px));line-height:var(--nutui-cell-group-title-line-height, 24px);margin-top:30px;margin-bottom:10px}.nut-cell-group-description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 12px);color:var(--nutui-cell-group-description-color, var(--nutui-color-text, #666666));font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-1, 13px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group-wrap{border-radius:var(--nutui-cell-border-radius, var(--nutui-radius-1, 8px));overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-color-background-overlay, var(--nutui-color-white, #ffffff)));margin-bottom:var(--nutui-cell-group-wrap-margin, 0)}.nut-cell{position:relative;display:flex;flex-direction:row;width:100%;line-height:var(--nutui-cell-line-height, 24px);padding:var(--nutui-cell-padding, var(--nutui-spacing-3, 16px));background-color:var(--nutui-cell-background-color, var(--nutui-color-background-overlay, var(--nutui-color-white, #ffffff)));border-radius:var(--nutui-cell-border-radius, var(--nutui-radius-1, 8px));box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-2, 15px));color:var(--nutui-cell-title-color, var(--nutui-color-title, #0d0d0d));margin-bottom:10px;box-sizing:border-box}.nut-cell-group-item{border-radius:0;box-shadow:0 0 transparent;margin:0}.nut-cell-left{display:flex;flex-direction:column;align-items:flex-start;flex:1}.nut-cell-title,.nut-cell-description,.nut-cell-extra{line-height:var(--nutui-cell-line-height, 24px)}.nut-cell-description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-2, 15px));color:var(--nutui-cell-description-color, var(--nutui-color-text, #666666))}.nut-cell-extra{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex:1;flex-shrink:0;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-2, 15px));color:var(--nutui-cell-extra-color, var(--nutui-color-title, #0d0d0d))}.nut-cell:active:before{opacity:.1}.nut-cell-clickable{cursor:pointer}.nut-cell-clickable:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-cell-divider{display:flex;min-height:1px;padding-left:var(--nutui-cell-divider-left, var(--nutui-spacing-3, 16px));padding-right:var(--nutui-cell-divider-right, var(--nutui-spacing-3, 16px))}.nut-cell-divider-inner{display:flex;height:1px;width:100%;border-top:var(--nutui-cell-divider-border-bottom, .5px solid var(--nutui-color-border, #e6e6e6))}.nut-cell-divider-rtl{padding-left:var(--nutui-cell-divider-right, var(--nutui-spacing-3, 16px));padding-right:var(--nutui-cell-divider-left, var(--nutui-spacing-3, 16px))}.nut-cell-extra .nut-icon{width:16px;height:16px;color:var(--nutui-color-text-disabled, #999999)}.nut-cell-title{color:var(--nutui-color-text, #666666)}.nut-cell-title,.nut-cel-description{line-height:1.5}.nut-cell-description{margin-top:var(--nutui-spacing-0, 4px)}.mj-cell{border-radius:var(--nutui-cell-border-radius, var(--nutui-radius-1, 8px));box-shadow:0 0 #000}.mj-cell-title .nut-cell-title{color:var(--nutui-color-title, #0d0d0d);font-weight:var(--nutui-font-weight-bold, 700)}.mj-cell .nut-cell-left{flex:none;margin-right:16px}.mj-cell .nut-cell-extra{text-align:end}