Bläddra i källkod

更新配置;全局引入element

haojianlong 4 år sedan
förälder
incheckning
f29193dff7

+ 8 - 0
docs/.vuepress/enhanceApp.js

@@ -0,0 +1,8 @@
+// .vuepress/enhanceApp.js
+// 全局注册 Element 组件库
+
+import Vue from 'vue'
+import Element from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+
+Vue.use(Element);

+ 9 - 0
docs/.vuepress/styles/palette.styl

@@ -6,3 +6,12 @@ body{
 .page-nav{
   max-width: 100%;
 }
+
+canvas {
+  display: block;
+  margin: 10px 0;
+  border: 1px solid #ccc;
+}
+canvas:focus{
+  outline :none;
+}

+ 14 - 0
docs/.vuepress/templates/dev.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title></title>
+</head>
+<body>
+<script>
+    const Image = window.Image;//定义global
+</script>
+<div id="app"></div>
+</body>
+</html>

+ 20 - 0
docs/.vuepress/templates/ssr.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="{{ lang }}">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>{{ title }}</title>
+    <meta name="generator" content="VuePress {{ version }}">
+    {{{ userHeadTags }}}
+    {{{ pageMeta }}}
+    {{{ renderResourceHints() }}}
+    {{{ renderStyles() }}}
+    <script>
+        const Image = window.Image;//定义global变量
+    </script>
+</head>
+<body>
+<!--vue-ssr-outlet-->
+{{{ renderScripts() }}}
+</body>
+</html>

+ 1 - 1
docs/dev/graph/scene/items/image.md

@@ -3,7 +3,7 @@
 [[toc]]
 :::
 
-example-graph-scene-ImageItem
+<example-graph-scene-ImageItem/>
 
 ::: details 查看代码
 @/docs/.vuepress/components/example/graph/scene/ImageItem.vue

+ 1 - 0
package.json

@@ -18,6 +18,7 @@
     "@persagy-web/graph": "2.2.1",
     "@persagy-web/feng-map": "2.2.1",
     "vue": "^2.6.10",
+    "element-ui": "^2.12.0",
     "vue-property-decorator": "^8.4.2"
   },
   "devDependencies": {