@tuoyuan/micro-app-vue/dist/style.css

拓源微前端解决方案 - 基于Vue的微前端库

.micro-app-container[data-v-32d30e54]{position:relative;width:100%;height:100%}.micro-app-container iframe[data-v-32d30e54]{width:100%;height:100%;border:none}.micro-app-container.is-loading[data-v-32d30e54]{pointer-events:none}.micro-app-loading[data-v-32d30e54],.micro-app-error[data-v-32d30e54]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#fff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.default-loading[data-v-32d30e54]{text-align:center;padding:40px 20px}.loading-spinner[data-v-32d30e54]{width:32px;height:32px;border:3px solid #e8eaed;border-top:3px solid #4285f4;border-radius:50%;animation:spin-32d30e54 .8s linear infinite;margin:0 auto 12px}.loading-text[data-v-32d30e54]{color:#5f6368;font-size:13px;font-weight:500;letter-spacing:.25px}.default-error[data-v-32d30e54]{text-align:center;padding:40px 20px}.error-icon[data-v-32d30e54]{font-size:40px;margin-bottom:12px;opacity:.8}.error-text[data-v-32d30e54]{color:#d93025;font-size:13px;margin-bottom:16px;font-weight:500;line-height:1.4}.retry-button[data-v-32d30e54]{padding:8px 20px;background:#4285f4;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #4285f44d}.retry-button[data-v-32d30e54]:hover{background:#3367d6;box-shadow:0 2px 6px #4285f466;transform:translateY(-1px)}.retry-button[data-v-32d30e54]:active{transform:translateY(0);box-shadow:0 1px 3px #4285f44d}@keyframes spin-32d30e54{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.micro-app-loading[data-v-32d30e54],.micro-app-error[data-v-32d30e54]{animation:fadeIn-32d30e54 .3s ease-out}@keyframes fadeIn-32d30e54{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}