chore: adjust page styles

2025-11-15 05:33:44 +08:00 · 2024-03-18 06:46:08 +08:00
parent 17431c1707
commit b567e56b60
11 changed files with 62 additions and 76 deletions
--- a/web/src/views/PowerLog.vue
+++ b/web/src/views/PowerLog.vue
@@ -0,0 +1,31 @@
+<template>
+  <div class="power-log" :style="{ height: winHeight + 'px' }">
+    <div class="inner">
+      <h2>消费日志</h2>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {ref} from "vue"
+
+const winHeight = ref(window.innerHeight)
+</script>
+
+<style lang="stylus" scoped>
+.power-log {
+  display: flex;
+  justify-content: center;
+  background-color: #282c34;
+  color #ffffff
+
+  .inner {
+    display flex
+    justify-content left
+    width 100%
+    padding 0 20px 20px 20px
+
+  }
+
+}
+</style>