1.swiper插件
合适的轮播插件
2.json请求,自己写的json数据,拼字符串的方式渲染出来
for (let i = 0; i <arr.length; i++) {
let pObj = arr[i]
console.log(pObj);
html +=
`
<div class="phone">
<a href="HTML/item.html?pid=${pObj.pid}">
<img src="IMG/${pObj.pimg}" alt="">
<p>${pObj.pname} </p>
<p>${pObj.pdesc}</p>
<p>${pObj.pprice}</p>
</a>
</div>
`
}
3.弹性盒布局
display: flex;
justify-content: space-around;