mirror of
https://github.com/unanmed/HumanBreak.git
synced 2025-01-18 20:09:27 +08:00
完善ui
This commit is contained in:
parent
6292bf2df7
commit
4ea4592d6f
1
components.d.ts
vendored
1
components.d.ts
vendored
@ -7,7 +7,6 @@ export {}
|
||||
|
||||
declare module '@vue/runtime-core' {
|
||||
export interface GlobalComponents {
|
||||
AButton: typeof import('ant-design-vue/es')['Button']
|
||||
ADivider: typeof import('ant-design-vue/es')['Divider']
|
||||
ASelect: typeof import('ant-design-vue/es')['Select']
|
||||
ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
|
||||
|
||||
@ -21,7 +21,8 @@ main.floors.MT11=
|
||||
"设定说明之额外伤害",
|
||||
"这是一种无法被减免的伤害，在破防的基础上，会在计算过每回合造成伤害后将额外伤害加在每回合伤害上",
|
||||
"例如，你对A怪物每回合造成10点伤害，你有10点额外伤害，那么这时候你每回合就可以对它造成20点伤害",
|
||||
"该属性对坚固怪同样有效"
|
||||
"该属性对坚固怪同样有效",
|
||||
"更多详细信息可在百科全书中查看"
|
||||
]
|
||||
},
|
||||
"changeFloor": {
|
||||
@ -72,5 +73,12 @@ main.floors.MT11=
|
||||
"weather": [
|
||||
"sun",
|
||||
8
|
||||
]
|
||||
],
|
||||
"cannotMoveIn": {},
|
||||
"bg2map": [
|
||||
|
||||
],
|
||||
"fg2map": [
|
||||
|
||||
]
|
||||
}
|
||||
@ -51,7 +51,7 @@ function resize() {
|
||||
left = document.getElementById(`column-left-${id}`) as HTMLDivElement;
|
||||
right = document.getElementById(`column-right-${id}`) as HTMLDivElement;
|
||||
|
||||
if (has(props.width)) main.style.width = `${props.width}%`;
|
||||
if (has(props.width) && !isMobile) main.style.width = `${props.width}%`;
|
||||
if (has(props.height)) main.style.height = `${props.height}%`;
|
||||
if (has(props.left)) left.style.flexBasis = `${props.left}%`;
|
||||
if (has(props.right)) right.style.flexBasis = `${props.right}%`;
|
||||
@ -134,6 +134,7 @@ onUpdated(resize);
|
||||
flex-direction: column;
|
||||
width: 90%;
|
||||
height: 75%;
|
||||
font-size: 3.8vw;
|
||||
}
|
||||
|
||||
.divider {
|
||||
|
||||
@ -93,7 +93,11 @@
|
||||
: 'lightpink'
|
||||
}"
|
||||
><span style="font-family: 'Fira Code'">{{
|
||||
enemy.criticalDamage < 0 ? '=>' : ''
|
||||
enemy.criticalDamage < 0
|
||||
? isMobile
|
||||
? '-'
|
||||
: '=>'
|
||||
: ''
|
||||
}}</span
|
||||
>{{
|
||||
core.formatBigNumber(
|
||||
@ -154,7 +158,7 @@ function enter() {
|
||||
<style lang="less" scoped>
|
||||
.enemy-container {
|
||||
border: 1.5px solid transparent;
|
||||
border-radius: 20px;
|
||||
border-radius: 1.1vw;
|
||||
transition: all 0.2s linear;
|
||||
height: 100%;
|
||||
|
||||
@ -171,7 +175,6 @@ function enter() {
|
||||
.enemy-container:hover,
|
||||
.enemy-container[selected='true'] {
|
||||
border: 1.5px solid gold;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.leftbar {
|
||||
@ -228,11 +231,15 @@ function enter() {
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.rightbar {
|
||||
font-size: 4vw;
|
||||
font-size: 3.2vw;
|
||||
}
|
||||
|
||||
.leftbar {
|
||||
font-size: 2vw;
|
||||
}
|
||||
|
||||
.enemy-container {
|
||||
border-radius: 1.6vh;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -60,7 +60,8 @@
|
||||
"<br>",
|
||||
"1. 打开怪物手册，选中怪物，进入怪物更多信息栏，点击标记怪物。",
|
||||
"<br>",
|
||||
"2. 将鼠标移动到你想要标记的怪物上面，按下M键，即可标记怪物，注意浏览地图中不能用该方式标记。",
|
||||
"2. 将鼠标移动到你想要标记的怪物上面，按下<span style=\"color: gold\">",
|
||||
"M键</span>，即可标记怪物，注意浏览地图中不能用该方式标记。",
|
||||
"手机端暂时没有快速标记怪物的方式。",
|
||||
"<br>",
|
||||
"<br>",
|
||||
@ -165,7 +166,21 @@
|
||||
"text": "技能树",
|
||||
"condition": "flags.chapter > 0",
|
||||
"desc": [
|
||||
"技能树是本塔的主要玩法之一。"
|
||||
"打开技能树可以点击状态栏的<span style=\"color: gold\">",
|
||||
"技能树按钮</span>（如果发现没有显示可以尝试上下滚动状态栏），还可以按",
|
||||
"<span style=\"color: gold\">快捷键J</span>打开。",
|
||||
"<br>",
|
||||
"<br>",
|
||||
"技能树是本塔的主要玩法之一。它可以让你使用智慧来学习技能，增加属性等。智慧在状态栏显示在防御的下一项，",
|
||||
"绿宝石可以增加勇士的智慧。",
|
||||
"<br>",
|
||||
"<br>",
|
||||
"打开技能树页面后，你可以在上方看到技能的名称与描述，下方会显示技能树，以及升级要求等。点击一个技能可以选中技能，",
|
||||
"再次点击可以升级技能。",
|
||||
"<br>",
|
||||
"<br>",
|
||||
"注意，技能在点开之后是无法取消的，因此，加点时请慎重加点。注意，部分技能是必点技能，这些技能会在技能说明中明确指出，",
|
||||
"这些技能一般需要尽早点出。"
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -7,7 +7,7 @@
|
||||
]
|
||||
},
|
||||
"blade": {
|
||||
"text": "断灭之刃",
|
||||
"text": "1: 断灭之刃",
|
||||
"opened": "core.getSkillLevel(2) > 0",
|
||||
"desc": [
|
||||
"<span style=\"color: gold\">快捷键1</span>，开启后勇士攻击增加${level:2 * 10}%，",
|
||||
@ -18,7 +18,7 @@
|
||||
]
|
||||
},
|
||||
"jump": {
|
||||
"text": "跳跃",
|
||||
"text": "2: 跳跃",
|
||||
"opened": "flags.skill2 === true",
|
||||
"desc": [
|
||||
"<span style=\"color: gold\">快捷键2</span>，消耗200点生命值，困难消耗400点，一个地图只能使用3次，",
|
||||
|
||||
@ -218,6 +218,8 @@ onMounted(() => {
|
||||
width: 100%;
|
||||
height: 50vh;
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 20vh;
|
||||
}
|
||||
|
||||
.des {
|
||||
@ -262,5 +264,11 @@ onMounted(() => {
|
||||
.slider {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
#critical-main {
|
||||
position: absolute;
|
||||
top: 25vh;
|
||||
width: 90vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -82,7 +82,7 @@ const format = core.formatBigNumber;
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
#detail-main {
|
||||
font-size: 1.2em;
|
||||
font-size: 3.8vw;
|
||||
}
|
||||
|
||||
#special-scroll {
|
||||
@ -93,5 +93,14 @@ const format = core.formatBigNumber;
|
||||
.critical {
|
||||
font-size: 3.6vw;
|
||||
}
|
||||
|
||||
#special {
|
||||
font-size: 3.8vw;
|
||||
}
|
||||
|
||||
#special-main {
|
||||
top: 25vh;
|
||||
width: 90vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -71,7 +71,11 @@ function mark() {
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
#enemy-target {
|
||||
font-size: 3vw;
|
||||
font-size: 3.8vw;
|
||||
}
|
||||
|
||||
#mark-target {
|
||||
font-size: 4vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -121,6 +121,8 @@ export function type(
|
||||
|
||||
ani.mode(timing).time(time).move(all, 0);
|
||||
|
||||
setTimeout(() => ani.ticker.destroy(), time + 100);
|
||||
|
||||
return content;
|
||||
}
|
||||
|
||||
|
||||
@ -257,7 +257,7 @@ onUnmounted(async () => {
|
||||
@media screen and (max-width: 600px) {
|
||||
#book {
|
||||
width: 100%;
|
||||
padding: 5% 0 5% 5%;
|
||||
padding: 5%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -197,15 +197,17 @@ onUnmounted(() => {
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
#detail {
|
||||
width: 95%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 5% 0 5% 5%;
|
||||
padding: 5%;
|
||||
left: 0%;
|
||||
}
|
||||
|
||||
#detail-more {
|
||||
font-size: 4vw;
|
||||
bottom: 5%;
|
||||
left: 5vw;
|
||||
width: 90vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -75,7 +75,7 @@
|
||||
height: isMobile ? '10vh' : '30vh'
|
||||
}"
|
||||
>
|
||||
<div id="equip-now-div" @touchmove="dragout">
|
||||
<div id="equip-now-div">
|
||||
<div
|
||||
v-for="(name, i) of equipCol"
|
||||
class="equip-now-one draginable selectable"
|
||||
@ -139,7 +139,11 @@
|
||||
style="border-color: #ddd4; margin: 1vh 0 1vh 0"
|
||||
></a-divider>
|
||||
<div id="equip-add">
|
||||
<span style="font-size: 3vh" id="title">增减属性</span>
|
||||
<span
|
||||
:style="{ 'font-size': isMobile ? '3.8vw' : '3vh' }"
|
||||
id="title"
|
||||
>增减属性</span
|
||||
>
|
||||
<Scroll style="width: 100%; height: 100%">
|
||||
<component :is="addStatus"></component>
|
||||
</Scroll>
|
||||
@ -149,7 +153,11 @@
|
||||
style="border-color: #ddd4; margin: 1vh 0 1vh 0"
|
||||
></a-divider>
|
||||
<div id="equip-desc-text">
|
||||
<span style="font-size: 3vh" id="title">装备介绍</span>
|
||||
<span
|
||||
:style="{ 'font-size': isMobile ? '3.8vw' : '3vh' }"
|
||||
id="title"
|
||||
>装备介绍</span
|
||||
>
|
||||
<Scroll id="desc-text" style="height: 100%; width: 100%">
|
||||
<div v-if="!descText.value!.startsWith('!!html')">
|
||||
{{ descText.value }}
|
||||
@ -689,6 +697,7 @@ onUnmounted(() => {
|
||||
#equipbox-main {
|
||||
height: 90vh;
|
||||
flex-direction: column-reverse;
|
||||
font-size: 3.8vw;
|
||||
}
|
||||
|
||||
#equip-now-div {
|
||||
|
||||
@ -93,7 +93,7 @@
|
||||
<span style="margin-top: 2vh">点击该物品以使用</span>
|
||||
<a-divider dashed style="border-color: #ddd4"></a-divider>
|
||||
<div id="desc">
|
||||
<span style="border-bottom: 1px solid #ddd4">道具描述</span>
|
||||
<span>道具描述</span>
|
||||
<Scroll id="desc-text">
|
||||
<div v-if="!descText.value!.startsWith('!!html')">
|
||||
{{ descText.value }}
|
||||
@ -403,6 +403,7 @@ onUnmounted(() => {
|
||||
#toolbox-main {
|
||||
flex-direction: column-reverse;
|
||||
height: 100%;
|
||||
font-size: 3.8vw;
|
||||
}
|
||||
|
||||
.item-list {
|
||||
@ -419,9 +420,5 @@ onUnmounted(() => {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
#back {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user