|
|
@@ -29,7 +29,10 @@
|
|
|
.pc {
|
|
|
width: 100%;
|
|
|
}
|
|
|
-
|
|
|
+ .pc .item .items{
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #E6E6E6;
|
|
|
+ }
|
|
|
.pc .header {
|
|
|
|
|
|
height: 40px;
|
|
|
@@ -69,6 +72,7 @@
|
|
|
.pc .list .item img{
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
|
+ min-height: 190px;
|
|
|
object-fit: cover;
|
|
|
}
|
|
|
|
|
|
@@ -80,8 +84,6 @@
|
|
|
color: #333333;
|
|
|
line-height: 22px;
|
|
|
background-color: #fff;
|
|
|
- border: 1px solid #E6E6E6;
|
|
|
- border-top: none;
|
|
|
}
|
|
|
|
|
|
.pc .list .item:not(:nth-child(3n)) {
|
|
|
@@ -215,18 +217,24 @@
|
|
|
let divcontent = document.createElement("div");
|
|
|
var testa = document.createElement("a");
|
|
|
var testDv = document.createElement("div");
|
|
|
+ var testDva = document.createElement("div");
|
|
|
var divImg = document.createElement("img");
|
|
|
testDv.id = "t" + i;
|
|
|
testDv.className = "col-lg-4 name";
|
|
|
testDv.className += ' col-md-6';
|
|
|
testDv.innerHTML = item.sceneName
|
|
|
divcontent.className = 'item'
|
|
|
+ testDva.className = 'items'
|
|
|
divImg.src = item.thumb;
|
|
|
+ divImg.onerror = function(){
|
|
|
+ this.src = "./image/bg_banner.png";
|
|
|
+ }
|
|
|
testa.appendChild(divImg);
|
|
|
testa.appendChild(testDv);
|
|
|
testa.target = '_blank'
|
|
|
testa.href = item.webSite;
|
|
|
- divcontent.appendChild(testa)
|
|
|
+ testDva.appendChild(testa)
|
|
|
+ divcontent.appendChild(testDva)
|
|
|
listDiv.appendChild(divcontent)
|
|
|
}
|
|
|
function inter() {
|
|
|
@@ -239,7 +247,7 @@
|
|
|
console.log('inter', myType)
|
|
|
var div = document.getElementById('container');
|
|
|
div.setAttribute("class", myType);
|
|
|
- }, 100);
|
|
|
+ }, 10);
|
|
|
}
|
|
|
</script>
|
|
|
</body>
|
