fixed # 更新资源文件
fixed # 修复部分手机适配问题
|
After Width: | Height: | Size: 9.3 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
@@ -30,8 +30,9 @@ export const playDialogue = (lines, options = {}) => new Promise(resolve => {
|
|||||||
const overlay = ui.create.div(".mengsan-dialogue-overlay-shuying", ui.window);
|
const overlay = ui.create.div(".mengsan-dialogue-overlay-shuying", ui.window);
|
||||||
const stage = ui.create.div(".mengsan-dialogue-stage-shuying", overlay);
|
const stage = ui.create.div(".mengsan-dialogue-stage-shuying", overlay);
|
||||||
ui.create.div(".mengsan-dialogue-chapter-shuying", options.title || "剧情", stage);
|
ui.create.div(".mengsan-dialogue-chapter-shuying", options.title || "剧情", stage);
|
||||||
const portraitFrame = ui.create.div(".mengsan-dialogue-portrait-frame-shuying", stage);
|
|
||||||
const textBox = ui.create.div(".mengsan-dialogue-box-shuying", stage);
|
const textBox = ui.create.div(".mengsan-dialogue-box-shuying", stage);
|
||||||
|
const portraitFrame = ui.create.div(
|
||||||
|
".mengsan-dialogue-portrait-frame-shuying", textBox);
|
||||||
const speaker = ui.create.div(".mengsan-dialogue-speaker-shuying", textBox);
|
const speaker = ui.create.div(".mengsan-dialogue-speaker-shuying", textBox);
|
||||||
const text = ui.create.div(".mengsan-dialogue-text-shuying", textBox);
|
const text = ui.create.div(".mengsan-dialogue-text-shuying", textBox);
|
||||||
const progress = ui.create.div(".mengsan-dialogue-progress-shuying", textBox);
|
const progress = ui.create.div(".mengsan-dialogue-progress-shuying", textBox);
|
||||||
|
|||||||
@@ -36,7 +36,7 @@ export function mountEnemyIntent(player, session, assetBase, document,
|
|||||||
debuffIcon.className = "mengsan-intent-icon-shuying";
|
debuffIcon.className = "mengsan-intent-icon-shuying";
|
||||||
debuffIcon.alt = "Debuff";
|
debuffIcon.alt = "Debuff";
|
||||||
debuffIcon.decoding = "async";
|
debuffIcon.decoding = "async";
|
||||||
debuffIcon.src = `${assetBase}/assets/intent/Intent_debuff.webp`;
|
debuffIcon.src = `${assetBase}/assets/intent/Intent_debuff.png`;
|
||||||
const debuffAmount = document.createElement("span");
|
const debuffAmount = document.createElement("span");
|
||||||
debuffLine.append(debuffIcon, debuffAmount);
|
debuffLine.append(debuffIcon, debuffAmount);
|
||||||
badge.append(damageLine, debuffLine);
|
badge.append(damageLine, debuffLine);
|
||||||
@@ -98,7 +98,7 @@ export function mountEnemyIntent(player, session, assetBase, document,
|
|||||||
}
|
}
|
||||||
const src = deathBlow ?
|
const src = deathBlow ?
|
||||||
`${assetBase}/assets/intent/Intent_death_blow.png` :
|
`${assetBase}/assets/intent/Intent_death_blow.png` :
|
||||||
`${assetBase}/assets/intent/Intent_attack_${tier}.webp`;
|
`${assetBase}/assets/intent/Intent_attack_${tier}.png`;
|
||||||
if (icon.getAttribute("src") !== src) icon.src = src;
|
if (icon.getAttribute("src") !== src) icon.src = src;
|
||||||
icon.alt = deathBlow ? "Death Blow" : "Attack";
|
icon.alt = deathBlow ? "Death Blow" : "Attack";
|
||||||
const label = `${deathBlow ? "Death Blow" : "Attack"}: ` +
|
const label = `${deathBlow ? "Death Blow" : "Attack"}: ` +
|
||||||
|
|||||||
@@ -319,8 +319,8 @@
|
|||||||
|
|
||||||
.mengsan-dialogue-portrait-frame-shuying {
|
.mengsan-dialogue-portrait-frame-shuying {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
left: clamp(5vw, 10vw, 150px) !important;
|
left: 0 !important;
|
||||||
bottom: clamp(150px, 27vh, 238px) !important;
|
bottom: calc(100% + 30px) !important;
|
||||||
top: auto !important;
|
top: auto !important;
|
||||||
width: 144px !important;
|
width: 144px !important;
|
||||||
height: 202px !important;
|
height: 202px !important;
|
||||||
@@ -488,8 +488,6 @@
|
|||||||
.mengsan-panel-shuying { padding: 14px; }
|
.mengsan-panel-shuying { padding: 14px; }
|
||||||
.mengsan-title-shuying { font-size: 24px; }
|
.mengsan-title-shuying { font-size: 24px; }
|
||||||
.mengsan-dialogue-portrait-frame-shuying {
|
.mengsan-dialogue-portrait-frame-shuying {
|
||||||
left: 5vw !important;
|
|
||||||
bottom: clamp(142px, 31vh, 206px) !important;
|
|
||||||
width: 104px !important;
|
width: 104px !important;
|
||||||
height: 146px !important;
|
height: 146px !important;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
@@ -1167,7 +1165,6 @@ button.mengsan-card-choice-skip-shuying:hover { color: #fff1d5; border-color: #d
|
|||||||
.mengsan-flow-panel-shuying > .mengsan-title-shuying { font-size: 30px; }
|
.mengsan-flow-panel-shuying > .mengsan-title-shuying { font-size: 30px; }
|
||||||
.mengsan-flow-panel-shuying .mengsan-choice-shuying { padding: 14px; }
|
.mengsan-flow-panel-shuying .mengsan-choice-shuying { padding: 14px; }
|
||||||
.mengsan-dialogue-box-shuying { bottom: 36px !important; }
|
.mengsan-dialogue-box-shuying { bottom: 36px !important; }
|
||||||
.mengsan-dialogue-portrait-frame-shuying { bottom: clamp(186px, 36vh, 242px) !important; }
|
|
||||||
}
|
}
|
||||||
@media (max-height: 500px) {
|
@media (max-height: 500px) {
|
||||||
.mengsan-flow-overlay-shuying { padding-top: 70px; padding-bottom: 12px; }
|
.mengsan-flow-overlay-shuying { padding-top: 70px; padding-bottom: 12px; }
|
||||||
@@ -1175,7 +1172,10 @@ button.mengsan-card-choice-skip-shuying:hover { color: #fff1d5; border-color: #d
|
|||||||
.mengsan-flow-panel-shuying > .mengsan-description-shuying { margin-bottom: 16px; }
|
.mengsan-flow-panel-shuying > .mengsan-description-shuying { margin-bottom: 16px; }
|
||||||
.mengsan-dialogue-box-shuying { bottom: 28px !important; min-height: 100px; max-height: 50vh; padding: 24px 20px 20px; }
|
.mengsan-dialogue-box-shuying { bottom: 28px !important; min-height: 100px; max-height: 50vh; padding: 24px 20px 20px; }
|
||||||
.mengsan-dialogue-text-shuying { max-height: 24vh; }
|
.mengsan-dialogue-text-shuying { max-height: 24vh; }
|
||||||
.mengsan-dialogue-portrait-frame-shuying { bottom: 48% !important; height: 110px !important; width: 80px !important; }
|
.mengsan-dialogue-portrait-frame-shuying {
|
||||||
|
height: 110px !important;
|
||||||
|
width: 80px !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media (prefers-reduced-motion: reduce) {
|
@media (prefers-reduced-motion: reduce) {
|
||||||
.mengsan-flow-panel-shuying *, .mengsan-flow-menu-shuying { animation: none !important; transition: none !important; }
|
.mengsan-flow-panel-shuying *, .mengsan-flow-menu-shuying { animation: none !important; transition: none !important; }
|
||||||
|
|||||||