保誠-保戶業務員媒合平台
究查 | 歷程 | 修補檔 | 提交 | 提交差異 | 顯示空白
劉鈞霖
2021-11-19 338b53c9ed0571319a397873b409f45cb8e4202f 
 PAMapp/components/loading.vue


@@ -1,7 +1,7 @@


<template>


    <div class="pam-loading" v-if="isLoading">


        <lottie


        :options="defaultOptions"


  <div class="pam-loading"


    v-if="isLoading">


    <lottie :options="defaultOptions"


        :width="250"


        :height="250"


        :loop="true"/>


@@ -18,7 +18,9 @@


    })


    export default class Loading extends Vue {


        isLoading=false;


        defaultOptions={ animationData: require('@/assets/lottie/loading.json')};


    defaultOptions = {


      animationData: require('@/assets/lottie/loading.json')


    };


        start():void{


            this.isLoading = true;


        }


@@ -26,9 +28,11 @@


            this.isLoading = false;


        }


    }




</script>




<style lang="scss" scoped>


<style lang="scss"


  scoped>


    .pam-loading{


        position: absolute;


        background-color: rgba(#222222,0.5);


@@ -39,4 +43,5 @@


        justify-content: center;


        align-items: center;


    }




</style>