因此,我一直在开发一个名为MVG的游戏中的游戏社区的加载屏幕网站,由于某种原因,我对网站存在问题,因为该网站在图像第一次消失后会闪烁,然后针对每个图片即时通讯无法看到问题所在,我真的希望获得一些帮助,因为否则网站会为我完成,谢谢。
这是我的网站https://mynamejack.hxane.com/MVGCWloadingscreen/的初稿
只需单击检查元素,您就应该能够查看所有代码,但是无论如何我都会将其发布在下面
let arr1 = [{
name: 'Contractor A',
user_id: 3,
mobile_number: '9999999999',
active_projects: []
},
{
name: 'Contractor B',
user_id: 6,
mobile_number: '9999999999',
active_projects: []
}
]
let arr2 = [{
user_id: 3,
project_name: 'Project A'
},
{
user_id: 3,
project_name: 'Project B'
},
{
user_id: 6,
project_name: 'Project C'
}
];
arr2.forEach((item) => {
const findIndexArr1 = arr1.findIndex(elem => elem.user_id === item.user_id);
if (findIndexArr1 !== -1) {
arr1[findIndexArr1].active_projects.push(item.project_name)
}
});
console.log(arr1)
<html>
<head>
<title>MVG loading screen</title>
<link href="assets/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<div class="outer">
<div class="details">
<img alt="MVG" src="assets/images/logo/mvg-logo.png" style="opacity: 100%;">
<style>
img {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 580px;
}
</style>
</div>
</div>
</div>
</body>
</html>