loading图标动画

 鼠标点击按钮时，按钮置灰，同时出现转圈的loading图标

<template>
    <div class="btn" :class="{disabled:state.loading}" @click="onSubmit">
        <el-icon v-if="state.loading"><Loading /></el-icon>生成模拟态势
    </div>
</template>

<script setup>
const state = reactive({
    loading: false
})
</script>

<style scoped lang="scss">

    .el-icon {
        margin-right: 4px;
        color: #fff;
        animation: loading-rotate 2s linear infinite;
      }

@keyframes loading-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}
</style>