@nutui/nutui-react-taro
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
2 lines (1 loc) • 5.46 kB
CSS
.nut-price{direction:ltr;font-size:var(--nutui-font-size-4, 16px);display:inline;color:var(--nutui-color-primary, #fa2c19)}.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-black-3, rgba(0, 0, 0, .06)))}.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)}[dir=rtl] .nut-price-symbol,.nut-rtl .nut-price-symbol{padding-right:0;padding-left:var(--nutui-price-symbol-padding-right, 1px)}.nut-tag{padding:var(--nutui-tag-padding, 0px 2px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, var(--nutui-font-size-1, 10px));border-radius:var(--nutui-tag-border-radius, 2px);height:var(--nutui-tag-height, 14px);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag-default{background:var(--nutui-tag-background-color, var(--nutui-gray-7, #1a1a1a))}.nut-tag-default.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-primary{background:var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-tag-primary.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-info{background:var(--nutui-tag-info-background-color, var(--nutui-color-info, #1988fa))}.nut-tag-info.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag-success.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-danger{background:var(--nutui-tag-danger-background-color, var(--nutui-color-danger, #fa2c19))}.nut-tag-danger.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-warning{background:var(--nutui-tag-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-tag-warning.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag-mark{border-radius:var(--nutui-tag-mark-border-radius, 0 8px 8px 0)}.nut-tag-close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}[dir=rtl] .nut-tag .nut-icon,.nut-rtl .nut-tag .nut-icon{margin-left:0;margin-right:4px}.nut-card{width:100%;display:flex;background-color:inherit;border-radius:var(--nutui-card-border-radius, 4px)}.nut-card-left{width:120px;height:120px;flex-shrink:0}.nut-card-left>img{display:block;width:100%;height:100%;border-radius:var(--nutui-card-border-radius, 4px)}.nut-card-right{flex:1;padding:0 10px 8px}.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;color:var(--nutui-gray-7, #1a1a1a)}.nut-card-right-price{display:flex;align-items:center;height:18px;line-height:18px;margin-top:9px}.nut-card-right-price .nut-price .nut-price-big{font-size:18px}.nut-card-right-price .nut-price .nut-price-symbol,.nut-card-right-price .nut-price .nut-price-point,.nut-card-right-price .nut-price .nut-price-small{font-size:12px}.nut-card-right-price-origin.nut-price{margin-left:2px;color:#d2a448}.nut-card-right-price-origin.nut-price .nut-price-big,.nut-card-right-price-origin.nut-price .nut-price-symbol,.nut-card-right-price-origin.nut-price .nut-price-point,.nut-card-right-price-origin.nut-price .nut-price-small{font-size:12px}.nut-card-right-other{display:flex;align-items:center;padding:5px 0 2px}.nut-card-right-other .nut-tag{padding:0 2px;margin-right:5px;font-size:var(--nutui-font-size-1, 10px)}.nut-card-right-shop{display:flex;justify-content:space-between;align-items:center}.nut-card-right-shop-name{line-height:1.5;color:var(--nutui-gray-6, #595959);font-size:12px;padding-top:4px}[dir=rtl] .nut-card-right-price-origin.nut-price,.nut-rtl .nut-card-right-price-origin.nut-price{margin-left:0;margin-right:2px}[dir=rtl] .nut-card-right-other .nut-tag,.nut-rtl .nut-card-right-other .nut-tag{margin-right:0;margin-left:5px}