feat: 添加底部按钮动画效果并优化代码

- 为底部按钮添加显示/隐藏的过渡动画效果 - 移除vconsole调试工具相关代码 - 优化图片上传相关代码结构 - 修复底部按钮状态控制逻辑
2025-10-13 18:55:49 +08:00
parent 6f93f8cf17
commit e7e68aa42b
4 changed files with 28 additions and 12 deletions
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
        <link rel="stylesheet" href="./css/index.css" />
        <script src="./js/vue.global.js"></script>

-        <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
+        <!-- <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script> -->
    </head>
    <body>
        <div class="container" id="appIndex">
@@ -52,7 +52,7 @@
                <div class="text">匿名发布</div>
            </div>

-            <div class="new-footer-btn">
+            <div class="new-footer-btn" :class="{'show': isBottomState}">
                <div view class="flexacenter save-draft-btn" bindtap="handleLastPublish" data-state="0">
                    <div class="flexcenter save-draft-icon-box">
                        <img class="save-draft-icon" src="https://app.gter.net/image/miniApp/offer/draft-icon.png"></img>
@@ -71,10 +71,10 @@
        </div>

        <script>
-            var vConsole = new window.VConsole();
-            console.log("Hello world");
+            // var vConsole = new window.VConsole();
+            // console.log("Hello world");

-            vConsole.destroy();
+            // vConsole.destroy();
        </script>

        <script src="./js/fontSize.js"></script>