xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-10-09 11:36:38 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
fuhl 2023-04-18 20:49:47 +08:00
parent 1cd8b888f3
commit fb4d8c9c93
1 changed files with 79 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

156
app/components/home.tsx
View File

@ -69,98 +69,100 @@ function useSwitchTheme() {
metaDescriptionLight?.setAttribute("content", themeColor);
}
}, [config.theme]);
}
function leftDivFun() {
/**
* 左边广告位
*/
//声明div
const leftDiv = document.createElement("div");
//设置元素class或者id
//设置id为leftDiv
leftDiv.setAttribute("id", "leftDiv");
//设置宽
leftDiv.style.width = "18%";
//设置高
leftDiv.style.height = "89%";
//背景色用于调试用
// leftDiv.style.backgroundColor = "rgba(255,0,0,0.1)";
//居左
document.body.style.textAlign = "left";
//固定
leftDiv.style.position = "fixed";
//距离左边距
leftDiv.style.left = "0.3%";
//叠加
leftDiv.style.zIndex = "999";
useEffect(() => {
/**
* 左边广告位
*/
//声明div
const leftDiv = document.createElement("div");
//设置元素class或者id
//设置id为leftDiv
leftDiv.setAttribute("id", "leftDiv");
//设置宽
leftDiv.style.width = "18%";
//设置高
leftDiv.style.height = "89%";
//背景色用于调试用
// leftDiv.style.backgroundColor = "rgba(255,0,0,0.1)";
//居左
document.body.style.textAlign = "left";
//固定
leftDiv.style.position = "fixed";
//距离左边距
leftDiv.style.left = "0.3%";
//叠加
leftDiv.style.zIndex = "999";
//用于关闭广告的
const closeDiv = document.createElement("div");
//用于关闭广告的
const closeDiv = document.createElement("div");
closeDiv.style.width = "15%";
closeDiv.style.height = "3%";
//居右
closeDiv.style.float = "right";
// closeDiv.style.backgroundColor = 'rgba(255,0,0,0.1)';
closeDiv.style.width = "15%";
closeDiv.style.height = "3%";
//居右
closeDiv.style.float = "right";
// closeDiv.style.backgroundColor = 'rgba(255,0,0,0.1)';
//显示关闭按钮
const span = document.createElement("span");
span.innerText = "关闭 ×";
//显示关闭按钮
const span = document.createElement("span");
span.innerText = "关闭 ×";
//把span加入div
closeDiv.appendChild(span);
//把span加入div
closeDiv.appendChild(span);
//把关闭div放入最大的div内
leftDiv.appendChild(closeDiv);
//把关闭div放入最大的div内
leftDiv.appendChild(closeDiv);
//广告位主体的div
const internalDiv = document.createElement("div");
//广告位主体的div
const internalDiv = document.createElement("div");
internalDiv.style.width = "100%";
// internalDiv.style.backgroundColor = 'rgba(0, 255, 0, 0.1)';
internalDiv.style.paddingTop = "6%";
internalDiv.style.width = "100%";
// internalDiv.style.backgroundColor = 'rgba(0, 255, 0, 0.1)';
internalDiv.style.paddingTop = "6%";
//广告图片
const leftImg = document.createElement("img");
//广告图片
const leftImg = document.createElement("img");
leftImg.src = "/gaobaipingtai.jpg";
leftImg.style.width = "100%";
leftImg.style.height = "100%";
internalDiv.appendChild(leftImg);
leftDiv.appendChild(internalDiv);
//把左边广告位div放入body中
document.body.appendChild(leftDiv);
// 添加鼠标移入事件
leftImg.addEventListener("mouseover", function () {
// leftImg.style.display = 'none';
leftImg.src = "/gaobaiguanzhu.png";
// internalDiv.style.backgroundColor = 'rgba(0, 0, 0, 0.1)';
});
// 添加鼠标移出事件
leftImg.addEventListener("mouseout", function () {
leftImg.src = "/gaobaipingtai.jpg";
// internalDiv.style.backgroundColor = 'rgba(0, 0, 0, 0)';
});
leftImg.style.width = "100%";
leftImg.style.height = "100%";
// 添加点击事件监听器
closeDiv.addEventListener("click", function () {
// leftDiv.style.display = 'none';
// 移除内部所有子元素
while (leftDiv.firstChild) {
leftDiv.removeChild(leftDiv.firstChild);
}
internalDiv.appendChild(leftImg);
// 移除自身
leftDiv.remove();
});
leftDiv.appendChild(internalDiv);
//把左边广告位div放入body中
document.body.appendChild(leftDiv);
// 添加鼠标移入事件
leftImg.addEventListener("mouseover", function () {
// leftImg.style.display = 'none';
leftImg.src = "/gaobaiguanzhu.png";
// internalDiv.style.backgroundColor = 'rgba(0, 0, 0, 0.1)';
});
// 添加鼠标移出事件
leftImg.addEventListener("mouseout", function () {
leftImg.src = "/gaobaipingtai.jpg";
// internalDiv.style.backgroundColor = 'rgba(0, 0, 0, 0)';
});
// 添加点击事件监听器
closeDiv.addEventListener("click", function () {
// leftDiv.style.display = 'none';
// 移除内部所有子元素
while (leftDiv.firstChild) {
leftDiv.removeChild(leftDiv.firstChild);
}
// 移除自身
leftDiv.remove();
});
}, [config]);
}
function leftDivFun() {}
function useDragSideBar() {
const limit = (x: number) => Math.min(500, Math.max(220, x));