修改

public/roll-call/css/index.css

@@ -65,13 +65,13 @@ a {
   right: 100px;
   text-align: center;
 }
-#menu > div {
+#menu  div {
   display: inline-block;
 }
 #menu.menuRight{
-  display: flex;
+  /* display: flex; */
   /* right: 100px; */
-  flex-direction: row-reverse;
+  /* flex-direction: row-reverse; */
   text-align: right;
 }
 #menu.menuLeft{

public/roll-call/index.html

@@ -31,10 +31,18 @@
       <div class="pageTitle"></div>
       <div v-if="platform!=='modal'"  class="iconBack" @click.stop="onBack()"></div>
       <div id="menu" :class="[platform==='modal'?(imagePos==='right'?'menuRight':'menuLeft'):'']">
-        <div id="table" :class="tableIndex <= 1 ? 'disabled' : ''" v-show="!animationStatus"
+        <div v-if="platform==='modal' && imagePos==='right'" key="btns">
+          <div id="table" :class="tableIndex <= 1 ? 'disabled' : ''" v-show="!animationStatus"
           @click.stop="start()"></div>
-        <div id="sphere" v-show="animationStatus" @click.stop="closes()"></div>
-        <div v-if="platform==='modal'" id="backBtn" @click.stop="onBack()"></div>
+          <div id="sphere" v-show="animationStatus" @click.stop="closes()"></div>
+          <div v-if="platform==='modal'" id="backBtn" @click.stop="onBack()"></div>
+        </div>
+        <div v-else key="btns">
+          <div id="table" :class="tableIndex <= 1 ? 'disabled' : ''" v-show="!animationStatus"
+          @click.stop="start()"></div>
+          <div id="sphere" v-show="animationStatus" @click.stop="closes()"></div>
+          <div v-if="platform==='modal'" id="backBtn" @click.stop="onBack()"></div>
+        </div>
       </div>
     </div>
   </div>