Merge branch 'master' of github.com:Mater1996/vue-photo-zoom-pro

mater1996 · Feb 18, 2022 · 87266ce · 87266ce
2 parents 20449f9 + f499b94
commit 87266ce
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 10 deletions.
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
@@ -105,6 +105,10 @@ module.exports = {
             text: '示例',
             link: '/zh/demo/image',
           },
+          {
+            text: 'Playground',
+            link: '/playground/',
+          },
         ],
         sidebar: {
           '/zh/demo/': [

diff --git a/docs/demo/full.md b/docs/demo/full.md
@@ -7,16 +7,16 @@
 ```vue
 <template>
   <vue-photo-zoom-pro
-    :url="$withBase('/image.jpg')"
-    :highUrl="$withBase('/image-high.jpg')"
+    url="/image.jpg"
+    highUrl="/image-high.jpg"
     :width="selectWidth"
     :height="selectHeight"
     @update="handleUpdate"
   ></vue-photo-zoom-pro>
 </template>
 
 <script>
-import VuePhotoZoomPro from '../../../src/vue-photo-zoom-pro.vue'
+import VuePhotoZoomPro from 'vue-photo-zoom-pro'
 export default {
   components: {
     VuePhotoZoomPro,
@@ -35,4 +35,4 @@ export default {
   },
 }
 </script>
-```
+```
diff --git a/docs/demo/mini-map.md b/docs/demo/mini-map.md
@@ -30,7 +30,7 @@
 </template>
 
 <script>
-import VuePhotoZoomPro from '../../../src/vue-photo-zoom-pro.vue'
+import VuePhotoZoomPro from 'vue-photo-zoom-pro'
 
 const getScrollInfo = () => {
   const { documentElement, body } = document

diff --git a/docs/zh/demo/full.md b/docs/zh/demo/full.md
@@ -7,16 +7,16 @@
 ```vue
 <template>
   <vue-photo-zoom-pro
-    :url="$withBase('/image.jpg')"
-    :highUrl="$withBase('/image-high.jpg')"
+    url="/image.jpg"
+    highUrl="/image-high.jpg"
     :width="selectWidth"
     :height="selectHeight"
     @update="handleUpdate"
   ></vue-photo-zoom-pro>
 </template>
 
 <script>
-import VuePhotoZoomPro from '../../../src/vue-photo-zoom-pro.vue'
+import VuePhotoZoomPro from 'vue-photo-zoom-pro'
 export default {
   components: {
     VuePhotoZoomPro,
@@ -35,4 +35,4 @@ export default {
   },
 }
 </script>
-```
+```
diff --git a/docs/zh/demo/mini-map.md b/docs/zh/demo/mini-map.md
@@ -30,7 +30,7 @@
 </template>
 
 <script>
-import VuePhotoZoomPro from '../../../src/vue-photo-zoom-pro.vue'
+import VuePhotoZoomPro from 'vue-photo-zoom-pro'
 
 const getScrollInfo = () => {
   const { documentElement, body } = document