feat: 浮动楼传按键

idea.md

@@ -1,60 +1,3 @@
-## 第二章 智慧
-
-### 怪物
-
-[] 同化
-[] 同化+阻击
-[x] 电摇嘲讽：到同行或同列直接怼过去，门和墙撞碎，不消耗钥匙，攻击怪物，捡道具，改变 bgm，可吃补给用
-[] 乾坤挪移：平移光环位置
-[] 加光环的光环
-
-### Boss
-
-音游，音乐为一个被遗忘的夜晚，可选简单与困难，困难可获得成就冰与火之舞
-
-玩法：一个会转动的圆盘，带有一个伸出去的把手，boss 从四面八方射子弹，当子弹恰好落到把手前端时，点击按键或屏幕，可以抵挡子弹，简单难度 3 条命，困难 1 条。简单难度音符密度低。困难难度为冰与火之舞的节奏。简单难度判定时间为前后各 100ms，困难为 50ms
-
-### 技能
-
-[] 学习：学习选定怪物的选定技能（不能学光环），消耗智慧点，初始 400，但每次消耗点数+100，持续 3 场战斗
-[x] 铸剑为盾：主动技能，减少攻击，增加防御
-
-### 机制
-
-[] 苍蓝之殿 1:
-[] 苍蓝之殿 2:
-[] 苍蓝之殿 3:
-[] 苍蓝之殿 4:
-
-### 成就
-
-[x] 虚惊一场：打完山洞门口的怪只剩 1 滴血
-[] 学坏了：学习敌人的电摇嘲讽技能
-[x] 真能刷：勇气之路的刷血怪刷到 15w 以上的血
-[] 满腹经纶：把所有能学的怪物技能都学一遍
-[] 冰与火之舞：通过第二章特殊战的困难难度
-[x] 你是怎么做到的?!：山路地图与勇气之路地图中与若干个神秘的木牌对话
-
-### 伤害对应
-
-dam1.png ---- 存档 404
-dam2.png ---- 存档 285
-dam3.png ---- 存档 243
-dam4.png ---- 存档 59
-
-## 第三章 战争
-
-### 技能
-
-分成多条线，可以单独点一条线，也可以混搭
-
-[] 血之代偿：消耗一定血量，战前对怪物造成同等数值的伤害
-[] 闪避：每 M 回合闪避一次，减少 N% 的伤害
-
-### 机制
-
-[] 装备合成、装备（孔）强化
-
 ## 零散 TODO
 
 [] 实时天气（待定）
@@ -115,3 +58,5 @@ dam4.png ---- 存档 59
 [] 自定义状态栏，通过申请空间进行布局
 [x] 复写 api，rewrite()
 [x] 对 vnode 进行简单的包装，提供出显示文字、显示图片等 api 以及修改 css 的 api
+[] 楼传新增跳过无宝石无怪物的地图
+[] 楼传在小地图中显示10层塔的缩略图

src/ui/fly.vue

@@ -60,11 +60,11 @@
                 <div id="fly-tools">
                     <double-left-outlined
                         @click="changeFloorByDelta(-10)"
-                        class="button-text"
+                        class="button-text fly-button"
                     />
                     <left-outlined
                         @click="changeFloorByDelta(-1)"
-                        class="button-text"
+                        class="button-text fly-button"
                     />
                     <span
                         class="changable"
@@ -74,11 +74,11 @@
                     >
                     <right-outlined
                         @click="changeFloorByDelta(1)"
-                        class="button-text"
+                        class="button-text fly-button"
                     />
                     <double-right-outlined
                         @click="changeFloorByDelta(10)"
-                        class="button-text"
+                        class="button-text fly-button"
                     />
                 </div>
             </div>
@@ -727,6 +727,7 @@ onUnmounted(() => {
     flex-direction: column;
     align-items: center;
     justify-content: space-around;
+    position: relative;
 }
 
 #fly-tools {
@@ -736,6 +737,10 @@ onUnmounted(() => {
     flex-direction: row;
     justify-content: space-around;
     align-items: center;
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    background-color: #0004;
 }
 
 #fly-thumbnail {
@@ -768,9 +773,26 @@ onUnmounted(() => {
     background-color: #ddd4;
 }
 
+.fly-button {
+    padding: 3%;
+    border-radius: 8px;
+    background-color: rgba(0, 0, 0, 0.301);
+    border: 1px dashed #ddda;
+    filter: drop-shadow(0px 0px 16px black);
+}
+
+#fly-now {
+    text-wrap: nowrap;
+    white-space: nowrap;
+    max-width: 50%;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black,
+        -1px -1px 1px black;
+}
+
 @media screen and (max-width: 600px) {
     #fly {
-        padding: 5%;
         font-size: 225%;
     }