🎨 修改文档图片, 优化右侧面板底部填充,修改刻度线字体颜色和大小

readme.md

@@ -15,7 +15,7 @@
 
 ### ✨ [Demo](http://io.nainor.com/h5_plus/editor?tid=123456)
 
-<img src="http://io.nainor.com/uploads/demo_1748b27f0e4.png" alt="H5可视化编辑器" />
+<img src="http://io.nainor.com/uploads/face_17512320c6d.png" alt="H5可视化编辑器" />
 
 ## Author
 
@@ -49,9 +49,9 @@ Give a ⭐️ if this project helped you!
 ### 预览功能
 预览功能这块比较简单, 我们只需要将用户生成的json数据丢进H5渲染器中即可, 这里我们需要做一个渲染页面单独用来预览组件. 先来看看几个预览效果:
 
-<img src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/582e67cb0a874bee947efb05af622a55~tplv-k3u1fbpfcp-zoom-1.image" alt="h5-editor" width="375px" />
+<img src="http://io.nainor.com/uploads/ph_175122fb30a.png" alt="h5-editor" width="375px" />
 <br />
-<img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7c50d89f770f4ae5b4c5c4ec9f0052c1~tplv-k3u1fbpfcp-zoom-1.image" alt="h5-editor" width="375px" />
+<img src="http://io.nainor.com/uploads/line_1751234232e.png" alt="h5-editor" width="375px" />
 
 前面的渲染器原理已经介绍了, 这里就不一一介绍了,感兴趣的可以交流讨论.
 
@@ -139,6 +139,7 @@ yarn run start
 
 ## 赞助
 开源不易, 有了您的赞助, 我们会做的更好~
+
 <img src="http://io.nainor.com/uploads/WechatIMG2_1742b586c3d.jpeg" width="180px" />
 
 ## 技术反馈和交流

src/components/Calibration/index.less

@@ -5,6 +5,7 @@
   white-space: nowrap;
   pointer-events: none;
   :global(.calibrationNumber) {
-    font-size: 14px;
+    font-size: 12px;
+    color: #888;
   }
 }

src/pages/editor/index.less

@@ -215,7 +215,7 @@
     }
     .attrSetting {
       width: 400px;
-      padding: 20px 0 20px 20px;
+      padding: 20px 0 60px 20px;
       background: #fff;
       height: 100%;
       box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.1);