前端使用 carbon

2026-01-10 08:37:10 +08:00
parent 930e4b6c9a
commit b56da6575e
29 changed files with 793 additions and 548 deletions
--- a/html/src/pages/login.vue
+++ b/html/src/pages/login.vue
@@ -0,0 +1,32 @@
+<template>
+    <div class="background">
+        <h1>绯红守卫</h1>
+        <cv-form>
+            <cv-text-input label="账号"></cv-text-input>
+            <cv-text-input label="密码账号" type="password"></cv-text-input>
+            <cv-form-item>
+                <cv-button text="登录"></cv-button>
+            </cv-form-item>
+        </cv-form>
+    </div>
+</template>
+<script setup>
+</script>
+<style lang="scss" scoped>
+    .background{
+        width: 100vw;
+        height: 100vh;
+        box-sizing: border-box;
+        background: url("/src/assets/login/background-mkii.jpg");
+        background-repeat: no-repeat;
+        background-size: cover;
+        overflow: hidden;
+        padding-left: 20px;
+    }
+    .cv-form{
+        width: 400px;
+    }
+    .cv-form > * :not(:first-child) {
+        margin-top: 16px;
+    }
+</style>