.tag-index { display: inline-flex; height: initial; } @import "../common/index.acss"; .tag-index .van-tag { position: relative; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; padding: 0 4px; padding: var(--tag-padding, 0 4px); color: #fff; color: var(--tag-text-color, #fff); font-size: 12px; font-size: var(--tag-font-size, 12px); line-height: 16px; line-height: var(--tag-line-height, 16px); border-radius: 2px; border-radius: var(--tag-border-radius, 2px); } .tag-index .van-tag--default { background-color: #969799; background-color: var(--tag-default-color, #969799); } .tag-index .van-tag--default.van-tag--plain { color: #969799; color: var(--tag-default-color, #969799); } .tag-index .van-tag--danger { background-color: #ee0a24; background-color: var(--tag-danger-color, #ee0a24); } .tag-index .van-tag--danger.van-tag--plain { color: #ee0a24; color: var(--tag-danger-color, #ee0a24); } .tag-index .van-tag--primary { background-color: #1989fa; background-color: var(--tag-primary-color, #1989fa); } .tag-index .van-tag--primary.van-tag--plain { color: #1989fa; color: var(--tag-primary-color, #1989fa); } .tag-index .van-tag--success { background-color: #07c160; background-color: var(--tag-success-color, #07c160); } .tag-index .van-tag--success.van-tag--plain { color: #07c160; color: var(--tag-success-color, #07c160); } .tag-index .van-tag--warning { background-color: #ff976a; background-color: var(--tag-warning-color, #ff976a); } .tag-index .van-tag--warning.van-tag--plain { color: #ff976a; color: var(--tag-warning-color, #ff976a); } .tag-index .van-tag--plain { background-color: #fff; background-color: var(--tag-plain-background-color, #fff); } .tag-index .van-tag--plain:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid; border-radius: inherit; content: ""; pointer-events: none; } .tag-index .van-tag--medium { padding: 2px 6px; padding: var(--tag-medium-padding, 2px 6px); } .tag-index .van-tag--large { padding: 4px 8px; padding: var(--tag-large-padding, 4px 8px); font-size: 14px; font-size: var(--tag-large-font-size, 14px); border-radius: 4px; border-radius: var(--tag-large-border-radius, 4px); } .tag-index .van-tag--mark { border-radius: 0 999px 999px 0; border-radius: 0 var(--tag-round-border-radius, 999px) var(--tag-round-border-radius, 999px) 0; } .tag-index .van-tag--mark:after { display: block; width: 2px; content: ""; } .tag-index .van-tag--round { border-radius: 999px; border-radius: var(--tag-round-border-radius, 999px); } .tag-index .van-tag__close { min-width: 1em; margin-left: 2px; }