Kubbo
57aff59b45
- 添加 koa-static 中间件以支持静态资源访问 - 更新 package.json 引入 nodemon 用于服务热重载- 调整项目结构，将前端代码移至 module/web 目录下 - 修改图片引用路径适配新目录结构 - 更新主入口文件引入路由模块的方式- 配置 Vite 构建工具替换原有构建方式- 移除 Turbo依赖并使用 concurrently 管理多进程开发任务- 更新根目录 package.json 的脚本命令指向新的开发启动逻辑
53 lines
2.6 KiB
Vue
53 lines
2.6 KiB
Vue
<script setup>
|
|
import {defineOptions} from "vue";
|
|
|
|
defineOptions({name: 'Login'});
|
|
|
|
const servers = ref([])
|
|
const account = ref('')
|
|
const password = ref('')
|
|
|
|
function handleLogin() {
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="wrapper pagebg">
|
|
<div class="dialog account" id="account-login">
|
|
<h2 class="title">{{ $gameName }}</h2>
|
|
<input type="text" id="account" v-model="account" placeholder="请输入账号" @keyup="v=>account=v.replace(/[\W]/g, '')" autocomplete="off"/>
|
|
<input type="password" id="password" v-model="password" placeholder="请输入密码"/>
|
|
<select id="serverId" style="border: none; display: none; margin-bottom: 10px;">
|
|
<option value="0">请选择区服</option>
|
|
<option v-for="item in servers" :value="item.id">{{ item.name }}区</option>
|
|
</select>
|
|
<div id="agree" class="agree">
|
|
<span><img data-v-427e1e01=""
|
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAVFBMVEWeICicICedISidISibIiadISeeISiOOTmdISeeISj///+aGSGcHiT68vOYFByhKjHRmZzqz9CzVlvx4OG4YWXJh4qpPUPkw8WkMjjdsrS/cXatR00P5JiiAAAACnRSTlPuTT//Gq+6A9iEOAr7KAAAAbBJREFUSMeVlte2gyAQRTHYcBBQiu3///OOMdZALvCUrHX2mYYAqao8Y2VN/l11ybK8qkiVv1hR04hVF+yVVwT1NaFRi9RIkIzVNHrVLCOsIPEAKRgpEwJgiJIk6ZEgUQlxAP5JKhLgnCYAHOg4ygQAwBnjEIsDAEDOSvUgooHRTHowkQCseqWbLh546wPA2e6r/4T6xp8SP/t9+M9vfQCQEtt9MnDqfSlxLpfe9OMVcLveB6x2StllG9D6n5/6dvqeg4BFaT3M46eQm76zywPgHAMMTaOVkQAf/6Hd9QpTvW8N4LJf+41ETwEbzJ296uVzewtwtnsLMDoVgi53PcADAGmmTdAO1gnxpb9H4HtCW0dmF/A/AOz4ocAyJqv8/geALbXdrm9a3Wm//xlh7Xl7EvvPp/+1hgWndCIB/+ukpTOXMgL+90nLxd6CePyvEfDjoc6orv3l//ge8Hjo7aB/+D8BgWnN2wD9/l+HAO65cU2rDfh7ANy1WHs3+P19x8y6sWdrzejz9wOCusWN1OcfOMg4B786CGC7QgRJv7KSL8Xkazf5Yk9+OiQ/TlKfP3/iYTk/HuYxLgAAAABJRU5ErkJggg=="></span>
|
|
我已阅读并同意 <a href="javascript:void(0);" id="agree_btn">用户协议及隐私协议</a>
|
|
</div>
|
|
<a id="submitButton" class="button fit" @click="handleLogin">登 录</a>
|
|
<div style="display:flex;justify-content:center;gap:8px;font-size:12px">
|
|
<div style="display:flex;align-items:center;flex-direction:column;gap:4px;cursor:pointer" id="linuxdoConnect">
|
|
<img src="/img/linuxdo_logo.png" style="width:60px;height:60px" alt="Linux.Do登录"/>
|
|
<div>Linux.do</div>
|
|
</div>
|
|
</div>
|
|
<div class="forget_password">
|
|
<a href="javascript:void(0);" id="forgetPassword" data-type="2">忘记密码?</a>
|
|
<a href="javascript:void(0);" class="pull-right" id="switchBtn" data-type="1">注册</a>
|
|
</div>
|
|
</div>
|
|
<div id="bg" class="gamebg"/>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.gamebg {
|
|
background-image: url("/img/login_bg.jpg");
|
|
}
|
|
|
|
</style>
|