cross login

This commit is contained in:
glovetleong
2021-08-22 13:55:51 +08:00
parent d24fea2910
commit 2095c18871
2 changed files with 49 additions and 0 deletions
@@ -0,0 +1,48 @@
<template>
<div class="row h-100 parentContainer">
<div class="col">
<loading-component class="fixed-top h-100 bg-white" style="height: 200px; top: 0;" key="1" color="success" v-show="loading"></loading-component>
<div class="row justify-content-center b-a b-thick h-100 pointer requestModal" data-type="crossLoginModal" style="border-color: #ffffff3d">
<div class="col">
<div class="btn btn-block btn-lg btn-primary b-rad-none no-border"">Login As Exchange</div>
</div>
</div>
<modal-component styleType="fill-in" type="crossLoginModal">
<div class="row">
<div class="col text-center">
<div class="row m-b-20">
<div class="col">
<iframe style="width: 500px; height: 600px" src="http://unity.test/test"></iframe>
</div>
</div>
<div class="row">
<div class="col p-r-5">
<div class="btn btn-sm btn-default btn-block b-rad-none" data-dismiss="modal">Close</div>
</div>
</div>
</div>
</div>
</modal-component>
</div>
</div>
</template>
<script>
export default {
data(){
return {
loading: false
}
},
methods:{
iframeEvent(event) {
if(event.origin !== 'http://unity.test') return;
console.log(event.data);
}
},
mounted() {
window.addEventListener("message", this.iframeEvent, false);
},
}
</script>
@@ -26,6 +26,7 @@
<div class="row">
<div class="col">
<login-form-component section="loginSection"></login-form-component>
<cross-platform-login-form-component section="crossPlatformLoginSection"></cross-platform-login-form-component>
</div>
</div>
</div>