UNPKG

@nutui/nutui-react

Version:

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

50 lines 1.55 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, 12px); } .nut-resultpage-icon .nut-icon { height: var(--nutui-resultpage-icon-size, 36px); width: var(--nutui-resultpage-icon-size, 36px); } .nut-resultpage-title { width: var(--nutui-resultpage-width, 240px); margin-bottom: var(--nutui-resultpage-title-margin-bottom, 12px); font-size: var(--nutui-resultpage-title-font-size, var(--nutui-font-size-xl, 18px)); color: var(--nutui-resultpage-title-color, var(--nutui-color-title, #1a1a1a)); font-weight: var(--nutui-font-weight-bold, 600); text-align: center; } .nut-resultpage-description { width: var(--nutui-resultpage-width, 240px); line-height: var(--nutui-resultpage-description-line-height, 20px); font-size: var(--nutui-resultpage-description-font-size, var(--nutui-font-size-base, 14px)); color: var(--nutui-resultpage-description-color, var(--nutui-color-text, #505259)); 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, 16px); } .nut-resultpage-actions .nut-button-children { white-space: nowrap; } .nut-resultpage-action { margin-left: 6px; margin-right: 6px; }