From 96c705e7c0eb114695c04a0500a4abc815739cf6 Mon Sep 17 00:00:00 2001 From: 康凯 <kangk26@foxmail.com> Date: Sun, 12 Dec 2021 10:16:24 +0800 Subject: [PATCH] 开发完成 版本1.0 --- src/App.vue | 52 +++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 45 insertions(+), 7 deletions(-) diff --git a/src/App.vue b/src/App.vue index 55df315..771fde0 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,28 +1,66 @@ <template> <div id="app"> - <img alt="Vue logo" src="./assets/logo.png"> - <HelloWorld msg="Welcome to Your Vue.js App"/> + <router-view></router-view> </div> </template> <script> -import HelloWorld from './components/HelloWorld.vue' - export default { name: 'App', - components: { - HelloWorld + components: {}, + metaInfo: { + meta: [ + { + name: "viewport", + content: "width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1, maximum-scale=1;" + } + ] + }, + created() { + document.title = "吉林红色旅游"; } } </script> <style> +body{ + margin: 1px; +} #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; - margin-top: 60px; +} +@media only screen and (min-width: 320px) { + html { + font-size: 6px !important; + } +} + + +@media only screen and (min-width: 375px) { + html { + font-size: 8px !important; + } +} + +@media only screen and (min-width: 480px) { + html { + font-size: 12px !important; + } +} + +@media only screen and (min-width: 640px) { + html { + font-size: 14px !important; + } +} + +@media only screen and (min-width: 750px) { + html { + font-size: 16px !important; + } } </style> -- Gitblit v1.9.3