goddonebianu/learn-languages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

以窗口宽高计算单词板宽高

Browse Source
This commit is contained in:
goddonebianu
2025-10-21 16:56:10 +08:00
parent 8f2b3eb0cc
commit dd1d288d0d
4 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/word-board/WordBoard.tsx
View File

@@ -1,6 +1,6 @@
'use client';
import { BOARD_WIDTH, TEXT_WIDTH, BOARD_HEIGHT, TEXT_SIZE } from "@/constants";
import { BOARD_WIDTH, TEXT_WIDTH, BOARD_HEIGHT, TEXT_SIZE } from "@/config/word-board-config";
import { Word } from "@/interfaces";
import { Dispatch, SetStateAction, useEffect } from "react";

2
src/app/word-board/page.tsx
View File

@@ -3,7 +3,7 @@ import WordBoard from "@/app/word-board/WordBoard";
import Button from "../../components/Button";
import { KeyboardEvent, useRef, useState } from "react";
import { Word } from "@/interfaces";
import { BOARD_WIDTH, TEXT_WIDTH, BOARD_HEIGHT, TEXT_SIZE } from "@/constants";
import { BOARD_WIDTH, TEXT_WIDTH, BOARD_HEIGHT, TEXT_SIZE } from "@/config/word-board-config";
import { inspect } from "@/utils";
export default function Home() {

6
src/config/word-board-config.ts Normal file
View File

@@ -0,0 +1,6 @@
// export const BOARD_WIDTH = 800;
// export const BOARD_HEIGHT = 500;
export const BOARD_WIDTH = window.innerWidth * 0.68;
export const BOARD_HEIGHT = window.innerHeight * 0.68;
export const TEXT_SIZE = 30;
export const TEXT_WIDTH = TEXT_SIZE * 0.6;

4
src/constants.ts
View File

@@ -1,4 +0,0 @@
export const BOARD_WIDTH = 800;
export const BOARD_HEIGHT = 500;
export const TEXT_SIZE = 30;
export const TEXT_WIDTH = TEXT_SIZE * 0.6;