完善ui

components.d.ts

@@ -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']

public/project/floors/MT11.js

@@ -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": [
+
+]
 }

src/components/colomn.vue

@@ -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 {

src/components/enemyOne.vue

@@ -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>

src/data/desc.json

@@ -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>",
+            "注意，技能在点开之后是无法取消的，因此，加点时请慎重加点。注意，部分技能是必点技能，这些技能会在技能说明中明确指出，",
+            "这些技能一般需要尽早点出。"
         ]
     }
 }

src/data/skill.json

@@ -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次，",

src/panel/enemyCritical.vue

@@ -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>

src/panel/enemySpecial.vue

@@ -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>

src/panel/enemyTarget.vue

@@ -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>

src/plugin/utils.ts

@@ -121,6 +121,8 @@ export function type(
 
     ani.mode(timing).time(time).move(all, 0);
 
+    setTimeout(() => ani.ticker.destroy(), time + 100);
+
     return content;
 }
 

src/ui/book.vue

@@ -257,7 +257,7 @@ onUnmounted(async () => {
 @media screen and (max-width: 600px) {
     #book {
         width: 100%;
-        padding: 5% 0 5% 5%;
+        padding: 5%;
     }
 }
 </style>

src/ui/bookDetail.vue

@@ -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>

src/ui/equipbox.vue

@@ -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 {

src/ui/toolbox.vue

@@ -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>