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

调整一下顺序

Browse Source
This commit is contained in:
fuhl 2023-04-18 19:35:22 +08:00
parent 5d04ceecbc
commit 7b7aa8fc70
1 changed files with 90 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

180
app/components/home.tsx
View File

@ -71,6 +71,96 @@ function useSwitchTheme() {
}, [config.theme]); }, [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";
//用于关闭广告的
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)';
//显示关闭按钮
const span = document.createElement("span");
span.innerText = "关闭 ×";
//把span加入div
closeDiv.appendChild(span);
//把关闭div放入最大的div内
leftDiv.appendChild(closeDiv);
//广告位主体的div
const internalDiv = document.createElement("div");
internalDiv.style.width = "100%";
// internalDiv.style.backgroundColor = 'rgba(0, 255, 0, 0.1)';
internalDiv.style.paddingTop = "6%";
//广告图片
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)';
});
// 添加点击事件监听器
closeDiv.addEventListener("click", function () {
// leftDiv.style.display = 'none';
// 移除内部所有子元素
while (leftDiv.firstChild) {
leftDiv.removeChild(leftDiv.firstChild);
}
// 移除自身
leftDiv.remove();
});
}
function useDragSideBar() { function useDragSideBar() {
const limit = (x: number) => Math.min(500, Math.max(220, x)); const limit = (x: number) => Math.min(500, Math.max(220, x));
@ -250,93 +340,3 @@ export function Home() {
</ErrorBoundary> </ErrorBoundary>
); );
} }
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";
//用于关闭广告的
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)';
//显示关闭按钮
const span = document.createElement("span");
span.innerText = "关闭 ×";
//把span加入div
closeDiv.appendChild(span);
//把关闭div放入最大的div内
leftDiv.appendChild(closeDiv);
//广告位主体的div
const internalDiv = document.createElement("div");
internalDiv.style.width = "100%";
// internalDiv.style.backgroundColor = 'rgba(0, 255, 0, 0.1)';
internalDiv.style.paddingTop = "6%";
//广告图片
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)';
});
// 添加点击事件监听器
closeDiv.addEventListener("click", function () {
// leftDiv.style.display = 'none';
// 移除内部所有子元素
while (leftDiv.firstChild) {
leftDiv.removeChild(leftDiv.firstChild);
}
// 移除自身
leftDiv.remove();
});
}