1.修改header和编辑居中

mods/components/3dviewConvertor/styles/actionbar.scss

 .action-pane-data{
-
   position: absolute;
-    left: 45% !important;
-    top: 90% !important;
+  bottom: 5%;
+  left: 50%;
+  transform: translateX(-50%);
 
-    .action-list{
+    .action-list {
         height: 40px;
         padding: 0 1rem;
         border-radius: 6px;

mods/components/3dviewConvertor/styles/moduleEdit.scss

@@ -4,7 +4,8 @@
     .topBox {
         position: absolute;
         top: 34px;
-        left: 40%;
+        left: 50%;
+        transform: translateX(-50%);
         span {
             display: inline-block;
         }
@@ -37,7 +38,8 @@
     .bottomBox {
         position: absolute;
         bottom: 34px;
-        left: 40%;
+        left: 50%;
+        transform: translateX(-50%);
         span {
             display: inline-block;
             width: 177px;

mods/components/3dviewConvertor/view/actionbar/index.js

@@ -27,7 +27,7 @@ class ActionBar extends Component {
   render() {
     const { animationProps, activeAction = 'panoramic' } = this.props;
     return (
-      <SidePane className="action-pane-data" {...animationProps}>
+      <SidePane className="action-pane-data" left={false} top={false} {...animationProps}>
         <div className="action-list">
           {
             actionBars.map( a => {