加载优化

This commit is contained in:
仲么了
2023-08-30 10:03:07 +08:00
parent d0168235d4
commit d61a1614f9
9 changed files with 85 additions and 64 deletions

View File

@@ -5,10 +5,10 @@
<view class="main">
<loading0 v-if="type=='circle'"></loading0>
<loading1 v-if="type=='pulse'"></loading1>
<loading2 v-if="type=='bounce'"></loading2>
<loading3 v-if="type=='eyes'"></loading3>
<loading4 v-if="type=='triangle'"></loading4>
<loading5 v-if="type=='sun'"></loading5>
<loading2 v-if="type=='bounce'"></loading2>
<loading3 v-if="type=='eyes'"></loading3>
<loading4 v-if="type=='triangle'"></loading4>
<loading5 v-if="type=='sun'"></loading5>
<loading6 v-if="type=='love'"></loading6>
<loading7 v-if="type=='sword'"></loading7>
<loading8 v-if="type=='atom'"></loading8>
@@ -21,10 +21,10 @@
<script>
import loading0 from "./static/loading-circle.vue"
import loading1 from "./static/loading-pulse.vue"
import loading2 from "./static/loading-bounce.vue"
import loading3 from "./static/loading-eyes.vue"
import loading4 from "./static/loading-triangle.vue"
import loading5 from "./static/loading-sun.vue"
import loading2 from "./static/loading-bounce.vue"
import loading3 from "./static/loading-eyes.vue"
import loading4 from "./static/loading-triangle.vue"
import loading5 from "./static/loading-sun.vue"
import loading6 from "./static/loading-love.vue"
import loading7 from "./static/loading-sword.vue"
import loading8 from "./static/loading-atom.vue"
@@ -35,10 +35,10 @@
components: {
loading0,
loading1,
loading2,
loading3,
loading4,
loading5,
loading2,
loading3,
loading4,
loading5,
loading6,
loading7,
loading8,
@@ -65,12 +65,12 @@
},
data() {
return {
return {
};
},
methods: {
handleClick() {
handleClick() {
this.$emit('click')
}
},
@@ -94,7 +94,7 @@
bottom: 0;
height: 100vh;
width: 100vw;
background: rgba(7, 17, 27, .3);
background: #f3f4f5;
transform: translate(0, 0);
}
</style>
</style>