TMRAppBle/components/dxx-loading.stml

66 lines
1.1 KiB
Plaintext

<template name='dxx-loading'>
<view class="myloadingupview" v-show="show" @click="closeview">
<view class="myloadingview">
<view class="viewloading">
<image class="loadingImage" src="../components/loading.gif" mode="widthFix"></image>
<view>
<text class="loadingtext">{{loadingtext?loadingtext:'loading'}}</text>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: "dxx-loading",
props: {
loadingtext: String,
show: {
type: Boolean,
default: false,
},
},
methods: {
closeview() {
this.fire("closeview");
}
},
};
</script>
<style>
.myloadingupview {
z-index: 99999;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.4);
flex-direction: row-reverse;
justify-content: center;
align-items: center;
}
.viewloading {
width: 80px;
height: 80px;
text-align: center;
background: #ffffff;
border-radius: 6px;
padding: 10px;
justify-content: center;
align-items: center;
}
.loadingImage {
height: 30px;
width: 30px;
}
.loadingtext {
color: #000000;
}
</style>