/* 原生 CSS */ .loading { width: 50px; height: 50px; margin: 0 auto; border-radius: 50%; border: 3px solid rgba(0, 0, 0, 0.2); border-top: 3px solid #3498db; animation: rotate 1s infinite linear; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Bootstrap CSS */Loading...
在实际项目开发中,为了提高用户体验,加载中样式可以针对具体业务场景进行定制。例如,加载中文字可根据具体业务进行更改,加载中动画的颜色、形状等也可以进行个性化调整。
同时,为了避免出现页面闪烁现象,建议将加载中样式与业务样式分离,使用异步加载技术加快页面加载速度。