song-ui-u/theme/upload.css

vue3 + js的PC前端组件库

@charset "UTF-8";.x-upload{display:flex;align-items:start;justify-content:center;flex-direction:column;gap:6px}.x-upload.is-image{flex-direction:row;flex-direction:row-reverse;align-items:center;justify-content:start}.x-upload__wrapper{position:relative;display:flex;gap:6px;align-items:center;justify-content:center}.x-upload__warp-text{color:var(--x-color-primary)}.x-upload__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.x-upload__control{display:flex;align-items:center;justify-content:center;gap:6px}.x-upload__upload-image{display:flex;align-items:center;justify-content:center;border-radius:var(--x-component-round-default);border:solid 1px var(--x-border-color-default);color:var(--x-border-color-default)}.x-upload__imageList{display:flex;gap:10px}.x-upload__del-img{position:absolute;z-index:9999;width:18px;height:18px;border-radius:50%;color:var(--x-color-white);font-size:15px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);cursor:pointer;top:-7px;right:-7px}.x-upload__del-img:hover{background:rgba(0,0,0,.8)}.x-upload__img{position:relative}