complete non-moe page logic

src/views/non-moe/NonMoe.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import KUNGalgameTopBar from '@/components/KUNGalgameTopBar.vue'
 import { currBackground } from '@/hooks/useBackgroundPicture'
-import SingleLog from './components/SingleLog.vue'
+import Log from './components/Log.vue'
 import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
 </script>
 
@@ -27,7 +27,8 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
             <span>后果</span>
           </div>
           <div>
-            <SingleLog />
+            <!-- 所有的记录 -->
+            <Log />
           </div>
         </div>
       </div>

src/views/non-moe/components/Log.vue

@@ -1,14 +1,14 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { log } from '../log'
+</script>
 
 <template>
   <!-- 单个记录 -->
-  <div class="log">
+  <div class="log" v-for="kun in log" :key="kun.index">
     <!-- 原因 -->
-    <div class="reason">
-      啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星
-    </div>
+    <div class="reason">{{ kun.reason }}</div>
     <!-- 后果 -->
-    <div class="result">萌萌点 - 1007</div>
+    <div class="result">萌萌点 - {{ kun.result }}</div>
   </div>
 </template>
 

src/views/non-moe/log.ts

@@ -0,0 +1,52 @@
+// 注意，这只是一个临时的数据文件，后来会被替换为后端接口
+
+interface punish {
+  index: number
+  reason: string
+  // 目前暂定处罚方式只有萌萌点的扣除
+  result: number
+}
+
+export const log: punish[] = [
+  {
+    index: 1,
+    reason: '啊这可海星',
+    result: 1007,
+  },
+  {
+    index: 2,
+    reason:
+      '啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星',
+    result: 1007,
+  },
+  {
+    index: 3,
+    reason: '啊这可海星',
+    result: 17,
+  },
+  {
+    index: 4,
+    reason: '啊这可海星',
+    result: 1007,
+  },
+  {
+    index: 5,
+    reason: '啊这可海星',
+    result: 1007,
+  },
+  {
+    index: 6,
+    reason: '啊这可海星',
+    result: 1007,
+  },
+  {
+    index: 7,
+    reason: '啊这可海星',
+    result: 1007,
+  },
+  {
+    index: 8,
+    reason: '啊这可海星',
+    result: 1007,
+  },
+]