coai/app/src/components/icons/loading.vue
2023-07-22 08:51:14 +08:00

17 lines
615 B
Vue

<script setup lang="ts">
const props = defineProps<{
loading: boolean,
}>();
</script>
<template>
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" :class="{'loading': props.loading}">
<path fill="currentColor" d="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384 384 384 0 0 1-384-384 384 384 0 0 1 643.712-282.88z"></path>
</svg>
</template>
<style scoped>
@import "/src/assets/style/anim.css";
.loading {
animation: RotateAnimation 1s linear infinite;
}
</style>