1.修改header和编辑居中

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

 .action-pane-data{
+  position: absolute;
+  bottom: 5%;
+  left: 50%;
+  transform: translateX(-50%);
 
-    position: absolute;
-    left: 45% !important;
-    top: 90% !important;
-
-    .action-list{
+    .action-list {
         height: 40px;
         padding: 0 1rem;
         border-radius: 6px;
@@ -49,4 +49,4 @@
             background: linear-gradient(180deg,rgba(0,96,154,0.8) 0%,rgba(0,54,105,0.5) 100%);
         }
     }
-}
\ No newline at end of file
+}

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;
         }
@@ -17,7 +18,7 @@
             text-align: center;
             color: #fff;
             vertical-align: top;
-            
+
             .titleText {
                 width: 100%;
                 height: 100%;
@@ -37,7 +38,8 @@
     .bottomBox {
         position: absolute;
         bottom: 34px;
-        left: 40%;
+        left: 50%;
+        transform: translateX(-50%);
         span {
             display: inline-block;
             width: 177px;
@@ -198,10 +200,10 @@
             }
         }
     }
-    
+
     .editButton {
         position: absolute;
         bottom: 100px;
         left: 50%;
     }
-}
\ No newline at end of file
+}

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 => {