1
This commit is contained in:
32
admin/src/components/load-flower/index.vue
Normal file
32
admin/src/components/load-flower/index.vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<template>
|
||||
<div id="load-warp">
|
||||
<div class="m-load"> </div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
#load-warp {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
line-height: 100%;
|
||||
width: 100%;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
z-index: 99999;
|
||||
display: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.m-load {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
margin-top: -18px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: url('../../assets/images/load.gif') center center no-repeat;
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user