nas/music-tag-web
1
0
Fork 0
mirror of https://github.com/xhongc/music-tag-web.git synced 2026-02-03 02:03:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

feature：简单适配h5端

Browse Source
This commit is contained in:
charlesxie
2023-09-05 11:05:50 +08:00
parent 83c2ea0aad
commit 7b2645eb01
6 changed files with 65 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
static/dist/css/app.css vendored
View File

File diff suppressed because one or more lines are too long

2
static/dist/index.prod.html vendored
View File

@@ -1,3 +1,3 @@
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>音乐标签Web版｜Music Tag Web｜</title><link rel="shortcut icon" href=/static/dist/img/favicon_64.ico type=image/x-icon><link href=./static/dist/css/app.css rel=stylesheet></head><body><script>window.siteUrl = "/"
window.APP_CODE = 'dj-flow';
window.CSRF_COOKIE_NAME = 'django_vue_cli_csrftoken'</script><div id=app></div><script type=text/javascript src=./static/dist/js/manifest.9ba6c0d4f4490e9a4f28.js></script><script type=text/javascript src=./static/dist/js/vendor.051dd49be048f27f51f9.js></script><script type=text/javascript src=./static/dist/js/app.151aa010ccf35a3df385.js></script></body></html>
window.CSRF_COOKIE_NAME = 'django_vue_cli_csrftoken'</script><div id=app></div><script type=text/javascript src=./static/dist/js/manifest.9ba6c0d4f4490e9a4f28.js></script><script type=text/javascript src=./static/dist/js/vendor.051dd49be048f27f51f9.js></script><script type=text/javascript src=./static/dist/js/app.d34f0d58eafaeacc5302.js></script></body></html>

1
static/dist/js/app.151aa010ccf35a3df385.js vendored
View File

File diff suppressed because one or more lines are too long

1
static/dist/js/app.d34f0d58eafaeacc5302.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
web/src/App.vue
View File

@@ -39,7 +39,7 @@
html,
body {
height: 100%;
min-width: 1280px;
//min-width: 1280px;
}
::-webkit-scrollbar-thumb:window-inactive {

87
web/src/views/home/home.vue
View File

@@ -1,5 +1,5 @@
<template>
<div style="display: flex;">
<div style="display: flex;flex-wrap: wrap;">
<div class="file-section">
<div style="width: 95%;margin-top: 20px;margin-left: 10px;">
<div style="display: flex;align-items: center;">
@@ -1186,35 +1186,70 @@
cursor: pointer;
}
.file-section {
background: #fff;
height: calc(100vh - 75px);
overflow: scroll;
width: 25%;
border: 1px solid #173769;
margin: 10px 0 10px 10px;
border-radius: 20px;
@media (max-width: 500px) {
/* 在屏幕宽度小于400像素时应用的CSS规则 */
.file-section {
background: #fff;
height: calc(100vh - 75px);
overflow: scroll;
width: 100vh;
border: 1px solid #173769;
margin: 10px 0 10px 10px;
border-radius: 20px;
}
.edit-section {
background: #fff;
height: calc(100vh - 75px);
overflow: scroll;
width: 100vh;
border: 1px solid #173769;
margin: 10px 10px 10px 10px;
border-radius: 20px;
}
.resource-section {
background: #fff;
height: calc(100vh - 75px);
width: 100vh;
flex: 1;
overflow: scroll;
border: 1px solid #173769;
margin: 10px 10px 10px 0;
border-radius: 20px;
}
}
.edit-section {
background: #fff;
height: calc(100vh - 75px);
overflow: scroll;
border: 1px solid #173769;
margin: 10px 10px 10px 10px;
border-radius: 20px;
}
@media (min-width: 400px) {
/* 在屏幕宽度大于400像素时应用的CSS规则 */
.file-section {
background: #fff;
height: calc(100vh - 75px);
overflow: scroll;
min-width: 400px;
border: 1px solid #173769;
margin: 10px 0 10px 10px;
border-radius: 20px;
}
.resource-section {
background: #fff;
height: calc(100vh - 75px);
width: 30%;
flex: 1;
overflow: scroll;
border: 1px solid #173769;
margin: 10px 10px 10px 0;
border-radius: 20px;
.edit-section {
background: #fff;
height: calc(100vh - 75px);
overflow: scroll;
border: 1px solid #173769;
margin: 10px 10px 10px 10px;
border-radius: 20px;
}
.resource-section {
background: #fff;
height: calc(100vh - 75px);
min-width: 400px;
flex: 1;
overflow: scroll;
border: 1px solid #173769;
margin: 10px 10px 10px 0;
border-radius: 20px;
}
}
.bk-form-checkbox {