@zhangqingcq/vgce 0.1.9 → 0.1.11
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +53 -15
- package/dist/style.css +1 -1
- package/dist/vgce.js +20273 -20309
- package/dist/vgce.umd.cjs +38 -35
- package/package.json +4 -4
- package/src/components/svg-editor/center-panel.vue +146 -147
- package/src/components/svg-editor/index.vue +5 -1
- package/src/components/svg-editor/top-panel.vue +1 -16
- package/src/components/svg-viewer.vue +68 -69
- package/src/views/EditorS.vue +21 -21
- package/src/views/Preview.vue +38 -38
package/src/views/Preview.vue
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import SvgViewer from '@/components/svg-viewer.vue'
|
|
3
|
-
import { ElButton } from 'element-plus'
|
|
4
|
-
import { ArrowLeftBold } from '@element-plus/icons-vue'
|
|
5
|
-
import { useStore } from '@/stores/main'
|
|
6
|
-
|
|
7
|
-
const emit = defineEmits(['back'])
|
|
8
|
-
const store = useStore()
|
|
9
|
-
|
|
10
|
-
function back() {
|
|
11
|
-
emit('back')
|
|
12
|
-
}
|
|
13
|
-
</script>
|
|
14
|
-
|
|
15
|
-
<template>
|
|
16
|
-
<div class="previewPage">
|
|
17
|
-
<svg-viewer :data="store.data" />
|
|
18
|
-
<el-button @click="back" class="backBtn" :icon="ArrowLeftBold">返回</el-button>
|
|
19
|
-
</div>
|
|
20
|
-
</template>
|
|
21
|
-
|
|
22
|
-
<style lang="less" scoped>
|
|
23
|
-
.previewPage {
|
|
24
|
-
position: fixed;
|
|
25
|
-
z-index: 1000;
|
|
26
|
-
left: 0;
|
|
27
|
-
right: 0;
|
|
28
|
-
top: 0;
|
|
29
|
-
bottom: 0;
|
|
30
|
-
|
|
31
|
-
.backBtn {
|
|
32
|
-
position: absolute;
|
|
33
|
-
top: 20px;
|
|
34
|
-
right: 30px;
|
|
35
|
-
z-index: 100;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
</style>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import SvgViewer from '@/components/svg-viewer.vue'
|
|
3
|
+
import { ElButton } from 'element-plus'
|
|
4
|
+
import { ArrowLeftBold } from '@element-plus/icons-vue'
|
|
5
|
+
import { useStore } from '@/stores/main'
|
|
6
|
+
|
|
7
|
+
const emit = defineEmits(['back'])
|
|
8
|
+
const store = useStore()
|
|
9
|
+
|
|
10
|
+
function back() {
|
|
11
|
+
emit('back')
|
|
12
|
+
}
|
|
13
|
+
</script>
|
|
14
|
+
|
|
15
|
+
<template>
|
|
16
|
+
<div class="previewPage">
|
|
17
|
+
<svg-viewer :data="store.data" />
|
|
18
|
+
<el-button @click="back" class="backBtn" :icon="ArrowLeftBold">返回</el-button>
|
|
19
|
+
</div>
|
|
20
|
+
</template>
|
|
21
|
+
|
|
22
|
+
<style lang="less" scoped>
|
|
23
|
+
.previewPage {
|
|
24
|
+
position: fixed;
|
|
25
|
+
z-index: 1000;
|
|
26
|
+
left: 0;
|
|
27
|
+
right: 0;
|
|
28
|
+
top: 0;
|
|
29
|
+
bottom: 0;
|
|
30
|
+
|
|
31
|
+
.backBtn {
|
|
32
|
+
position: absolute;
|
|
33
|
+
top: 20px;
|
|
34
|
+
right: 30px;
|
|
35
|
+
z-index: 100;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
</style>
|