42 lines
593 B
42 lines
593 B
1 year ago
|
<template>
|
||
|
|
<view>
|
||
|
|
<view style="width: 100%;margin-top: 10rpx;display: flex;justify-content: center;">
|
||
|
|
<image src="../../static/custom-icon/jiazai.png" mode="aspectFill" class="loading spin"></image>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.loading {
|
||
|
|
margin-top: 10rpx;
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
margin-bottom: 20rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.spin {
|
||
|
|
animation: spin 1s steps(8) infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes spin {
|
||
|
|
from {
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
to {
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|