Home Explore Project
Register Sign In
lyq
/
out.yoqi.me
1
0
Fork 0
Files Issues 2 Pull Requests 0 Wiki
Browse Source

go on

Your Name 3 years ago
parent
2d9e9bbf11
commit
1cd090e5b0
6 changed files with 94 additions and 27 deletions
Unified View Show Diff Stats
  1. 3 1
      frontend/public/index.html
  2. 4 0
      frontend/router/router.js
  3. 19 16
      frontend/src/App.vue
  4. 36 0
      frontend/src/components/Conent.vue
  5. 14 3
      frontend/src/components/Footer.vue
  6. 18 7
      frontend/src/components/Header.vue

+ 3 - 1
frontend/public/index.html
View File 

@@ -3,7 +3,9 @@
 
   <head>
 
   <head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
 
+
 
+    <meta name="description" content="国外流行网站导航，网站排名，国外，去看看">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
     <title>去看看</title>
 
     <title>去看看</title>
 
   </head>
 
   </head>

+ 4 - 0
frontend/router/router.js
View File 

@@ -0,0 +1,4 @@
 
+import Vue from 'vue';

+import Router from 'vue-router';

+

+

+ 19 - 16
frontend/src/App.vue
View File 

@@ -1,29 +1,32 @@
 
 <template>
 
 <template>
 
   <div id="app">
 
   <div id="app">
 
     <Header msg="Welcome to Your Vue.js App" />
 
     <Header msg="Welcome to Your Vue.js App" />
 
+    <v-content msg="" />
 
     <Footer />
 
     <Footer />
 
   </div>
 
   </div>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
-  import Header from "./components/Header.vue";
 
-  import Footer from "./components/Footer.vue";
 
+import Header from "./components/Header.vue";
 
+import Footer from "./components/Footer.vue";
 
+import Content from "./components/Conent.vue";
 
 
 
-  export default {
 
-    name: "App",
 
-    components: {
 
-      Header, Footer
 
-    },
 
-  };
 
+export default {
 
+  name: "App",
 
+  components: {
 
+    Header,
 
+    Footer,
 
+    "v-content": Content,
 
+  },
 
+};
 
 </script>
 
 </script>
 
 
 
 <style>
 
 <style>
 
-  #app {
 
-    font-family: Avenir, Helvetica, Arial, sans-serif;
 
-    -webkit-font-smoothing: antialiased;
 
-    -moz-osx-font-smoothing: grayscale;
 
-    text-align: center;
 
-    color: #300307;
 
-    margin-top: 60px;
 
-  }
 
+#app {
 
+  font-family: Avenir, Helvetica, Arial, sans-serif;
 
+  -webkit-font-smoothing: antialiased;
 
+  -moz-osx-font-smoothing: grayscale;
 
+  text-align: center;
 
+  color: #300307;
 
+}
 
 </style>
 
 </style>

+ 36 - 0
frontend/src/components/Conent.vue
View File 

@@ -0,0 +1,36 @@
 
+<template>
 
+  <div class="content">
 
+    <li class="website_list">
 
+      <a href="https://twitter.com">Twitter</a> 社交网站，类似于国内的微博
 
+    </li>
 
+    <li class="website_list">
 
+      <a href="http">Facebook</a> 类似于国内的QQ社交网站。
 
+    </li>
 
+    <div><button class="btn_go">去看看</button></div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {};
 
+</script>
 
+
 
+<style scoped>
 
+.content {
 
+  margin-top: 20px;
 
+  margin-left: 20px;
 
+  text-align: left;
 
+}
 
+.website_list {
 
+  margin-bottom: 15px;
 
+  margin-left: 15px;
 
+}
 
+.btn_go {
 
+  width: 80px;
 
+  height: 40px;
 
+  border: none;
 
+  color: white;
 
+  background-color: blueviolet;
 
+  padding: 5px;
 
+  size: 20px;
 
+}
 
+</style>

+ 14 - 3
frontend/src/components/Footer.vue
View File 

@@ -1,10 +1,21 @@
 
 <template>
 
 <template>
 
-  <div></div>
 
+  <div class="footer">
 
+    <div>Copyright @2021 zhizhou. lnc</div>
 
+    <div>微博：xx 微信：yy</div>
 
+  </div>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
 export default {};
 
 export default {};
 
 </script>
 
 </script>
 
 
 
-<style>
 
-</style>
 
+<style scoped>
 
+.footer {
 
+  background-color: black;
 
+  color: white;
 
+  width: 99%;
 
+  padding: 10px 0 10px 0;
 
+  position: absolute;
 
+  bottom: 0px;
 
+}
 
+</style>>

+ 18 - 7
frontend/src/components/Header.vue
View File 

@@ -1,21 +1,32 @@
 
 <template>
 
 <template>
 
-  <div class="hello">
 
-    <p>
 
-      都喜欢啊啊    </p>
 
+  <div>
 
+    <div class="menu">
 
+      <li v-bind="onMe">我的</li>
 
+      <li>登录</li>
 
+      <li>注册</li>
 
+    </div>
 
   </div>
 
   </div>
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
 export default {
 
 export default {
 
-  name: 'HelloWorld',
 
+  name: "HelloWorld",
 
   props: {
 
   props: {
 
-    msg: String
 
-  }
 
-}
 
+    msg: String,
 
+  },
 
+};
 
 </script>
 
 </script>
 
 
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 
 <style scoped>
 
 <style scoped>
 
+.menu {
 
+  width: 100%;
 
+  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
 
+  color: white;
 
+  font-size: 16pt;
 
+  background-color: #42b983;
 
+  padding: 10px 0 10px 0;
 
+}
 
 h3 {
 
 h3 {
 
   margin: 40px 0 0;
 
   margin: 40px 0 0;
 
 }
 
 }