This commit is contained in:
Ls
2026-04-25 17:12:55 +08:00
parent 62d5562ca7
commit 5fbf0cbf31
6 changed files with 445 additions and 113 deletions

View File

@@ -48,16 +48,8 @@
<label class="field-label" for="login-username">账号</label>
<div class="field-box" :class="{ 'is-error': !!errors.username }">
<span class="field-marker">A</span>
<input
id="login-username"
v-model.trim="form.username"
class="field-input"
type="text"
inputmode="text"
autocomplete="username"
placeholder="请输入账号"
@input="clearFieldError('username')"
/>
<input id="login-username" v-model.trim="form.username" class="field-input" type="text" inputmode="text"
autocomplete="username" placeholder="请输入账号" @input="clearFieldError('username')" />
</div>
<p v-if="errors.username" class="field-error">{{ errors.username }}</p>
</div>
@@ -66,15 +58,8 @@
<label class="field-label" for="login-password">密码</label>
<div class="field-box" :class="{ 'is-error': !!errors.password }">
<span class="field-marker">P</span>
<input
id="login-password"
v-model.trim="form.password"
class="field-input"
type="password"
autocomplete="current-password"
placeholder="请输入密码"
@input="clearFieldError('password')"
/>
<input id="login-password" v-model.trim="form.password" class="field-input" type="password"
autocomplete="current-password" placeholder="请输入密码" @input="clearFieldError('password')" />
</div>
<p v-if="errors.password" class="field-error">{{ errors.password }}</p>
</div>
@@ -92,12 +77,8 @@
<div class="login-agreement">
<label class="check-row">
<input
v-model="form.agreement"
class="check-input"
type="checkbox"
@change="clearFieldError('agreement')"
/>
<input v-model="form.agreement" class="check-input" type="checkbox"
@change="clearFieldError('agreement')" />
<span class="check-box"></span>
<span class="check-text">我已阅读并同意演示使用说明</span>
</label>
@@ -105,16 +86,10 @@
</div>
<div class="login-actions">
<van-button
block
round
type="primary"
native-type="submit"
:loading="isSubmitting"
:disabled="submitDisabled"
>
<van-button block round type="primary" native-type="submit" :loading="isSubmitting"
:disabled="submitDisabled">
模拟登录
</van-button>
</van-button>
<van-button block round plain type="primary" native-type="button" @click="clearForm">
清空输入
</van-button>
@@ -133,7 +108,7 @@
</div>
</section>
</div>
</div>
</template>
@@ -393,7 +368,7 @@ const handleSubmit = async () => {
margin-top: 18px;
}
.field-group + .field-group {
.field-group+.field-group {
margin-top: 14px;
}
@@ -521,12 +496,12 @@ const handleSubmit = async () => {
transform: rotate(45deg);
}
.check-input:checked + .check-box {
.check-input:checked+.check-box {
border-color: #2563eb;
background: #2563eb;
}
.check-input:checked + .check-box::after {
.check-input:checked+.check-box::after {
opacity: 1;
}

View File

@@ -1,93 +1,101 @@
<template>
<div class="head">
<img src="http://gree.pccsh.com/images/site/logo.png" class="logo" /><br />
驰骋四海&#xB7;社区版
</div>
<div>
当前在线<strong> 139 </strong>位玩家在驰骋四海
</div>
<div class="content" style="font-size:17px">
<div>
亲爱的&nbsp;<strong style="color:red">探玩玩家</strong>欢迎来到驰骋四海&#xB7;社区版!
</div>
<div style="margin-top:5px;">
<div>
<a href="http://m.twbar.cn/Home/Index?sid=KrWxKypJuDO0zFKrTig0bG">返回探玩驿站</a>
</div>
<div>
<a href="http://m.twbar.cn/b/1145?sid=KrWxKypJuDO0zFKrTig0bG">游戏论坛</a>&nbsp;&nbsp;<a class="" href="/Login/LoginOut?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">退出游戏</a>
</div>
</div>
</div>
<div class="common">
<div class="title">
=====<a class="" href="/Pallet/GameOpen/GameUser?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">我的区服</a>=====
</div>
<div class="content">
<div class="item">
<a href="/LoginGame/LoginOk?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">&#x2727;&#x3010;1&#x3011;新手村&#x2730;村长()</a>
</div>
</div>
</div>
<div class="common">
<div class="title">
=====其他区服=====
</div>
<div class="content">
<span>暂无区服.</span>
</div>
</div>
<div class="head">
<img src="http://gree.pccsh.com/images/site/logo.png" class="logo" /><br />
驰骋四海&#xB7;社区版
</div>
<div>
<div class="title">
=====<a class="" href="/Pallet/Notice/Index?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">官方公告</a>=====
</div>
当前在线<strong> 139 </strong>位玩家在驰骋四海
</div>
<div class="content" style="font-size:17px">
<div>
<div class="item">
1.
<a class="" href="/Pallet/Notice/Detail?nt=2026041901&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[招募令]航海时代2设计专员招募</a>
</div>
<div class="item">
2.
<a class="" href="/Pallet/Notice/Detail?nt=2026041701&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[活动]4月份活动集锦</a>
</div>
<div class="item">
3.
<a class="" href="/Pallet/Notice/Detail?nt=2026040901&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[推广] 4月份推广</a>
</div>
<div class="item">
4.
<a class="" href="/Pallet/Notice/Detail?nt=2026030101&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[推广] 3月份推广</a>
</div>
<div class="item">
5.
<a class="" href="/Pallet/Notice/Detail?nt=2025080002&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">&#x3010;驰骋四海&#x3011;卡片&#x306E;攻略&#xFF08;2.24&#xFF09;</a>
</div>
亲爱的&nbsp;<strong style="color:red">探玩玩家</strong>欢迎来到驰骋四海&#xB7;社区版!
</div>
<div style="margin-top:5px;">
<div>
<a href="http://m.twbar.cn/Home/Index?sid=KrWxKypJuDO0zFKrTig0bG">返回探玩驿站</a>
</div>
<div>
<a href="http://m.twbar.cn/b/1145?sid=KrWxKypJuDO0zFKrTig0bG">游戏论坛</a>&nbsp;&nbsp;<a class=""
href="/Login/LoginOut?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">退出游戏</a>
</div>
</div>
</div>
<div class="common">
<div class="title">
=====服务导航=====
=====<a class="" href="/Pallet/GameOpen/GameUser?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">我的区服</a>=====
</div>
<div class="content">
<a class="" href="/Index/Kefu?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">客服</a>.<a class="" href="/Index/About?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">关于</a>.<a class="" href="/Index/Cooperation?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">合作</a>
<div class="item">
<a href="/LoginGame/LoginOk?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">&#x2727;&#x3010;1&#x3011;新手村&#x2730;村长()</a>
</div>
</div>
</div>
<div class="common">
<div class="title">
=====其他区服=====
</div>
<div class="content">
切换线路:
<span class="game_line">
<a class="" href="http://g.pccsh.com:5016/Index/Index?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">1</a>
</span>
<span>暂无区服.</span>
</div>
<div class="foot">
<div class="timeService">
小G报时(18:33)
</div>
</div>
<div class="title">
=====<a class="" href="/Pallet/Notice/Index?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">官方公告</a>=====
</div>
<div>
<div class="item">
1.
<a class=""
href="/Pallet/Notice/Detail?nt=2026041901&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[招募令]航海时代2设计专员招募</a>
</div>
<div class="item">
2.
<a class="" href="/Pallet/Notice/Detail?nt=2026041701&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[活动]4月份活动集锦</a>
</div>
<div class="item">
3.
<a class="" href="/Pallet/Notice/Detail?nt=2026040901&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[推广] 4月份推广</a>
</div>
<div class="item">
4.
<a class="" href="/Pallet/Notice/Detail?nt=2026030101&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[推广] 3月份推广</a>
</div>
<div class="item">
5.
<a class=""
href="/Pallet/Notice/Detail?nt=2025080002&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">&#x3010;驰骋四海&#x3011;卡片&#x306E;攻略&#xFF08;2.24&#xFF09;</a>
</div>
</div>
<div class="title">
=====服务导航=====
</div>
<div class="content">
<a class="" href="/Index/Kefu?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">客服</a>.<a class=""
href="/Index/About?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">关于</a>.<a class=""
href="/Index/Cooperation?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">合作</a>
</div>
<div class="content">
切换线路:
<span class="game_line">
<a class="" href="http://g.pccsh.com:5016/Index/Index?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">1</a>
</span>
</div>
<div class="foot">
<div class="timeService">
小G报时(18:33)
</div>
</div>
</template>
<script setup lang="ts">
// MessageExtend.showToast('success', '更新成功!')
MessageExtend.notifyList('primary', ['获取装备'])
definePageMeta({
layout: layout.empty
})
showNotify({ message: '提示' });
// await navigateTo('/auth/login', { replace: true })
</script>