doc: add screenshot

fireyy · Dec 15, 2017 · 1233778 · 1233778
1 parent 66aa921
commit 1233778
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,13 @@
 # vue-page-designer
 
+<p align="center">
+  <a href="https://fireyy.github.io/vue-page-designer/" target="_blank">
+    <img src="screen.png" width="700px">
+    <br>
+    Live Demo
+  </a>
+</p>
+
 A drag-and-drop mobile website builder base on Vue.
 
 ## Install

diff --git a/screen.png b/screen.png
diff --git a/src/components/viewport/index.vue b/src/components/viewport/index.vue
@@ -163,6 +163,8 @@ export default {
 
 <style scoped>
 .holder {
+  display: flex;
+  justify-content: center;
   height: 100%;
   overflow: auto;
   font-size: 0;

diff --git a/src/store/state.js b/src/store/state.js
@@ -17,8 +17,8 @@ export default {
   activeElement: {},      // 选中对象，要么是元件，要么是页面
   page: {
     page: true,
-    title: '一个活动',    // 页面 title
-    height: 2800,         // 画布高度
+    title: '测试页面',    // 页面 title
+    height: 1500,         // 画布高度
     endTime: new Date(),   // 截止日期
     backgroundColor: '#fff'
   },