.loading{
height:200px;
width: 200px;
}
.tui_loading_row{
width: 100%;
display: table;
table-layout: fixed;
}
.tui_loading_cell{
width: 100%;
display: table-cell;
text-align: center;
}
.circle_line{
width: 100px;
height: 100px;
display: inline-block;
position: relative;
}
.circle_line cover-view{
display: block;
width: 50%;
height: 5px;
opacity: .7;
position: absolute;
top: calc(50% - 2.5px);
left: 0px;
transform-origin: center right;
animation: circle 1.5s linear infinite;
}
.circle_line cover-view::before{
content: '';
display: block;
width: 15px;
height: 5px;
position: absolute;
top: 0;
right: 10px;
background-color: orangered;
}
.circle_line cover-view:nth-child(1){
transform: rotate(0deg);
animation-delay: 0.2s;
}
.circle_line cover-view:nth-child(2){
transform: rotate(45deg);
animation-delay: 0.4s;
}
.circle_line cover-view:nth-child(3){
transform: rotate(90deg);
animation-delay: 0.6s;
}
.circle_line cover-view:nth-child(4){
transform: rotate(135deg);
animation-delay: 0.8s;
}
.circle_line cover-view:nth-child(5){
transform: rotate(180deg);
animation-delay: 1s;
}
.circle_line cover-view:nth-child(6){
transform: rotate(225deg);
animation-delay: 1.2s;
}
.circle_line cover-view:nth-child(7){
transform: rotate(270deg);
animation-delay: 1.4s;
}
.circle_line cover-view:nth-child(8){
transform: rotate(315deg);
animation-delay: 1.6s;
}
@keyframes circle {
0%{
opacity: 0.05;
}
100%{
opacity: 0.9;
}
}
| 
动画开始的时候 使用wx:if重新渲染即可可在cover-view上显示
你好，麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
以上代码就可运行