UNPKG

@nutui/nutui-react

Version:

京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序

50 lines 1.5 kB
/* #ifdef harmony */ /* #endif */ /* #ifndef harmony */ /* #endif */ .nut-resultpage { width: 100%; display: flex; flex-direction: column; align-items: center; margin: 0 auto; } .nut-resultpage-icon { display: inline-flex; margin-bottom: var(--nutui-resultpage-icon-margin-bottom, 16px); } .nut-resultpage-icon .nut-icon { height: var(--nutui-resultpage-icon-size, 48px); width: var(--nutui-resultpage-icon-size, 48px); } .nut-resultpage-title { width: var(--nutui-resultpage-width, 247px); margin-bottom: var(--nutui-resultpage-title-margin-bottom, 9px); font-size: var(--nutui-resultpage-title-font-size, var(--nutui-font-h2)); color: var(--nutui-resultpage-title-color, var(--nutui-color-title)); font-weight: var(--nutui-font-weight-bold); text-align: center; } .nut-resultpage-description { width: var(--nutui-resultpage-width, 247px); line-height: var(--nutui-resultpage-description-line-height, 20px); font-size: var(--nutui-resultpage-description-font-size, var(--nutui-font-text)); color: var(--nutui-resultpage-description-color, var(--nutui-color-text)); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; } .nut-resultpage-actions { display: flex; flex-direction: row; margin-top: var(--nutui-resultpage-actions-margin-top, 21px); } .nut-resultpage-actions .nut-button-children { white-space: nowrap; } .nut-resultpage-action { margin-left: 6px; margin-right: 6px; }