From 4e4c8ee916641775d64bfcb74ae1507106f0dc9d Mon Sep 17 00:00:00 2001
From: asd <374367073@qq.com>
Date: Wed, 3 Nov 2021 18:15:06 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                  |   1 +
 src/api/base.ts               |   4 +++
 src/api/index.ts              |   5 +++
 src/components/HelloWorld.vue |  61 ----------------------------------
 src/components/navitem.vue    |  15 +++++++++
 src/static/img/icon.png       | Bin 0 -> 2479 bytes
 src/views/Home.vue            |  58 ++++++++++++++++++--------------
 yarn.lock                     |  12 +++++++
 8 files changed, 70 insertions(+), 86 deletions(-)
 create mode 100644 src/api/base.ts
 create mode 100644 src/api/index.ts
 delete mode 100644 src/components/HelloWorld.vue
 create mode 100644 src/components/navitem.vue
 create mode 100644 src/static/img/icon.png

diff --git a/package.json b/package.json
index 900e71b..f5a2f08 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^0.24.0",
     "core-js": "^3.6.5",
     "lib-flexible": "^0.3.2",
     "postcss-px2rem": "^0.3.0",
diff --git a/src/api/base.ts b/src/api/base.ts
new file mode 100644
index 0000000..59d0ce0
--- /dev/null
+++ b/src/api/base.ts
@@ -0,0 +1,4 @@
+import axios from "axios"
+axios.defaults.baseURL="https://tomcat.theluyuan.com/Learning"
+
+export default axios
\ No newline at end of file
diff --git a/src/api/index.ts b/src/api/index.ts
new file mode 100644
index 0000000..699886b
--- /dev/null
+++ b/src/api/index.ts
@@ -0,0 +1,5 @@
+import axios from "./base"
+
+export function login(){
+   return axios.post("/user/login",{userName:"zs",password:"123"})
+}
\ No newline at end of file
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index 5089767..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,61 +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>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-typescript" target="_blank" rel="noopener">typescript</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 lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'HelloWorld',
-  props: {
-    msg: String,
-  },
-});
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>
diff --git a/src/components/navitem.vue b/src/components/navitem.vue
new file mode 100644
index 0000000..2b5d773
--- /dev/null
+++ b/src/components/navitem.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="navitem">
+
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+
+</style>
\ No newline at end of file
diff --git a/src/static/img/icon.png b/src/static/img/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..822df2122bb7a280c64a9bc2d0d21dfcb0479fc6
GIT binary patch
literal 2479
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

literal 0
HcmV?d00001

diff --git a/src/views/Home.vue b/src/views/Home.vue
index be8144b..e3853bc 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -10,19 +10,19 @@
 
     <div class="navs">
       <div class="nav-item">
-        <img src="../static/img/icon.png">
+        <img src="../static/img/icon.png" class="icon" />
         <p>名师推荐</p>
       </div>
       <div class="nav-item">
-        <img src="../static/img/icon.png">
+        <img src="../static/img/icon.png" />
         <p>订阅专栏</p>
       </div>
       <div class="nav-item">
-        <img src="../static/img/icon.png">
+        <img src="../static/img/icon.png" />
         <p>我的收藏</p>
       </div>
       <div class="nav-item">
-        <img src="../static/img/icon.png">
+        <img src="../static/img/icon.png" />
         <p>下载管理</p>
       </div>
     </div>
@@ -30,55 +30,63 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-
+import { defineComponent } from "vue";
+import {login} from "../api/index"
 export default defineComponent({
-  name: 'Home',
+  name: "Home",
+  setup() {
+    function denglu() {
+     login().then((res:any)=>{
+       console.log(res)
+     })
+    }
+    return {
+      denglu
+    };
+  },
 });
 </script>
 
 <style lang="scss" scoped>
-.home{
+.home {
   height: 100vh;
-  background:#F5F5F5;
-  .top{
+  background: #f5f5f5;
+  .top {
     width: 100%;
-    background: #5677FF;
-    padding-top:125px;
+    background: #5677ff;
+    padding-top: 125px;
     padding-bottom: 93px;
     position: relative;
-    .content{
-      color:white;
-      font-size:49px;
+    .content {
+      color: white;
+      font-size: 49px;
       margin-left: 118px;
-      .biaoti{
-        font-size:67px ;
+      .biaoti {
+        font-size: 67px;
         margin-bottom: 41px;
       }
     }
 
-    .right{
+    .right {
       width: 268px;
       height: 277px;
-      background: gold;
-      position:absolute;
-      right:0;
+      background: white;
+      position: absolute;
+      right: 0;
       bottom: 0;
     }
-
   }
 
-  .navs{
+  .navs {
     width: 900px;
     height: 180px;
     background: white;
-    margin:0 auto;
+    margin: 0 auto;
     margin-top: 20px;
     display: flex;
     justify-content: space-around;
     align-items: center;
     text-align: center;
   }
-
 }
 </style>
diff --git a/yarn.lock b/yarn.lock
index 987519c..33178df 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1979,6 +1979,13 @@ aws4@^1.8.0:
   resolved "https://registry.nlark.com/aws4/download/aws4-1.11.0.tgz#d61f46d83b2519250e2784daf5b09479a8b41c59"
   integrity sha1-1h9G2DslGSUOJ4Ta9bCUeai0HFk=
 
+axios@^0.24.0:
+  version "0.24.0"
+  resolved "https://registry.npmmirror.com/axios/download/axios-0.24.0.tgz#804e6fa1e4b9c5288501dd9dff56a7a0940d20d6"
+  integrity sha1-gE5voeS5xSiFAd2d/1anoJQNINY=
+  dependencies:
+    follow-redirects "^1.14.4"
+
 babel-code-frame@^6.22.0:
   version "6.26.0"
   resolved "https://registry.nlark.com/babel-code-frame/download/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b"
@@ -3935,6 +3942,11 @@ follow-redirects@^1.0.0:
   resolved "https://registry.nlark.com/follow-redirects/download/follow-redirects-1.14.4.tgz?cache=0&sync_timestamp=1631622129411&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ffollow-redirects%2Fdownload%2Ffollow-redirects-1.14.4.tgz#838fdf48a8bbdd79e52ee51fb1c94e3ed98b9379"
   integrity sha1-g4/fSKi73XnlLuUfsclOPtmLk3k=
 
+follow-redirects@^1.14.4:
+  version "1.14.5"
+  resolved "https://registry.npmmirror.com/follow-redirects/download/follow-redirects-1.14.5.tgz?cache=0&sync_timestamp=1635857764332&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Ffollow-redirects%2Fdownload%2Ffollow-redirects-1.14.5.tgz#f09a5848981d3c772b5392309778523f8d85c381"
+  integrity sha1-8JpYSJgdPHcrU5Iwl3hSP42Fw4E=
+
 for-in@^1.0.2:
   version "1.0.2"
   resolved "https://registry.nlark.com/for-in/download/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"