feat: 新增签到功能模块并优化详情页样式

- 添加签到功能相关HTML/CSS/JS文件 - 在详情页增加图片预览组件 - 调整详情页文本行高和标题样式 - 修复评论时间显示问题 - 优化本地开发环境授权处理
2025-11-21 19:07:03 +08:00
parent 40d06c180f
commit f73a662141
11 changed files with 508 additions and 26 deletions
--- a/signIn.html
+++ b/signIn.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/css/signIn.css">
+    <script src="./js/vue.global.js"></script>
+    <title>Document</title>
+</head>
+
+<body>
+    <div id="signInBox" class="signInBox-mask flexcenter">
+        <div class="signInBox">
+            <div class="signInBox-head">
+                <img class="header-halo" src="/img/halo-icon.png">
+                <img class="header-bi" src="/img/coin-icon.png">
+                <img class="header-cross" src="/img/cross-icon.png">
+            </div>
+            <div class="signInBox-content">
+                <div class="left-box">
+                    <div class="content-header">
+                        <div class="content-header-left flexcenter">
+                            <img class="bi-img" src="/img/coin-icon.png">
+                            <div class="bi-value">216</div>
+                            <div class="bi-text">寄托币</div>
+                            <div class="bi-rule" bindtap="cutRing">签到规则</div>
+                        </div>
+
+                        <div class="calendar">
+
+                        </div>
+                    </div>
+
+                    <div class="calendar-box flexflex">
+                        <div class="sign-in-text flexacenter">
+                            本月已签到 <span class="sign-in-value">{{ signnum }}</span> 天，共领 <span class="sign-in-value">{{ signreward }}</span> 寄托币
+                        </div>
+                        <div class="calendar flexflex">
+                            <!-- formerly: 已经过去没有签到 already: 签到 today: 今天 没有签到的 -->
+                            <div class="calendar-item flexcenter" v-for="(item, index) in dayOfWeek" :key="index"></div>
+                            <div class="calendar-item flexcenter {{ calendarClass[item.type] }}" v-for="(item, index) in dateList" :key="index">
+                                {{ item.name }}
+                                <img class="yellow-tick" src="https://app.gter.net/image/miniApp/offer/yellow-tick.svg">
+                            </div>
+                        </div>
+                        <div v-if="!islogin" class="sign-in-btn flexcenter" bind:tap="postSign">立即签到</div>
+                        <div v-else-if="issign == 1" class="sign-in-btn flexcenter already">今天已签到，明天记得来哦~</div>
+                        <div v-else class="sign-in-btn flexcenter" bind:tap="postSign">立即签到</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+    <script src="/js/axios.min.js"></script>
+    <script src="/js/public.js"></script>
+    <script src="/js/signIn.js"></script>
+</body>
+
+</html>