Skip to content

D
dashboard
Commit 723a46fd authored by 郭铭瑶's avatar 郭铭瑶 🤘
Browse files
Options

完善

parent a48d946c
Show whitespace changes
Inline Side-by-side
Showing with 20 additions and 5 deletions
index.html
View file @ 723a46fd
<!DOCTYPE html> <!DOCTYPE html>
<html> <html id="html">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<title>dashboard</title> <title>dashboard</title>
<style>
html {
font-size: 0.8vw;
}
</style>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
</body> </body>
</html> </html>
<script>
// (function() {
// function setWidth() {
// const width = document.body.clientWidth
// document.getElementById('html').style.fontSize = (width / 120).toFixed(1) + 'px'
// }
// window.onload = setWidth()
// window.onresize = setWidth
// })()
</script>
src/App.vue
View file @ 723a46fd
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<script> <script>
export default { export default {
name: 'App' name: 'App',
} }
</script> </script>
...@@ -23,7 +23,6 @@ html, body ...@@ -23,7 +23,6 @@ html, body
background #000 background #000
width 100% width 100%
height 100% height 100%
font-size 1vw
user-select none user-select none
#app #app
font-family DIN, 'Avenir', Helvetica, Arial, sans-serif font-family DIN, 'Avenir', Helvetica, Arial, sans-serif
...@@ -31,6 +30,7 @@ html, body ...@@ -31,6 +30,7 @@ html, body
-moz-osx-font-smoothing grayscale -moz-osx-font-smoothing grayscale
width 100% width 100%
height 100% height 100%
font-size 1rem
overflow: hidden overflow: hidden
color $fontColor color $fontColor
</style> </style>
src/views/header.vue
View file @ 723a46fd
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</p> </p>
<p>{{item.name}}</p> <p>{{item.name}}</p>
</div> </div>
<Divider :key="item.name" class="divider" type="vertical"/> <Divider :key="'d' + item.name" class="divider" type="vertical"/>
</template> </template>
</div> </div>
</div> </div>
......
src/views/main.vue
View file @ 723a46fd
...@@ -113,7 +113,7 @@ export default { ...@@ -113,7 +113,7 @@ export default {
'box2 box3 box4'\ 'box2 box3 box4'\
'box5 box3 box4'\ 'box5 box3 box4'\
'box6 box6 box6' 'box6 box6 box6'
grid-template-rows 1fr 3fr 3fr 2fr grid-template-rows auto 3fr 3fr 2fr
grid-template-columns 1fr 1fr 1fr grid-template-columns 1fr 1fr 1fr
grid-gap 0.8rem grid-gap 0.8rem
padding 1rem padding 1rem
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment