91 lines
2.5 KiB
JavaScript
91 lines
2.5 KiB
JavaScript
$(function () {
|
||
var viewer = new Viewer(document.getElementById("viewer"), {
|
||
button: true,
|
||
inline: false,
|
||
zoomable: true,
|
||
title: true,
|
||
tooltip: true,
|
||
minZoomRatio: 0.5,
|
||
maxZoomRatio: 100,
|
||
movable: true,
|
||
interval: 2000,
|
||
navbar: true,
|
||
loading: true,
|
||
});
|
||
|
||
// 点击显示图片 box-item
|
||
$(".box-item").click(function () {
|
||
// 设置图片
|
||
$("#viewer").attr("src", $(this).find("img").attr("src"));
|
||
viewer.show();
|
||
});
|
||
|
||
// 获取通用配置信息（关于页：用插件覆盖 honor/partner）
|
||
function getCommentInfo() {
|
||
$.ajax({
|
||
url: "/console/v1/common",
|
||
method: "get",
|
||
headers: {
|
||
Authorization: "Bearer" + " " + localStorage.jwt,
|
||
},
|
||
success: function (res) {
|
||
if (!res || res.status !== 200 || !res.data) {
|
||
return;
|
||
}
|
||
var baseData = res.data || {};
|
||
|
||
$.ajax({
|
||
url: "/console/v1/theme/config",
|
||
method: "get",
|
||
headers: {
|
||
Authorization: "Bearer" + " " + localStorage.jwt,
|
||
},
|
||
success: function (pluginRes) {
|
||
if (pluginRes && pluginRes.status === 200 && pluginRes.data) {
|
||
var cfg = pluginRes.data || {};
|
||
if (cfg.honor) {
|
||
baseData.honor = cfg.honor;
|
||
}
|
||
if (cfg.partner) {
|
||
baseData.partner = cfg.partner;
|
||
}
|
||
}
|
||
sessionStorage.commentData = JSON.stringify(baseData);
|
||
setIndexData();
|
||
},
|
||
error: function () {
|
||
sessionStorage.commentData = JSON.stringify(baseData);
|
||
setIndexData();
|
||
},
|
||
});
|
||
},
|
||
});
|
||
}
|
||
// 获取首页数据
|
||
getCommentInfo();
|
||
|
||
// 设置首页函数
|
||
function setIndexData() {
|
||
const commentObj = JSON.parse(sessionStorage.commentData);
|
||
if (commentObj.honor.length > 0) {
|
||
commentObj.honor.forEach((item) => {
|
||
$("#honor-box").append(`
|
||
<div class="box-item">
|
||
<img src=${item.img} alt="">
|
||
<p class="font-16 mt-20">${item.name}</p>
|
||
</div>
|
||
`);
|
||
});
|
||
}
|
||
commentObj.partner.forEach((item) => {
|
||
$("#partner-box").append(`
|
||
<div class="box-item">
|
||
<img src="${item.img}" alt="">
|
||
<h4 class="mt-30">${item.name}</h4>
|
||
<p class="mt-20">${item.description}</p>
|
||
</div>
|
||
`);
|
||
});
|
||
}
|
||
});
|