test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
2 lines (1 loc) • 1.66 kB
CSS
.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 14px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-cell-border-radius, 0px);box-shadow:var(--nutui-cell-box-shadow, none);font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-1, #595959));margin:16px 0;box-sizing:border-box}.nut-cell--has__press:active{background-color:var(--nutui-cell-active-background-color, var(--nsui-gray-color-2, #F5F5F5))}.nut-cell__left{display:flex;flex-direction:column;flex:1;padding:var(--nutui-cell-title-padding, 0px 8px 0px 0px);box-sizing:content-box}.nut-cell__has-extra{width:var(--nutui-cell-title-width, auto);flex:none}.nut-cell__title{line-height:var(--nutui-cell-title-line-height, 22px);font-weight:var(--nutui-cell-title-font-weight, 400)}.nut-cell__description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-1, 12px));color:var(--nutui-cell-description-color, var(--nsui-gray-color-7, #8C8C8C));line-height:var(--nutui-cell-description-line-height, 18px);margin:var(--nutui-cell-description-margin, 2px 0px 0px)}.nut-cell__extra{display:inline-flex;justify-content:var(--nutui-cell-extra-justify-content, flex-end);align-items:var(--nutui-cell-extra-align-items, flex-start);flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cell-extra-line-height, 22px);color:var(--nutui-cell-extra-color, var(--nsui-gray-color-7, #8C8C8C))}