细节

src/components/Adult/preview/NewWordShow.vue

@@ -3,7 +3,7 @@
   <div class="Big-Book-prev-Textdes NewWordShow" v-if="curQue">
     <h2 v-if="curQue.title">{{ curQue.title }}</h2>
     <div class="item-box">
-      <div class="item" v-for="(item, index) in curQue.option" :key="index">
+      <div class="item" v-for="(item, index) in curQue.option" :key="index" :style="{width:(curQue.numberList?100/curQue.numberList.con+'%' : auto)}">
         <p v-if="item.pinyin||item.en ">
           <span>{{ item.pinyin }}</span>
           <span>{{ item.en }}</span>
@@ -164,7 +164,7 @@ export default {
     border-radius: 8px;
     align-items: flex-end;
     .item {
-      margin: 9px 20px;
+      padding: 9px 20px;
       box-sizing: border-box;
       // width: 66px;
       cursor: pointer;

src/components/Adult/preview/RecordModule.vue

@@ -61,7 +61,7 @@ export default {
     width: 100%;
     .luyin-box{
         padding:0 12px;
-        // border: 1px solid rgba(0, 0, 0, 0.1);
+        border: 1px solid rgba(0, 0, 0, 0.1);
         border-radius: 8px;
         padding:0 12px;
     }
@@ -70,7 +70,7 @@ export default {
         padding: initial;
     }
     .record_control_normal{
-        width:128px;
+        width:129px;
     }
     .record_control_pro{
         width:200px;

src/components/Adult/preview/TableView.vue

@@ -8,7 +8,7 @@
             <th
               v-for="(item, headIndex) in curQue.headerList"
               :key="'header' + headIndex"
-              :style="{ width: curQue.colWidthList[headIndex].width + '%' }"
+              :style="{ width: curQue.colWidthList[headIndex].width + '%',textAlign:(curQue.align?curQue.align:'center') }"
             >
               {{ item.con }}
             </th>
@@ -18,7 +18,7 @@
           <td
             v-for="(col, colIndex) in row"
             :key="'col' + colIndex"
-            :style="{ width: curQue.colWidthList[colIndex].width + '%' }"
+            :style="{ width: curQue.colWidthList[colIndex].width + '%',textAlign:(curQue.align?curQue.align:'center') }"
           >
             <template v-if="!col.isNumll">
               {{ col.con }}
@@ -32,7 +32,7 @@
       </table>
     </div>
     <!-- 提示语 -->
-    <div class="hint">
+    <div class="hint" v-if="curQue.hintOtion.length>0&&curQue.hintOtion[0].con">
       <p>{{ curQue.hintTitle }}</p>
       <div>
         <div v-for="(item, i) in curQue.hintOtion" :key="'hint' + i">
@@ -103,6 +103,7 @@ export default {
 /* @import url(); 引入css类 */
 .TableView {
   width: 100%;
+  margin-bottom: 16px;
   .hint {
     p {
       font-family: "robot";
@@ -172,6 +173,7 @@ export default {
           height: 40px;
           font-size: 16px;
           color: #000000;
+          padding: 8px;
         }
         td {
           background: #ffffff;
@@ -181,6 +183,7 @@ export default {
           text-align: center;
           color: #000000;
           font-size: 16px;
+          padding: 6px 16px;
           input {
             outline: none;
             border: none;
@@ -189,7 +192,7 @@ export default {
             height: 100%;
           }
           .input{
-            width: 90%;
+            width: 100%;
             min-height:24px;
             margin: 0 auto;
             font-size: 16px;

src/views/courseView.vue

@@ -172,12 +172,17 @@ export default {
       overflow: auto;
       padding: 20px 0px;
       border-right: 1px solid #d9d9d9;
+      position: fixed;
+      top: 0px;
+      left:0;
+      padding-top: 64px;
     }
     .inner {
       // border-left: 1px solid #d9d9d9;
       width: 1000px;
       flex: 1;
       margin: 0 auto;
+      margin-left: 340px;
       box-sizing: border-box;
       padding: 20px;
       position: relative;