fix chrome 58 样式兼容性

src/components/SplitPane.vue

@@ -26,6 +26,12 @@ function dragMove(e: MouseEvent) {
       : container.offsetWidth;
     const dp = position - startPosition;
     state.split = startSplit + ~~((dp / totalSize) * 100);
+    // console.log({
+    //   isVertical,
+    //   totalSize,
+    //   dp,
+    //   split: state.split,
+    // });
   }
 }
 
@@ -65,7 +71,8 @@ function dragEnd() {
 <style scoped>
 .split-pane {
   display: flex;
-  height: 100%;
+  /* 为了chrome58更改，上层需要是flex，这里的高度才能保证是100%的父容器高度 */
+  /* height: 100%; */
   position: relative;
 }
 .split-pane.dragging {

src/features/OnlineExam/Examing/QuestionView.vue

@@ -127,7 +127,10 @@ function toggleSign() {
       />
       <question-index />
     </div>
-    <div v-if="store.exam.currentQuestion.parentBody" class="tw-flex-grow">
+    <div
+      v-if="store.exam.currentQuestion.parentBody"
+      class="tw-flex-grow tw-flex"
+    >
       <SplitPane layout="vertical">
         <template #left>
           <div class="question-view parent-question tw-h-full">