perf: update loading spinner

This commit is contained in:
ibuler 2025-03-17 19:11:31 +08:00 committed by 老广
parent e26fecfee8
commit 597b5ac4cf
3 changed files with 5 additions and 5 deletions

View File

@ -24,7 +24,7 @@
z-index: 9999; z-index: 9999;
} }
.spinner { #loading .spinner {
width: 40px; width: 40px;
height: 40px; height: 40px;
border: 3px solid transparent; border: 3px solid transparent;
@ -33,7 +33,7 @@
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
} }
.spinner::after { #loading .spinner::after {
content: ''; content: '';
position: absolute; position: absolute;
top: -3px; top: -3px;

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="cloud-select-wrap"> <div class="cloud-select-wrap">
<el-row :gutter="12"> <el-row :gutter="12">
<el-col v-for="p in providers" :key="p.name" :style="p.imageCSS ? p.imageCSS : ''"> <el-col v-for="p in providers" :key="p.name">
<el-card <el-card
:body-style="{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start' }" :body-style="{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start' }"
:class="selected === p.name ? 'active': ''" :class="selected === p.name ? 'active': ''"
@ -79,7 +79,7 @@ export default {
<style lang='scss' scoped> <style lang='scss' scoped>
.buttons { .buttons {
margin-top: 10px; margin-top: 30px;
} }
.cloud-select-wrap { .cloud-select-wrap {

View File

@ -191,7 +191,7 @@ export const ACCOUNT_PROVIDER_ATTRS_MAP = {
title: i18n.t('LAN'), title: i18n.t('LAN'),
attrs: ['ip_group', 'test_port', 'test_timeout', 'hostname_prefix'], attrs: ['ip_group', 'test_port', 'test_timeout', 'hostname_prefix'],
image: require('@/assets/img/cloud/lan.svg'), image: require('@/assets/img/cloud/lan.svg'),
imageCSS: { height: '250px' } imageCSS: {}
} }
} }