nutui-taro-upgrade
Version:
@nutui/nutui-taro 对京东风格组件库的taro4 版本支持
1 lines • 5.49 kB
CSS
.nut-price{font-size:0;display:inline;color:var(--nut-primary-color, #fa2c19)}.nut-price--strike [class*=nut-price]{text-decoration:line-through}.nut-price--symbol{display:inline-block;font-size:var(--nut-font-size-3, 16px)}.nut-price--large{display:inline-block;font-size:var(--nut-price-big-size, 24px)}.nut-price--point{display:inline-block;font-size:var(--nut-price-big-size, 24px)}.nut-price--decimal-large{display:inline-block;font-size:var(--nut-price-decimal-big-size, 18px)}.nut-price--symbol-large{display:inline-block;font-size:var(--nut-price-symbol-big-size, 18px)}.nut-price--normal{display:inline-block;font-size:var(--nut-price-medium-size, 16px)}.nut-price--decimal-normal{display:inline-block;font-size:var(--nut-price-decimal-medium-size, 14px)}.nut-price--symbol-normal{display:inline-block;font-size:var(--nut-price-symbol-medium-size, 14px)}.nut-price--small{display:inline-block;font-size:var(--nut-price-small-size, 12px)}.nut-price--decimal-small{display:inline-block;font-size:var(--nut-price-decimal-small-size, 10px)}.nut-price--symbol-small{display:inline-block;font-size:var(--nut-price-symbol-small-size, 10px)}.nut-tag{padding:0 4px;display:inline-flex;align-items:center;font-size:var(--nut-tag-font-size, 12px);border-radius:var(--nut-tag-default-border-radius, 4px);height:var(--nut-tag-height, auto)}.nut-tag--default{color:var(--nut-tag-default-color, #ffffff);background:var(--nut-tag-default-background-color, #000000);border:var(--nut-tag-border-width, 1px) solid rgba(0,0,0,0)}.nut-tag--default.nut-tag--plain{color:var(--nut-tag-default-background-color, #000000);border:var(--nut-tag-border-width, 1px) solid var(--nut-tag-default-background-color, #000000)}.nut-tag--primary{color:var(--nut-tag-default-color, #ffffff);background:var(--nut-tag-primary-background-color, #3460fa);border:var(--nut-tag-border-width, 1px) solid rgba(0,0,0,0)}.nut-tag--primary.nut-tag--plain{color:var(--nut-tag-primary-background-color, #3460fa);border:var(--nut-tag-border-width, 1px) solid var(--nut-tag-primary-background-color, #3460fa)}.nut-tag--success{color:var(--nut-tag-default-color, #ffffff);background:var(--nut-tag-success-background-color, #4fc08d);border:var(--nut-tag-border-width, 1px) solid rgba(0,0,0,0)}.nut-tag--success.nut-tag--plain{color:var(--nut-tag-success-background-color, #4fc08d);border:var(--nut-tag-border-width, 1px) solid var(--nut-tag-success-background-color, #4fc08d)}.nut-tag--danger{color:var(--nut-tag-default-color, #ffffff);background:var(--nut-tag-danger-background-color, linear-gradient(135deg, rgb(242, 20, 12) 0%, rgb(232, 34, 14) 70%, rgb(242, 77, 12) 100%));border:var(--nut-tag-border-width, 1px) solid rgba(0,0,0,0)}.nut-tag--danger.nut-tag--plain{color:var(--nut-tag-danger-background-color-plain, #df3526);border:var(--nut-tag-border-width, 1px) solid var(--nut-tag-danger-background-color-plain, #df3526)}.nut-tag--warning{color:var(--nut-tag-default-color, #ffffff);background:var(--nut-tag-warning-background-color, #f3812e);border:var(--nut-tag-border-width, 1px) solid rgba(0,0,0,0)}.nut-tag--warning.nut-tag--plain{color:var(--nut-tag-warning-background-color, #f3812e);border:var(--nut-tag-border-width, 1px) solid var(--nut-tag-warning-background-color, #f3812e)}.nut-tag--round{border-radius:var(--nut-tag-round-border-radius, 8px)}.nut-tag--mark{border-radius:0 12px 12px 0}.nut-tag--close{margin-left:4px;cursor:pointer}.nut-theme-dark .nut-card .nut-card__right{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-card{width:100%;display:flex}.nut-card .nut-card__left{width:120px;height:120px;flex-shrink:0;background-color:var(--nut-card-left-background-color, inherit);border-radius:var(--nut-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-card__right__price{display:flex;align-items:center;height:18px;line-height:18px;margin-top:9px}.nut-card .nut-card__right .nut-card__right__price .nut-price .nut-price--symbol-large{font-size:12px}.nut-card .nut-card__right .nut-card__right__price .nut-price .nut-price--large{font-size:18px}.nut-card .nut-card__right .nut-card__right__price .nut-price .nut-price--decimal-large{font-size:12px}.nut-card .nut-card__right .nut-card__right__price .nut-card__right__price__origin.nut-price{margin-left:2px;color:#d2a448}.nut-card .nut-card__right .nut-card__right__price .nut-card__right__price__origin.nut-price .nut-price--symbol-large{font-size:12px}.nut-card .nut-card__right .nut-card__right__price .nut-card__right__price__origin.nut-price .nut-price--large{font-size:12px}.nut-card .nut-card__right .nut-card__right__price .nut-card__right__price__origin.nut-price .nut-price--decimal-large{font-size:12px}.nut-card .nut-card__right .nut-card__right__other{display:flex;align-items:center;padding:5px 0 2px}.nut-card .nut-card__right .nut-card__right__other .nut-tag{border:none;padding:0 2px;margin-right:5px;font-size:var(--nut-card-font-size-0, var(--nut-font-size-0, 10px))}.nut-card .nut-card__right .nut-card__right__shop{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.nut-card .nut-card__right .nut-card__right__shop .nut-card__right__shop__name{line-height:1.5;color:#999;font-size:12px}