song-ui-u/theme/image.css

vue3 + js的PC前端组件库

@charset "UTF-8";.x-image{display:inline-flex;border-radius:var(--x-component-round-default);width:100px;height:100px;overflow:hidden;position:relative}.x-image.is-preview:hover .x-image__preview{opacity:1}.x-image__content{position:absolute;padding:8px;z-index:1}.x-image__preview{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:rgba(0,0,0,.2);opacity:0;transition:.3s}.x-image__handel{cursor:pointer}.x-image__image{width:100%;height:100%;border-radius:var(--x-component-round-default)}.x-image__image.is-zoomed{transition:.3s}.x-image__image.is-zoomed:hover{transform:scale(1.25)}.x-image__preview-text{display:flex;align-items:center;justify-content:center;gap:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-image__error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--x-neutral-color-light-3);background-color:var(--x-neutral-color-light-7)}