tyh-ui2/theme/avatar.css

The next generation ui component library of tyh-ui is based on vue3 Version, fully embrace vue3.

.tyh-avatar{display:inline-block;font-size:0}.tyh-avatar .tyh-avatar-round{border-radius:50%}.tyh-avatar .tyh-avatar-border{border:3px solid #eee}.tyh-avatar .tyh-avatar-select{user-select:none}.tyh-avatar .tyh-avatar-fill{object-fit:fill}.tyh-avatar .tyh-avatar-contain{object-fit:contain}.tyh-avatar .tyh-avatar-cover{object-fit:cover}.tyh-avatar .tyh-avatar-none{object-fit:none}.tyh-avatar .tyh-avatar-scale-down{object-fit:scale-down}.tyh-avatar .tyh-avatar-error{background-color:#cfd1d6;padding:5px;border-radius:5px;display:inline-flex;justify-content:center;align-items:center;color:#c1c4cc;font-size:15px;box-sizing:border-box}.tyh-avatar .tyh-avatar-error .tyh-icon{width:45px;height:45px;position:absolute;display:block;color:#fff;font-size:45px;line-height:1}