add tip for click the componnent

添加使用提示，有用户不知道点击组件到画布，而是拖拽组件至画布

add tip for click the componnent
添加使用提示，有用户不知道点击组件到画布，而是拖拽组件至画布
ly525
1 parent 2592026b
Showing 4 changed files with 26 additions and 3 deletions
front-end/h5/src/components/core/editor/index.js
front-end/h5/src/components/core/styles/index.scss
front-end/h5/src/locales/lang/en-US.js
front-end/h5/src/locales/lang/zh-CN.js
@@ -157,6 +157,14 @@ export default {
           tabBarGutter={10}
         >
           <a-tab-pane key="plugin-list" tab={this.$t('editor.sidebar.components')}>
+            <div class="plugin-usage-tip ">
+              <a-icon type="info-circle" />
+              {/* <span class="ml-1">使用提示: <strong>点击</strong>组件即可</span> */}
+              {/* Tip: just click on component */}
+              <i18n path="editor.tip.componentUsage" tag="span" class="ml-1">
+                <strong>{ this.$t('editor.tip.click') }</strong>{ this.$t('editor.tip.click') }
+              </i18n>
+            </div>
             <RenderShortcutsPanel pluginsList={this.pluginsList} handleClickShortcut={this.clone} />
           </a-tab-pane>
           <a-tab-pane key='page-manager' tab={this.$t('editor.sidebar.pages')}>
@@ -373,11 +381,10 @@ export default {
     // event bus for editor
     window.getEditorApp = this
     let workId = this.$route.params.workId
-    console.log(workId)
     if (workId) {
       this.fetchWork(workId)
     } else {
-      this.createWork()
+      this.$message.error('no work id!')
     }
   }
 }
@@ -79,3 +79,11 @@
   background-color: transparent;
   text-decoration: none;
 }
+
+.plugin-usage-tip {
+  font-size: 12px;
+  color: #999;
+  border-left: .2rem solid #dfe2e5;
+  // margin: 1rem 0;
+  padding: .25rem 0 .25rem 0.5rem;
+}
 \ No newline at end of file
@@ -95,6 +95,10 @@ export default {
       common: {
         empty: 'Select an element first please!'
       }
+    },
+    tip: {
+      componentUsage: 'Tip: just {0} on component',
+      click: 'click'
     }
   }
 }
@@ -2,7 +2,7 @@
  * @Author: ly525
  * @Date: 2019-11-24 18:51:58
  * @LastEditors: ly525
- * @LastEditTime: 2019-11-30 19:39:09
+ * @LastEditTime: 2019-12-08 16:15:35
  * @FilePath: /luban-h5/front-end/h5/src/locales/lang/zh-CN.js
  * @Github: https://github.com/ly525/luban-h5
  * @Description: Do not edit
@@ -104,6 +104,10 @@ export default {
       common: {
         empty: 'Select an element first please!'
       }
+    },
+    tip: {
+      componentUsage: '使用提示: {0} 组件即可',
+      click: '点击'
     }
   }
 }