@nutui/nutui-react
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
50 lines • 1.5 kB
CSS
/* #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;
}