<view class="dunpai">
<image src="../../../static/jk59/dunpai.png" mode=""></image>
<view class="saomiao">
</view>
<text class="dunpai-baifenbi">35<text style="font-size: 30upx;">%</text></text>
</view>
```html
.dunpai {
width: 210upx;
height: 210upx;
margin: 0 auto;
margin-top: 209upx;
position: relative;
}
.dunpai image {
width: 100%;
height: 100%;
}
.saomiao {
width: 80%;
height: 48px;
background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 10px;
animation: move 1s ease-in-out infinite;
-webkit-animation: move 1s ease-in-out infinite;
}
@keyframes move {
from {
top: 0px
}
/*网格移动到显示区域的外面*/
to {
top: 100px
}
}