bookshelfplus/bookshelfplus
1
0
Fork 0
mirror of https://gitee.com/bookshelfplus/bookshelfplus synced 2025-09-16 23:22:20 +08:00
Code Issues Projects Releases Wiki Activity GitHub Gitee

登录页样式美化；暂时隐藏前端用户注销账号功能；更新api文档

Browse Source
This commit is contained in:
小墨
2022-04-30 22:29:08 +08:00
parent e9a02e905f
commit 4ae54d255c
15 changed files with 50 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
bookshelfplus-frontend/views/dashboard/component/third-party-login-button.html
View File

@@ -1,8 +1,28 @@
<button class="btn-third-party" id="btn_gitee" onclick="thirdPartyLogin('gitee')">Gitee</button>
<button class="btn-third-party" id="btn_oschina" onclick="thirdPartyLogin('OSCHINA')">OSCHINA</button>
<button class="btn-third-party" id="btn_feishu" onclick="thirdPartyLogin('feishu')">飞书</button>
<button class="btn-third-party" id="btn_github" onclick="thirdPartyLogin('GitHub')">GitHub(不稳定)</button>
<button class="btn-third-party" id="btn_qq" onclick="thirdPartyLogin('qq')">QQ</button>
<style>
.btn-third-party {
border: 0;
width: 30px;
height: 30px;
user-select: none;
cursor: pointer;
margin-right: 5px;
margin-left: 5px;
vertical-align: middle;
transition: all 0.2s;
}
.btn-third-party:hover {
transform: scale(1.2) rotate(-6deg);
}
</style>
<div style="color: #ebebeb;">
<img class="btn-third-party" id="btn_gitee" src="/assets/image/svg/third-party-login/gitee.svg" onclick="thirdPartyLogin('gitee')" alt="Gitee" /> |
<img class="btn-third-party" id="btn_oschina" src="/assets/image/svg/third-party-login/oschina.svg" onclick="thirdPartyLogin('OSCHINA')" alt="OSCHINA" /> |
<img class="btn-third-party" id="btn_feishu" src="/assets/image/svg/third-party-login/feishu.svg" onclick="thirdPartyLogin('feishu')" alt="飞书" /> |
<img class="btn-third-party" id="btn_github" src="/assets/image/svg/third-party-login/github.svg" onclick="thirdPartyLogin('GitHub')" alt="GitHub (不稳定)" /> |
<img class="btn-third-party" id="btn_qq" src="/assets/image/svg/third-party-login/qq.svg" onclick="thirdPartyLogin('qq')" alt="QQ (不稳定)" />
</div>
<script>
// 第三方授权登录逻辑
function thirdPartyLogin(platform) {

4
bookshelfplus-frontend/views/dashboard/user/myAccount.html
View File

@@ -1,7 +1,7 @@
<div>
<h2>第三方账号管理</h2>
<%- include("../component/third-party-manage.html"); %>
<hr>
<!-- <hr>
<h2>注销账号</h2>
<%- include("../component/account-cancellation.html"); %>
<%- include("../component/account-cancellation.html"); %> -->
</div>

14
bookshelfplus-frontend/views/login.html
View File

@@ -65,11 +65,13 @@
</div>
<button class="btn-submit">登录</button>
<p>
快捷登录：<%- include("./dashboard/component/third-party-login-button.html"); %>
</p>
<p>
<a href="/register">注册</a>
<a href="/register">注册账号</a>
</p>
<hr style="opacity: .3;">
<div>
<p style="margin-bottom: 0;">快捷登录</p>
<%- include("./dashboard/component/third-party-login-button.html"); %>
</div>
</div>
</div>
</div>
@@ -85,8 +87,8 @@
var isOnLogin = false;
// 用户正常登录逻辑
$("#username").val("xiaomo");
$("#password").val("123456");
// $("#username").val("xiaomo");
// $("#password").val("123456");
$("#username").keydown(function (event) {
if (event.keyCode === 13) {
if ($("#password").val() === "") {