8 лет назад · 928f670186
--- a/webapp/index.html
+++ b/webapp/index.html
@@ -2,7 +2,7 @@
 
				 <html>
			
 
				   <head>
			
 
				     <meta charset="utf-8">
			
 
				-    <title>lime software</title>
			
 
				+    <title>h5在线编辑平台</title>
			
 
				   </head>
			
 
				   <body>
			
 
				     <div id="app"></div>
			
--- a/webapp/src/components/BgPanel.vue
+++ b/webapp/src/components/BgPanel.vue
@@ -0,0 +1,68 @@
 
				+<template>
			
 
				+  <div class="panel panel-bg">
			
 
				+    <div class="clearfix"
			
 
				+         v-if="panelTabState !== 1">
			
 
				+      <el-button class="btn"
			
 
				+                 type="success"
			
 
				+                 @click="panelTabState = 1">更换背景</el-button>
			
 
				+      <el-button class="btn"
			
 
				+                 type="danger"
			
 
				+                 @click="cleanBG">移除背景</el-button>
			
 
				+    </div>
			
 
				+    <div class="clearfix"
			
 
				+         v-if="panelTabState === 1">
			
 
				+      <PicPicker class="bgs"
			
 
				+                 @uploaded="uploadImage"
			
 
				+                 @style="style"></PicPicker>
			
 
				+      <div class="bgs"
			
 
				+           :style="{ backgroundImage: 'url(' + http + element.filePath + ')' }"
			
 
				+           @click="addBG(element.filePath)"
			
 
				+           v-for="element in picList"></div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.panel-bg {
			
 
				+  .btn {
			
 
				+    float: left;
			
 
				+    width: 48%;
			
 
				+    margin-left: 1%;
			
 
				+    margin-right: 1%;
			
 
				+  }
			
 
				+  .bgs {
			
 
				+    float: left;
			
 
				+    width: 80px;
			
 
				+    height: 80px;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-position: center;
			
 
				+    background-size: contain;
			
 
				+    margin: 5px 5px;
			
 
				+    &:hover {
			
 
				+      border: 2px solid #18ccc0;
			
 
				+      cursor: pointer;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  props: {
			
 
				+    element: {
			
 
				+      type: Object
			
 
				+    },
			
 
				+    addBG: {
			
 
				+      type: Function
			
 
				+    },
			
 
				+    cleanBG: {
			
 
				+      type: Function
			
 
				+    }
			
 
				+  },
			
 
				+  data () {
			
 
				+    return {
			
 
				+      panelTabState: 0
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
--- a/webapp/src/components/EditPanel.vue
+++ b/webapp/src/components/EditPanel.vue
--- a/webapp/src/components/HeaderEdit.vue
+++ b/webapp/src/components/HeaderEdit.vue
@@ -0,0 +1,62 @@
 
				+<template>
			
 
				+  <header class="header">
			
 
				+    <button class="reset-btn"
			
 
				+            @click="goback"><i class="el-icon-arrow-left"></i>返回作品</button>
			
 
				+    <div class="right-panel">
			
 
				+      <el-button @click="deploy"
			
 
				+                 class="preview"
			
 
				+                 type="info"
			
 
				+                 :loading="loading">预览</el-button>
			
 
				+    </div>
			
 
				+  </header>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import tools from '../util/tools'
			
 
				+export default {
			
 
				+  props: {
			
 
				+    goback: Function
			
 
				+  },
			
 
				+  data () {
			
 
				+    return {
			
 
				+      loading: false
			
 
				+    }
			
 
				+  },
			
 
				+  methods: {
			
 
				+    deploy () {
			
 
				+      this.loading = true
			
 
				+      this.$store.dispatch('saveTheme', tools.vue2json(this.$store.state.editor.editorTheme)).then(() => {
			
 
				+        setTimeout(() => {
			
 
				+          this.$emit('saveThemeSuccess')
			
 
				+          this.loading = false
			
 
				+        }, 1000)
			
 
				+      })
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.header {
			
 
				+  height: 60px;
			
 
				+  background-color: #373f42;
			
 
				+  color: #fff;
			
 
				+  .reset-btn {
			
 
				+    height: 100%;
			
 
				+    padding: 0 20px;
			
 
				+    cursor: pointer;
			
 
				+  }
			
 
				+  .el-icon-arrow-left {
			
 
				+    margin-right: 20px;
			
 
				+  }
			
 
				+  .right-panel {
			
 
				+    float: right;
			
 
				+    height: 100%;
			
 
				+    width: 100px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    padding-right: 15px;
			
 
				+    flex-direction: row-reverse;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/webapp/src/components/PreView.vue
+++ b/webapp/src/components/PreView.vue
@@ -29,7 +29,6 @@
 
				         <i class="el-icon-close"></i>
			
 
				       </div>
			
 
				     </div>
			
 
				-    <PreView :itemId="itemId" @hideView="showPreView=false" v-if="showPreView"/>
			
 
				   </div>
			
 
				 </template>
			
 
				 
			
--- a/webapp/src/components/SvgPanel.vue
+++ b/webapp/src/components/SvgPanel.vue
@@ -0,0 +1,47 @@
 
				+<template>
			
 
				+  <div class="panel panel-shape clearfix">
			
 
				+    <svg class="shape"
			
 
				+         @click="addIcon('action-redo')">
			
 
				+      <use xlink:href="/static/svg/icon.svg#action-redo"></use>
			
 
				+    </svg>
			
 
				+    <svg class="shape"
			
 
				+         @click="addIcon('circle-fill')"
			
 
				+         fill="#000">
			
 
				+      <use xlink:href="/static/svg/icon.svg#circle-fill"
			
 
				+           fill="#000"></use>
			
 
				+    </svg>
			
 
				+    <svg class="shape"
			
 
				+         @click="addIcon('bmLogo')">
			
 
				+      <use xlink:href="/static/svg/icon.svg#bmLogo"
			
 
				+           fill="#fff"></use>
			
 
				+    </svg>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.panel-shape {
			
 
				+  .shape {
			
 
				+    float: left;
			
 
				+    width: 80px;
			
 
				+    height: 80px;
			
 
				+    margin: 5px;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  methods: {
			
 
				+    addIcon (iconKey) {
			
 
				+      let obj = {}
			
 
				+      obj.type = 'icon'
			
 
				+      obj.iconKey = iconKey
			
 
				+      obj.top = 0
			
 
				+      obj.left = 0
			
 
				+      obj.width = 100
			
 
				+      obj.height = 100
			
 
				+      this.$store.dispatch('addElement', obj)
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
--- a/webapp/src/views/h5editor/index.vue
+++ b/webapp/src/views/h5editor/index.vue
--- a/webapp/src/views/spaeditor/index.vue
+++ b/webapp/src/views/spaeditor/index.vue