企业常用系统各系统介绍,泰安seo,合肥市建设建筑网站,空调公司网站建设简介
一分钟实现 vue-pure-admin 同款项目加载时的 loading 效果
一、先看效果
1.1 静态效果 1.2 动态效果 二、上代码
核心代码在body里面#xff0c;代码中已标明。找到你项目的 index.html #xff0c;复制粘贴进去即可
!DOCTYPE html
html langen…简介
一分钟实现 vue-pure-admin 同款项目加载时的 loading 效果
一、先看效果
1.1 静态效果 1.2 动态效果 二、上代码
核心代码在body里面代码中已标明。找到你项目的 index.html 复制粘贴进去即可
!DOCTYPE html
html langenheadmeta charsetUTF-8 /meta http-equivX-UA-Compatible contentIEedge,chrome1 /meta namerenderer contentwebkit /metanameviewportcontentwidthdevice-width,initial-scale1.0,minimum-scale1.0,maximum-scale1.0,user-scalable0/titlevue-pure-admin/titlelink relicon href/favicon.ico /scriptwindow.process {};/script/headbody// 核心代码-开始div idappstylehtml,body,#app {width: 100%;height: 100%;display: flex;position: relative;justify-content: center;align-items: center;overflow: hidden;}.loader,.loader:before,.loader:after {border-radius: 50%;width: 2.5em;height: 2.5em;animation-fill-mode: both;animation: loadAnimation 1.8s infinite ease-in-out;}.loader {color: #406eeb;font-size: 10px;margin: 80px auto;position: relative;text-indent: -9999em;transform: translateZ(0);animation-delay: -0.16s;top: 0;transform: translate(-50%, 0);}.loader:before,.loader:after {content: ;position: absolute;top: 0;}.loader:before {left: -3.5em;animation-delay: -0.32s;}.loader:after {left: 3.5em;}keyframes loadAnimation {0%,80%,100% {box-shadow: 0 2.5em 0 -1.3em;}40% {box-shadow: 0 2.5em 0 0;}}/stylediv classloader/div/div// 核心代码-结束script typemodule src/src/main.ts/script/body
/html