صفحهٔ اصلی گشت‌و‌گذار راهنما
ثبت نام ورود
shaogen1995
/
YunShuJu
1
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
فهرست منبع

init

shaogen1995 3 سال پیش
والد
deabbbe19d
کامیت
2a7438cd35
11فایلهای تغییر یافته به همراه19 افزوده شده و 114 حذف شده
مشاهده تقسیم شده نمایش آمار تفاوت ها
  1. BIN
      public/favicon.ico
  2. 1 1
      public/index.html
  3. 5 23
      src/App.vue
  4. 5 0
      src/assets/base.css
  5. BIN
      src/assets/logo.png
  6. 0 58
      src/components/HelloWorld.vue
  7. 1 1
      src/main.js
  8. 3 12
      src/router/index.js
  9. 0 18
      src/views/Home.vue
  10. 1 1
      src/views/About.vue
  11. 3 0
      vue.config.js

BIN
public/favicon.ico
مشاهده فایل


+ 1 - 1
public/index.html
مشاهده فایل 

@@ -5,7 +5,7 @@
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
-    <title><%= htmlWebpackPlugin.options.title %></title>
 
+    <title>云数据库</title>
 
   </head>
 
   <body>
 
     <noscript>

+ 5 - 23
src/App.vue
مشاهده فایل 

@@ -1,32 +1,14 @@
 
 <template>
 
   <div id="app">
 
-    <div id="nav">
 
-      <router-link to="/">Home</router-link> |
 
-      <router-link to="/about">About</router-link>
 
-    </div>
 
-    <router-view/>
 
+    <Router-view/>
 
   </div>
 
 </template>
 
 
 <style lang="less">
 
 #app {
 
-  font-family: Avenir, Helvetica, Arial, sans-serif;
 
-  -webkit-font-smoothing: antialiased;
 
-  -moz-osx-font-smoothing: grayscale;
 
-  text-align: center;
 
-  color: #2c3e50;
 
-}
 
-
 
-#nav {
 
-  padding: 30px;
 
-
 
-  a {
 
-    font-weight: bold;
 
-    color: #2c3e50;
 
-
 
-    &.router-link-exact-active {
 
-      color: #42b983;
 
-    }
 
-  }
 
+  width: 100%;
 
+  height: 100%;
 
+  min-width: 1800px;
 
+  min-height: 900px;
 
 }
 
 </style>

+ 5 - 0
src/assets/base.css
مشاهده فایل 

@@ -0,0 +1,5 @@
 
+*{
 
+  margin: 0;
 
+  padding: 0;
 
+  box-sizing: border-box;
 
+}

BIN
src/assets/logo.png
مشاهده فایل


+ 0 - 58
src/components/HelloWorld.vue
مشاهده فایل 

@@ -1,58 +0,0 @@
 
-<template>
 
-  <div class="hello">
 
-    <h1>{{ msg }}</h1>
 
-    <p>
 
-      For a guide and recipes on how to configure / customize this project,<br>
 
-      check out the
 
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
 
-    </p>
 
-    <h3>Installed CLI Plugins</h3>
 
-    <ul>
 
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
 
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
 
-    </ul>
 
-    <h3>Essential Links</h3>
 
-    <ul>
 
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
 
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
 
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
 
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
 
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
 
-    </ul>
 
-    <h3>Ecosystem</h3>
 
-    <ul>
 
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
 
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
 
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
 
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
 
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
 
-    </ul>
 
-  </div>
 
-</template>
 
-
 
-<script>
 
-export default {
 
-  name: 'HelloWorld',
 
-  props: {
 
-    msg: String
 
-  }
 
-}
 
-</script>
 
-
 
-<!-- Add "scoped" attribute to limit CSS to this component only -->
 
-<style scoped lang="less">
 
-h3 {
 
-  margin: 40px 0 0;
 
-}
 
-ul {
 
-  list-style-type: none;
 
-  padding: 0;
 
-}
 
-li {
 
-  display: inline-block;
 
-  margin: 0 10px;
 
-}
 
-a {
 
-  color: #42b983;
 
-}
 
-</style>

+ 1 - 1
src/main.js
مشاهده فایل 

@@ -3,7 +3,7 @@ import App from './App.vue'
 
 import router from './router'
 
 
 Vue.config.productionTip = false
 
-
 
+import './assets/base.css'
 
 new Vue({
 
   router,
 
   render: h => h(App)

+ 3 - 12
src/router/index.js
مشاهده فایل 

@@ -1,27 +1,18 @@
 
 import Vue from 'vue'
 
 import VueRouter from 'vue-router'
 
-import Home from '../views/Home.vue'
 
 
 Vue.use(VueRouter)
 
 
 const routes = [
 
   {
 
     path: '/',
 
-    name: 'Home',
 
-    component: Home
 
+    name: 'Login',
 
+    component: () => import('../views/Login.vue')
 
   },
 
-  {
 
-    path: '/about',
 
-    name: 'About',
 
-    // route level code-splitting
 
-    // this generates a separate chunk (about.[hash].js) for this route
 
-    // which is lazy-loaded when the route is visited.
 
-    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
 
-  }
 
 ]
 
 
 const router = new VueRouter({
 
-  mode: 'history',
 
+  // mode: 'history',
 
   base: process.env.BASE_URL,
 
   routes
 
 })

+ 0 - 18
src/views/Home.vue
مشاهده فایل 

@@ -1,18 +0,0 @@
 
-<template>
 
-  <div class="home">
 
-    <img alt="Vue logo" src="../assets/logo.png">
 
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
 
-  </div>
 
-</template>
 
-
 
-<script>
 
-// @ is an alias to /src
 
-import HelloWorld from '@/components/HelloWorld.vue'
 
-
 
-export default {
 
-  name: 'Home',
 
-  components: {
 
-    HelloWorld
 
-  }
 
-}
 
-</script>

+ 1 - 1
src/views/About.vue
مشاهده فایل 

@@ -1,5 +1,5 @@
 
 <template>
 
-  <div class="about">
 
+  <div class="Login">
 
     <h1>This is an about page</h1>
 
   </div>
 
 </template>

+ 3 - 0
vue.config.js
مشاهده فایل 

@@ -0,0 +1,3 @@
 
+module.exports = {
 
+  publicPath: './'
 
+}