问题描述
我为Google网站网站中的页面创建了一个角度为8的自定义组件。我已将该组件作为嵌入式代码包含在Google网站中。
最初它已正确加载到google网站中,但最近页面无法正确显示为chrome。我们没有更改任何配置,但似乎不适用于Vue和angular组件。与其他浏览器一起使用时,效果似乎不错。可能是什么问题?
这是Google网站网站的嵌入式代码
<html>
<style>
/* Center the loader */
#loader {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* Add animation to "page content" */
.animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 2s;
animation-name: animatebottom;
animation-duration: 2s
}
@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 }
to { bottom:0px; opacity:1 }
}
@keyframes animatebottom {
from{ bottom:-100px; opacity:0 }
to{ bottom:0; opacity:1 }
}
#commonapps {
display: none;
text-align: center;
}
</style>
<script src="https://unpkg.com/vue"></script>
<script src="https://<base url>/common-apps.js"></script>
<script type="text/javascript">
setTimeout(function(){
var x = window.localStorage.getItem('email');
console.log(x);
if(x==null || x==undefined){
window.open("https:<gsuiteURL>",'_blank');
return false;
}
document.getElementById("commonapps").innerHTML='<common-apps-manage-requests></common-apps-manage-requests>';
document.getElementById("loader").style.display = "none";
document.getElementById("commonapps").style.display = "block";
},2000);
</script>
<div id="loader"></div>
<div style="width: 100%; height:79% !important; display:none; " id="commonapps" class="animate-bottom">
</div>
</html>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)