AncTe/HumanBreak
1
1
Fork 0
mirror of https://github.com/unanmed/HumanBreak.git synced 2025-10-08 20:01:47 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: 存档显示时间

Browse Source
This commit is contained in:
unanmed 2025-09-26 20:13:58 +08:00
parent 608cd15f76
commit a1a8017ce1
3 changed files with 24 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages-user/client-modules/src/render/index.tsx
View File

@ -1,6 +1,6 @@
import { createApp, Font } from '@motajs/render'; import { createApp, Font } from '@motajs/render';
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import { MAIN_HEIGHT, MAIN_WIDTH } from './shared'; import { DEFAULT_FONT, MAIN_HEIGHT, MAIN_WIDTH } from './shared';
import { hook, loading } from '@user/data-base'; import { hook, loading } from '@user/data-base';
import { createLoopMap } from './loopMap'; import { createLoopMap } from './loopMap';
import { createElements } from './elements'; import { createElements } from './elements';
@ -45,7 +45,7 @@ export function createRender() {
sceneController.open(GameTitleUI, {}); sceneController.open(GameTitleUI, {});
}); });
Font.setDefaults(new Font('normal', 18)); Font.setDefaults(DEFAULT_FONT);
} }
export * from './components'; export * from './components';

7
packages-user/client-modules/src/render/shared.ts
View File

@ -1,4 +1,5 @@
import { ElementLocator } from '@motajs/render-core'; import { ElementLocator } from '@motajs/render-core';
import { Font } from '@motajs/render-style';
// 本文件为 UI 配置文件，你可以修改下面的每个常量来控制 UI 的显示参数，每个常量都有注释说明 // 本文件为 UI 配置文件，你可以修改下面的每个常量来控制 UI 的显示参数，每个常量都有注释说明
@ -60,15 +61,17 @@ export const CENTER_LOC: ElementLocator = [
/** 弹框的宽度，使用在内置 UI 与组件中，包括确认框、选择框、等待框等 */ /** 弹框的宽度，使用在内置 UI 与组件中，包括确认框、选择框、等待框等 */
export const POP_BOX_WIDTH = MAP_WIDTH / 2; export const POP_BOX_WIDTH = MAP_WIDTH / 2;
/** 默认字体 */
export const DEFAULT_FONT = new Font('normal', 18);
//#region 存档界面 //#region 存档界面
/** 存档缩略图尺寸 */ /** 存档缩略图尺寸 */
export const SAVE_ITEM_SIZE = 150; export const SAVE_ITEM_SIZE = MAP_BLOCK_WIDTH * 10;
/** 单个存档上方显示第几号存档的高度 */ /** 单个存档上方显示第几号存档的高度 */
export const SAVE_ITEM_TOP = 24; export const SAVE_ITEM_TOP = 24;
/** 单个存档下方显示这个存档信息的高度 */ /** 单个存档下方显示这个存档信息的高度 */
export const SAVE_ITEM_DOWN = 16; export const SAVE_ITEM_DOWN = 24;
/** 单个存档高度，包括存档下方的信息 */ /** 单个存档高度，包括存档下方的信息 */
export const SAVE_ITEM_HEIGHT = SAVE_ITEM_SIZE + SAVE_ITEM_TOP + SAVE_ITEM_DOWN; export const SAVE_ITEM_HEIGHT = SAVE_ITEM_SIZE + SAVE_ITEM_TOP + SAVE_ITEM_DOWN;
/** 存档间距 */ /** 存档间距 */

22
packages-user/client-modules/src/render/ui/save.tsx
View File

@ -69,8 +69,8 @@ const saveBtnProps = {
} satisfies SetupComponentOptions<SaveItemProps>; } satisfies SetupComponentOptions<SaveItemProps>;
export const SaveItem = defineComponent<SaveItemProps>(props => { export const SaveItem = defineComponent<SaveItemProps>(props => {
const font = new Font('normal', 18); const font = Font.defaults({ size: 18 });
const statusFont = new Font('normal', 14); const statusFont = Font.defaults({ size: 14 });
const w = computed(() => props.loc[2] ?? 200); const w = computed(() => props.loc[2] ?? 200);
const h = computed(() => props.loc[3] ?? 200); const h = computed(() => props.loc[3] ?? 200);
@ -93,6 +93,11 @@ export const SaveItem = defineComponent<SaveItemProps>(props => {
return `${hp}/${atk}/${def}`; return `${hp}/${atk}/${def}`;
} }
}); });
const timeText = computed(() => {
if (!props.data) return '';
const date = new Date(props.data.data.time);
return date.toLocaleString();
});
const strokeStyle = computed(() => { const strokeStyle = computed(() => {
if (props.selected) return props.inDelete ? 'red' : 'gold'; if (props.selected) return props.inDelete ? 'red' : 'gold';
@ -115,8 +120,8 @@ export const SaveItem = defineComponent<SaveItemProps>(props => {
<text <text
text={name.value} text={name.value}
font={font} font={font}
loc={[w.value / 2, SAVE_ITEM_TOP - 4]} loc={[w.value / 2, 0]}
anc={[0.5, 1]} anc={[0.5, 0]}
/> />
<g-rect <g-rect
loc={imgLoc.value} loc={imgLoc.value}
@ -143,7 +148,14 @@ export const SaveItem = defineComponent<SaveItemProps>(props => {
text={statusText.value} text={statusText.value}
fillStyle="yellow" fillStyle="yellow"
font={statusFont} font={statusFont}
loc={[w.value / 2, h.value - SAVE_ITEM_DOWN + 2]} loc={[w.value / 2, h.value - SAVE_ITEM_DOWN]}
anc={[0.5, 0]}
/>
<text
text={timeText.value}
fillStyle="yellow"
font={statusFont}
loc={[w.value / 2, h.value - SAVE_ITEM_DOWN + 12]}
anc={[0.5, 0]} anc={[0.5, 0]}
/> />
</container> </container>