基本使用

2020-11-10 17:05:27 +08:00 · 2020-11-10 17:05:27 +08:00 · ddd64c8765
parent ea5cc8b802
commit ddd64c8765
5 changed files with 36 additions and 11 deletions
--- a/package.json
+++ b/package.json
@ -3,12 +3,14 @@
  "version": "0.1.0",
  "private": true,
  "scripts": {
+    "start": "vue-cli-service serve",
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.5",
+    "topology-vue": "^0.1.4",
    "vue": "^2.6.11",
    "vue-router": "^3.2.0"
  },
@ -27,4 +29,4 @@
    "sass-loader": "^8.0.2",
    "vue-template-compiler": "^2.6.11"
  }
-}
+}
--- a/public/index.html
+++ b/public/index.html
@ -5,6 +5,21 @@
    <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">
+    <!-- 通用字体图标 -->
+    <link
+    href="//at.alicdn.com/t/font_2030495_pwo1zu1ka1.css"
+    rel="stylesheet"
+  />
+
+  <!-- 通用基础图形库 -->
+  <link
+  href="//at.alicdn.com/t/font_1331132_qhyav2o6mp.css"
+  rel="stylesheet"
+/>
+
+<!-- 其他图形库在此补充，例如企业字体图形库 -->
+
+
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
--- a/src/App.vue
+++ b/src/App.vue
@ -1,9 +1,5 @@
 <template>
  <div id="app">
-    <div id="nav">
-      <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
-    </div>
    <router-view />
  </div>
 </template>
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@ -1,18 +1,25 @@
 <template>
  <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png" />
-    <HelloWorld msg="Welcome to Your Vue.js App" />
+    <!-- 使用topology组件 -->
+    <topology />
  </div>
 </template>

 <script>
-// @ is an alias to /src
-import HelloWorld from "@/components/HelloWorld.vue";
+// 导入topology-vue组件
+import topology from "topology-vue";
+// 需要导入topology-vue.css
+import "topology-vue/topology-vue.css";

 export default {
  name: "Home",
  components: {
-    HelloWorld
-  }
+    topology,
+  },
 };
 </script>
+<style lang="scss">
+.home {
+  height: 100vh;
+}
+</style>
--- a/yarn.lock
+++ b/yarn.lock
@ -7856,6 +7856,11 @@ toidentifier@1.0.0:
  resolved "https://registry.npm.taobao.org/toidentifier/download/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
  integrity sha1-fhvjRw8ed5SLxD2Uo8j013UrpVM=

+topology-vue@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.npm.taobao.org/topology-vue/download/topology-vue-0.1.4.tgz#ace966ced454985bee2e86f0b345766276b4d430"
+  integrity sha1-rOlmztRUmFvuLobws0V2Yna01DA=
+
 toposort@^1.0.0:
  version "1.0.7"
  resolved "https://registry.npm.taobao.org/toposort/download/toposort-1.0.7.tgz#2e68442d9f64ec720b8cc89e6443ac6caa950029"