docs(quick-start): add FAQ

ly525
1 parent 9fc31653
Showing 7 changed files with 35 additions and 6 deletions
docs/en/getting-started/quick-start.md
docs/zh/getting-started/quick-start.md
front-end/h5/src/components/common/feedback/index.js
front-end/h5/src/components/common/feedback/index.scss
front-end/h5/src/components/core/editor/index.js
front-end/h5/src/locales/lang/en-US.js
front-end/h5/src/locales/lang/zh-CN.js
@@ -6,6 +6,7 @@ npm run dev # dev back-end or docs
 yarn serve # dev front-end
 ```
+
 # Overview
 ## Basic Concepts
@@ -16,6 +17,14 @@ yarn serve # dev front-end
 ## Build With(current version)
 Vue.js: Front-end framework<br />Strapi.js: Open source Node.js Headless CMS to easily build customisable APIs<br />Sqlite: Database
+## Cases you may meet in local development
+
+> suitable for whose who are a little careless, who have only read half of the documents
+
+1. API `403 Forbidden`, the solution: [# _2-Caution] (#_ 2-Caution)
+
+2. The `preview page shows blank` in the dialog, the solution : [2. Rendering engine required for building preview] (# _2-Rendering engine required for building preview)
+
 # Setup
 # 快速开始
 > 重要：关于此部分有疑惑，请在下面直接评论，或者到社区讨论
-> 欢迎大家到[鲁班H5-社区](https://support.qq.com/products/93432/) 交流，在这里可以提问、反馈意见和建议，与作者直接互动
+> 欢迎大家到[鲁班H5-社区](https://support.qq.com/products/93432/) 交流，在这里可以提问、反馈意见和建议，与作者直接交流
+
+# 常见问题
+> 这部分一般是按照下面的教程运行之后，仍然可能、也许会遇到的问题
+
+> 比较适合些许粗心、些许文档只看了一半、比较着急的同学
+
+1. 接口 `403 Forbidden`，解决方案看这里：[#_2-注意事项](#_2-注意事项)
+
+2. 弹框中的 `预览页面显示空白`，解决方案看这里：[2. 构建预览所需的渲染引擎](#_2-构建预览所需的渲染引擎)
+
 # 视频教程
 <iframe src="//player.bilibili.com/player.html?aid=76827615&cid=131403430&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="600"> </iframe>
@@ -8,7 +8,7 @@ export default {
             <div class="logo"></div>
           </div>
           <div class="tips-wrap fade-in">
-            <div class="tips"><span>意见反馈</span>
+            <div class="tips"><span>社区/论坛/说点啥</span>
             </div>
           </div>
         </div>
@@ -14,6 +14,7 @@
     .logo {
       width: 32px;
       height: 28px;
+      margin: auto;
       background: url(data:image/jpeg;base64,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) no-repeat 0;
       background-size: cover;
     }
@@ -91,6 +91,13 @@ const fixedTools = [
     'text': '缩小画布',
     'icon': 'minus',
     'action': function () { this.scaleRate -= 0.25 }
+  },
+  {
+    i18nTooltip: 'editor.fixedTool.issues',
+    'tooltip': 'issues',
+    'text': '常见问题',
+    'icon': 'question',
+    'action': function () { window.open('https://github.com/ly525/luban-h5/issues/110') }
   }
 ]
@@ -318,10 +325,10 @@ export default {
                     <a-button block class="transparent-bg" type="link" size="small" style={{ height: '40px', color: '#000' }} onClick={() => tool.action && tool.action.call(this) } disabled={!!tool.disabled}>
                       { tool.icon ? <i class={['shortcut-icon', 'fa', `fa-${tool.icon}`]} aria-hidden='true'/> : tool.text }
                     </a-button>
+                    { tool.icon === 'minus' && <div style={{ fontSize: '12px', textAlign: 'center' }}>{this.scaleRate * 100}%</div> }
                   </a-tooltip>
                 ))
               }
-              <div style={{ fontSize: '12px', textAlign: 'center' }}>{this.scaleRate * 100}%</div>
             </a-button-group>
           </a-layout-sider>
           <a-layout-sider width="300" theme='light' style={{ background: '#fff', padding: '0 12px' }}>
@@ -70,7 +70,8 @@ export default {
       copyCurrentPage: 'CopyCurrentPage',
       importPSD: 'Import PSD',
       zoomIn: 'Zoom In',
-      zoomOut: 'Zoom Out'
+      zoomOut: 'Zoom Out',
+      issues: 'Issues'
     },
     editPanel: {
       tab: {
@@ -2,7 +2,7 @@
  * @Author: ly525
  * @Date: 2019-11-24 18:51:58
  * @LastEditors: ly525
- * @LastEditTime: 2019-11-25 22:06:54
+ * @LastEditTime: 2019-11-30 00:31:54
  * @FilePath: /luban-h5/front-end/h5/src/locales/lang/zh-CN.js
  * @Github: https://github.com/ly525/luban-h5
  * @Description: Do not edit
@@ -79,7 +79,8 @@ export default {
       copyCurrentPage: '复制当前页面',
       importPSD: '导入PSD',
       zoomIn: '缩小',
-      zoomOut: '放大'
+      zoomOut: '放大',
+      issues: '常见问题'
     },
     editPanel: {
       tab: {