From 5d978e863c10aeb688b7f8f4330c48bc4b4062ad Mon Sep 17 00:00:00 2001
From: 康凯 <kangk26@foxmail.com>
Date: Wed, 15 Dec 2021 11:08:14 +0800
Subject: [PATCH] 图片详情页,添加页面索引
---
src/App.vue | 74 +++++++++++++++++++++++++++++++++---
1 files changed, 67 insertions(+), 7 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 55df315..83f3279 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,28 +1,88 @@
<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;
+}
+
+@font-face {
+ font-family: 'Source Han Sans CN';
+ src: url('assets/font/SourceHanSansCN-Regular.otf');
+}
+
+@font-face {
+ font-family: 'Microsoft YaHei';
+ src: url('assets/font/Microsoft-YaHei.ttf');
+}
+
+@font-face {
+ font-family: 'FZZhengHeiS-DB-GB';
+ src: url('assets/font/FZZhengHeiS-DB-GB.ttf');
+}
+
+@font-face {
+ font-family: 'FZDaBiaoSong-B06S';
+ src: url('assets/font/FZDaBiaoSong-B06S.ttf');
+}
+
+@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