duanshuwen/zn-ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update TitleBar component for platform-specific styling and integrate into login page

Browse Source
This commit is contained in:
DEV_DSW
2026-04-15 10:31:43 +08:00
parent b5a67ff650
commit 9afb518a19
3 changed files with 27 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/pages/login/index.vue
View File

@@ -1,13 +1,10 @@
<template>
<div class="h-screen login-bg flex flex-col">
<main class="box-border pl-2 pr-2 pb-2 pt-11 flex-auto flex ">
<title-bar v-if="platform !== 'linux'" variant="light" />
<main class="box-border pl-2 pr-2 pb-2 flex-auto flex" :class="[platform !== 'linux' ? 'pt-2' : 'pt-11']">
<div class="w-209 box-border bg-white rounded-2xl p-8 flex flex-col">
<div class="flex items-center">
<img class="w-12 h-12" src="@assets/images/login/blue_logo.png" />
<!-- <span class="ml-auto text-[14px] text-gray-600">没有账号？</span>
<button
class="bg-sky-50 rounded-[8px] text-[14px] text-sky-600 px-[12px] py-[6px] focus-visible:outline-none cursor-pointer">注册</button> -->
</div>
<div class="flex flex-col items-center justify-center mb-6 box-border pt-10">
@@ -45,14 +42,6 @@
</el-input>
</el-form-item>
<!-- 记住密码|忘记密码 -->
<!-- <div class="flex items-center justify-between mb-[24px] mt-[24px]">
<div class="flex items-center gap-2 cursor-pointer">
<input type="checkbox" v-model="showPwd" class="w-[14px] h-[14px] rounded-[4px]" />
<span class="text-[14px] text-gray-600">记住密码</span>
</div>
<span class="text-[14px] text-sky-600 cursor-pointer">忘记密码？</span>
</div> -->
<!-- 登录按钮 -->
<button type="button"
@@ -61,19 +50,11 @@
{{ t('login.loginButton') }}
</button>
<!-- 同意协议 -->
<!-- <div class="flex items-center justify-center gap-2 mt-[24px]">
<input type="checkbox" v-model="isAgree" class="w-[14px] h-[14px] rounded-[4px]" />
<span class="text-[14px] text-gray-600">我已同意</span>
<span class="text-[14px] text-sky-600 cursor-pointer">《使用协议》</span>
<span class="text-[14px] text-gray-600">和</span>
<span class="text-[14px] text-sky-600 cursor-pointer">《隐私协议》</span>
</div> -->
</el-form>
<!-- Copy Right -->
<!-- <div class="text-[14px] text-gray-500 text-center mt-auto">
© 2025 贵州智念科技服务有限公司 版权所有
© 2026 贵州智念科技服务有限公司 版权所有
</div> -->
</div>
@@ -83,14 +64,16 @@
</template>
<script setup lang="ts">
import { reactive, ref, onMounted } from "vue"
import { reactive, ref, onMounted, computed } from "vue"
import { useUserStore } from "../../store/userinfo"
import { RiUser3Fill, RiKey2Fill } from '@remixicon/vue'
import { generateUUID } from "../../utils/generateUUID"
import { rule } from '../../utils/validate'
import { useLocale } from '../../composables/useLocale'
import TitleBar from '@components/Layout/TitleBar/index.vue'
const { t } = useLocale()
const platform = computed(() => (window as any).api?.platform ?? '')
// form 表单数据类型声明
interface LoginForm {