<template>
<view class="cont">
<view class="outer"></view>
<view class="middle"></view>
<view class="inner"></view>
</view>
</template>
<style>
body {
background-color: #212121;
}
.cont {
margin-top: 300px;
/* 距离顶部的边距 */
justify-content: center;
/* 水平居中对齐 */
align-items: center;
/* 垂直居中对齐 */
display: flex;
/* 将父元素设置为flex容器 */
position: relative;
/*将父级元素设置为相对定位*/
}
.outer,
.middle,
.inner {
border: 3px solid transparent; /*设置边框样式为透明*/
border-top-color: #3cefff; /*设置上边框颜色为#3cefff*/
border-right-color: #3cefff; /*设置右边框颜色为#3cefff*/
border
CSS loading effect
Guess you like
Origin blog.csdn.net/weixin_54226053/article/details/135425991
Recommended
Ranking