报名工具小程序初始代码
This commit is contained in:
41
components/loading/loading.vue
Normal file
41
components/loading/loading.vue
Normal file
@@ -0,0 +1,41 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user