forked from opentiny/tiny-vue
27 lines
526 B
Vue
27 lines
526 B
Vue
<template>
|
|
<div id="boxseven"></div>
|
|
</template>
|
|
|
|
<script>
|
|
import { Loading } from '@opentiny/vue'
|
|
import { IconLoading } from '@opentiny/vue-icon'
|
|
|
|
export default {
|
|
mounted() {
|
|
Loading.service({
|
|
text: '自定义loading图标',
|
|
spinner: IconLoading(), // 添加自定义类名，动画需要自己实现
|
|
target: document.getElementById('boxseven'),
|
|
background: 'rgba(0, 0, 0, 0.7)',
|
|
tiny_mode: 'mobile-first'
|
|
})
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
#boxseven {
|
|
height: 120px;
|
|
}
|
|
</style>
|