nutui-taro-upgrade
Version:
@nutui/nutui-taro 对京东风格组件库的taro4 版本支持
1 lines • 2.27 kB
CSS
.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}