Browse Source

表格左右对齐按钮不高亮问题 及预览表格p标签宽度

liuhaidi123 1 week ago
parent
commit
3675ef2991

+ 2 - 2
src/views/book/courseware/create/components/question/table/Table.vue

@@ -49,13 +49,13 @@
           >
             <SvgIcon icon-class="strikethrough" size="20" />
           </span>
-          <span :class="[data.styles.textAlign === 'start' ? 'active' : '']" @click="data.styles.textAlign = 'left'">
+          <span :class="[data.styles.textAlign === 'start' ? 'active' : '']" @click="data.styles.textAlign = 'start'">
             <SvgIcon icon-class="align-left" size="20" />
           </span>
           <span :class="[data.styles.textAlign === 'center' ? 'active' : '']" @click="data.styles.textAlign = 'center'">
             <SvgIcon icon-class="align-center" size="20" />
           </span>
-          <span :class="[data.styles.textAlign === 'end' ? 'active' : '']" @click="data.styles.textAlign = 'right'">
+          <span :class="[data.styles.textAlign === 'end' ? 'active' : '']" @click="data.styles.textAlign = 'end'">
             <SvgIcon icon-class="align-right" size="20" />
           </span>
         </div>

+ 1 - 1
src/views/book/courseware/preview/components/table/TablePreview.vue

@@ -449,7 +449,7 @@ $border-color: #e6e6e6;
       align-items: end;
 
       p {
-        width: 100%;
+        max-width: 100%;
         margin: 0;
       }