meri-design/dist/theme/Badge.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.p-badge{cursor:pointer;display:inline-block;position:relative}.p-badge+.p-badge{margin-left:20px}.p-badge-normal{border-radius:9px;color:#fff;height:18px;position:absolute;right:0;text-align:center;top:0;transform:translate(50%,-50%);z-index:10}.p-badge-normal.p-badge-dot{height:8px;padding:0;width:8px}.p-badge-text{align-items:flex-start;display:flex;height:18px;justify-content:center;min-width:18px;overflow-y:hidden;padding-left:4px;padding-right:4px}.p-badge-figure{height:180px;text-align:center;transition:transform .3s}.p-badge-figure span{display:block;text-align:center}.p-badge-add,.p-badge-figure span{font-size:12px;height:18px;line-height:18px;width:7px}.p-badge-str{font-size:12px;height:18px;line-height:18px;padding-left:4px;padding-right:4px}