/json.js
let companyJson = [
{
newsImg: "图片路径",
newsName:"123",
nuesTime: "2022-02-10 17:00",
}, {
newsImg: "图片路径",
newsName:"123",
nuesTime: "2022-01-18 17:31",
},
{
newsImg: "图片路径",
newsName:"123",
nuesTime: "2022-01-12 19:41",
},
{
newsImg: "图片路径",
newsName:"123",
nuesTime: "2021-12-10 19:39",
},
{
newsImg: "图片路径",
newsName:"123",
nuesTime: "2021-10-29 16:36",
},
{
newsImg: "图片路径",
newsName:"123",
nuesTime: "2021-10-28 19:36",
},
{
newsImg: "图片路径",
newsName:"123",
nuesTime: "2021-08-28 16:59",
},
{
newsImg: "图片路径",
newsName:"123",
nuesTime: "2021-08-17 18:08",
},
{
newsImg: "图片路径",
newsName:"123",
nuesTime: "2021-08-13 15:30",
},
];
export default companyJson; // 在外部定义输出export
/HTML
<div class="swiper-wrappera" id="newsList">
<script type="module">
import companyJson from "./json/json.js"; //import引入
console.log(companyJson);
$(function () {
let newsHtml = "";
companyJson.forEach((item) => {
newsHtml += `
<div class="swiper-slidea">
<div class="zss-box1">
<img src="${item.newsImg}" alt="" />
<a href="./news2-6.html">
<p class="business-newstitle1">
${item.newsName}
</p></a>
<p class="business-newstitle2">${item.nuesTime}</p>
</div>
</div> `;
});
$("#newsList").html(newsHtml);
});
</script>
</div>