vue3-lazyload-img/lib/style.css

基于vue3简单的图片懒加载组件

.defalut-img-root{width:100%;height:100%}.img-max-width{width:100%;max-height:100%}.img-max-height{max-width:100%;height:100%}.img-equal{width:100%;height:100%}.defalut-img-box{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center}.lazyload-img,.defalut-img{max-width:100%;max-height:100%}.err-root[data-v-3b103b22]{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;position:relative;background-color:#fcfafa}.errColor[data-v-3b103b22]{color:#999}.defalut-img-root[data-v-17e80d3a]{width:100%;height:100%}.img-max-width[data-v-17e80d3a]{width:100%;max-height:100%}.img-max-height[data-v-17e80d3a]{max-width:100%;height:100%}.img-equal[data-v-17e80d3a]{width:100%;height:100%}.defalut-img-box[data-v-17e80d3a]{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center}.lazyload-img[data-v-17e80d3a],.defalut-img[data-v-17e80d3a]{max-width:100%;max-height:100%}.pre-root{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;position:relative;background-color:#fcfafa}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border;box-sizing:border-box}@-webkit-keyframes spinner-border{to{opacity:1;transform:rotate(360deg)}0%{opacity:1}}@keyframes spinner-border{to{opacity:1;transform:rotate(360deg)}0%{opacity:1}}.spinner-border{opacity:0;animation-name:spinner-border;-webkit-animation-name:spinner-border;animation-delay:.75s;-webkit-animation-delay:.75s;position:absolute}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.spinner-grow{animation-duration:1.2s;-webkit-animation-duration:1.2s}.spinner-grow{animation-iteration-count:1;-webkit-animation-iteration-count:1}.loadColor{color:#999}.pre-root[data-v-547a5702]{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;position:relative;background-color:#fcfafa}.spinner-grow[data-v-547a5702]{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow-547a5702;animation:.75s linear infinite spinner-grow-547a5702}@-webkit-keyframes spinner-grow-547a5702{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow-547a5702{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-border[data-v-547a5702]{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border-547a5702;animation:.75s linear infinite spinner-border-547a5702;box-sizing:border-box}@-webkit-keyframes spinner-border-547a5702{to{opacity:1;transform:rotate(360deg)}0%{opacity:1}}@keyframes spinner-border-547a5702{to{opacity:1;transform:rotate(360deg)}0%{opacity:1}}.spinner-border[data-v-547a5702]{opacity:0;animation-name:spinner-border-547a5702;-webkit-animation-name:spinner-border-547a5702;animation-delay:.75s;-webkit-animation-delay:.75s;position:absolute}@media (prefers-reduced-motion: reduce){.spinner-border[data-v-547a5702],.spinner-grow[data-v-547a5702]{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.visually-hidden[data-v-547a5702],.visually-hidden-focusable[data-v-547a5702]:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.spinner-grow[data-v-547a5702]{animation-duration:1.2s;-webkit-animation-duration:1.2s}.spinner-grow[data-v-547a5702]{animation-iteration-count:1;-webkit-animation-iteration-count:1}.loadColor[data-v-547a5702]{color:#999}.defalut-img-root[data-v-d9cadf8a]{width:100%;height:100%}.img-max-width[data-v-d9cadf8a]{width:100%;max-height:100%}.img-max-height[data-v-d9cadf8a]{max-width:100%;height:100%}.img-equal[data-v-d9cadf8a]{width:100%;height:100%}.defalut-img-box[data-v-d9cadf8a]{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center}.lazyload-img[data-v-d9cadf8a],.defalut-img[data-v-d9cadf8a]{max-width:100%;max-height:100%}.defalut-img-root[data-v-2b1f40a6]{width:100%;height:100%}.img-max-width[data-v-2b1f40a6]{width:100%;max-height:100%}.img-max-height[data-v-2b1f40a6]{max-width:100%;height:100%}.img-equal[data-v-2b1f40a6]{width:100%;height:100%}.defalut-img-box[data-v-2b1f40a6]{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center}.lazyload-img[data-v-2b1f40a6],.defalut-img[data-v-2b1f40a6]{max-width:100%;max-height:100%}