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) • 7.18 kB
CSS
.nut-price{font-size:var(--nutui-font-size-3, 16px);display:inline;color:var(--nutui-brand-color, #2C68FF)}.nut-price--line div{text-decoration:line-through;font-size:var(--nutui-price-line-font-size, 12px);color:var(--nutui-price-line-color, var(--nutui-gray-2, #757575))}.nut-price__symbol,.nut-price__integer,.nut-price__decimal{display:inline-block}.nut-price__symbol{font-size:var(--nutui-price-symbol-medium-size, 14px);padding-right:var(--nutui-price-symbol-padding-right, 1px)}.nut-price__symbol-large{font-size:var(--nutui-price-symbol-big-size, 18px)}.nut-price__symbol-small{font-size:var(--nutui-price-symbol-small-size, 10px)}.nut-price__integer{font-size:var(--nutui-price-integer-medium-size, 16px)}.nut-price__integer-large{font-size:var(--nutui-price-integer-big-size, 24px)}.nut-price__integer-small{font-size:var(--nutui-price-integer-small-size, 12px)}.nut-price__decimal{font-size:var(--nutui-price-decimal-medium-size, 14px)}.nut-price__decimal-large{font-size:var(--nutui-price-decimal-big-size, 18px)}.nut-price__decimal-small{font-size:var(--nutui-price-decimal-small-size, 10px)}.nut-tag{padding:var(--nutui-tag-padding, 0 6px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, 12px);border-radius:var(--nutui-tag-border-radius, 2px);height:var(--nutui-tag-height, 20px);color:var(--nutui-tag-color, var(--nsui-gray-color-1, #ffffff));border:var(--nutui-tag-border-width, 1px) solid transparent;max-width:var(--nutui-tag-max-width, 108px)}.nut-tag .nut-tag-text{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-tag.nut-tag--large{padding:var(--nutui-tag-padding-large, 0 8px);height:var(--nutui-tag-height-large, 24px)}.nut-tag.nut-tag--small{padding:var(--nutui-tag-padding-small, 0 4px);height:var(--nutui-tag-height-small, 18px)}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag--default{color:var(--nutui-tag-default-color, var(--nsui-gray-color-9, #262626));background:var(--nutui-tag-default-background-color, var(--nsui-gray-color-3, #F0F0F0));border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-default-border-color, transparent)}.nut-tag--default.nut-tag--disabled{color:var(--nutui-tag-disabled-color, var(--nsui-gray-color-6, #BFBFBF));background:var(--nutui-tag-disabled-background-color, var(--nsui-gray-color-2, #F5F5F5))}.nut-tag--default.nut-tag--outline{background:transparent;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-default-outline-border-color, var(--nsui-gray-color-5, #D9D9D9))}.nut-tag--default.nut-tag--outline.nut-tag--disabled{border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-disabled-outline-border-color, var(--nsui-gray-color-3, #F0F0F0))}.nut-tag--primary{background:var(--nutui-tag-primary-background-color, var(--nutui-brand-color, #2C68FF))}.nut-tag--primary.nut-tag--outline{color:var(--nutui-tag-primary-background-color, var(--nutui-brand-color, #2C68FF));background:transparent;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-primary-background-color, var(--nutui-brand-color, #2C68FF))}.nut-tag--primary.nut-tag--plain{color:var(--nutui-tag-primary-background-color, var(--nutui-brand-color, #2C68FF));background:var(--nutui-tag-primary-plain-background-color, #F6F8FD);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag--success{background:var(--nutui-tag-success-background-color, #0ED57D)}.nut-tag--success.nut-tag--outline{color:var(--nutui-tag-success-background-color, #0ED57D);background:transparent;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-success-background-color, #0ED57D)}.nut-tag--success.nut-tag--plain{color:var(--nutui-tag-success-background-color, #0ED57D);background:var(--nutui-tag-success-plain-background-color, #F2FCF8);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag--danger{background:var(--nutui-tag-danger-background-color, #FF2C33)}.nut-tag--danger.nut-tag--outline{color:var(--nutui-tag-danger-background-color, #FF2C33);background:transparent;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-danger-background-color, #FF2C33)}.nut-tag--danger.nut-tag--plain{color:var(--nutui-tag-danger-background-color, #FF2C33);background:var(--nutui-tag-danger-plain-background-color, #FFF4F4);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag--warning{background:var(--nutui-tag-warning-background-color, #FFA02C)}.nut-tag--warning.nut-tag--outline{color:var(--nutui-tag-warning-background-color, #FFA02C);background:transparent;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-warning-background-color, #FFA02C)}.nut-tag--warning.nut-tag--plain{color:var(--nutui-tag-warning-background-color, #FFA02C);background:var(--nutui-tag-warning-plain-background-color, #FFFAF4);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag--round{border-radius:var(--nutui-tag-round-border-radius, 20px)}.nut-tag--mark{border-radius:var(--nutui-tag-mark-border-radius, 0 12px 12px 0)}.nut-tag--close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}.nut-card{width:100%;display:flex}.nut-card .nut-card__left{width:120px;height:120px;flex-shrink:0;background-color:var(--nutui-card-left-background-color, inherit);border-radius:var(--nutui-card-left-border-radius, 0)}.nut-card .nut-card__left>img{display:block;width:100%;height:100%}.nut-card .nut-card__right{flex:1;padding:0 10px 8px}.nut-card .nut-card__right .nut-card__right-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;line-height:1.5;font-size:14px}.nut-card .nut-card__right .nut-cardright-price{display:flex;align-items:center;height:18px;line-height:18px;margin-top:9px}.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__big{font-size:18px}.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__symbol,.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__point,.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__small{font-size:12px}.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price{margin-left:2px;color:#d2a448}.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__big,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__symbol,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__point,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__small{font-size:12px}.nut-card .nut-card__right .nut-cardright-other{display:flex;align-items:center;padding:5px 0 2px}.nut-card .nut-card__right .nut-cardright-other .nut-tag{padding:0 2px;margin-right:5px;font-size:var(--nutui-font-size-0, 10px)}.nut-card .nut-card__right .nut-cardright-shop{display:flex;justify-content:space-between;align-items:center}.nut-card .nut-card__right .nut-cardright-shop .nut-cardright-shop-name{line-height:1.5;color:#999;font-size:12px;padding-top:4px}