完成手机兼容

This commit is contained in:
cxykevin 2024-09-05 22:44:46 +08:00
parent 00d25a5f80
commit 78ecd798c8
4 changed files with 32 additions and 14 deletions

View File

@ -58,10 +58,15 @@
</mdui-layout-main> </mdui-layout-main>
</mdui-layout> </mdui-layout>
<script> <script>
if (window.innerHeight > window.innerWidth) {
var size = window.innerHeight / window.innerWidth
document.body.style.zoom = size
} else {
if (window.innerWidth > 800) { if (window.innerWidth > 800) {
document.getElementById("cards").style.transform = "translateY(-50%)" document.getElementById("cards").style.transform = "translateY(-50%)"
document.getElementById("toc-drawer").setAttribute('open', true); document.getElementById("toc-drawer").setAttribute('open', true);
} }
}
function logins() { function logins() {
document.getElementById("loginbtn").setAttribute('loading', ""); document.getElementById("loginbtn").setAttribute('loading', "");
const Http = new XMLHttpRequest(); const Http = new XMLHttpRequest();

View File

@ -58,11 +58,15 @@
</mdui-layout-main> </mdui-layout-main>
</mdui-layout> </mdui-layout>
<script> <script>
console.log(window.innerWidth) if (window.innerHeight > window.innerWidth) {
var size = window.innerHeight / window.innerWidth
document.body.style.zoom = size
} else {
if (window.innerWidth > 800) { if (window.innerWidth > 800) {
document.getElementById("cards").style.transform = "translateY(-50%)" document.getElementById("cards").style.transform = "translateY(-50%)"
document.getElementById("toc-drawer").setAttribute('open', true); document.getElementById("toc-drawer").setAttribute('open', true);
} }
}
function change_passwd() { function change_passwd() {
if (document.getElementById("passwd").value === document.getElementById("check_passwd").value) { if (document.getElementById("passwd").value === document.getElementById("check_passwd").value) {
document.getElementById("loginbtn").setAttribute('loading', ""); document.getElementById("loginbtn").setAttribute('loading', "");

View File

@ -52,10 +52,15 @@
</mdui-layout-main> </mdui-layout-main>
</mdui-layout> </mdui-layout>
<script> <script>
if (window.innerHeight > window.innerWidth) {
var size = window.innerHeight / window.innerWidth
document.body.style.zoom = size
} else {
if (window.innerWidth > 800) { if (window.innerWidth > 800) {
document.getElementById("cards").style.transform = "translateY(-50%)" document.getElementById("cards").style.transform = "translateY(-50%)"
document.getElementById("toc-drawer").setAttribute('open', true); document.getElementById("toc-drawer").setAttribute('open', true);
} }
}
function logins() { function logins() {
document.getElementById("loginbtn").setAttribute('loading', ""); document.getElementById("loginbtn").setAttribute('loading', "");
const Http = new XMLHttpRequest(); const Http = new XMLHttpRequest();

View File

@ -59,11 +59,15 @@
</mdui-layout-main> </mdui-layout-main>
</mdui-layout> </mdui-layout>
<script> <script>
console.log(window.innerWidth) if (window.innerHeight > window.innerWidth) {
var size = window.innerHeight / window.innerWidth
document.body.style.zoom = size
} else {
if (window.innerWidth > 800) { if (window.innerWidth > 800) {
document.getElementById("cards").style.transform = "translateY(-50%)" document.getElementById("cards").style.transform = "translateY(-50%)"
document.getElementById("toc-drawer").setAttribute('open', true); document.getElementById("toc-drawer").setAttribute('open', true);
} }
}
function signup() { function signup() {
if (document.getElementById("passwd").value === document.getElementById("check_passwd").value) { if (document.getElementById("passwd").value === document.getElementById("check_passwd").value) {
document.getElementById("loginbtn").setAttribute('loading', ""); document.getElementById("loginbtn").setAttribute('loading', "");