feat: 预览样式更改

- 订正预览样式内容
- 分页逻辑变更
- style lint

src/views/Design/components/Questions/MartrixQuestion.vue

@@ -6,7 +6,7 @@ const columnLabels = useTemplateRef<HTMLElement[]>('columnLabels');
 // 注意, element.options 里面的东西是数组，第一项内容是行标签内容，第二项内容是列标签内容
 // 类型 AI 生成 切勿盲目相信，以实际为准
 const props = defineProps<{
-  element: Any;
+  element: any;
   index: number;
   active: boolean;
 }>();
@@ -40,9 +40,7 @@ const emitValue = () => {
 
 <template>
   <van-field
-    v-model="element.stem"
-    :label="element.stem"
-    :required="element.config.is_required === 1"
+    v-model="element.stem" :label="element.stem" :required="element.config.is_required === 1"
     label-align="top"
   >
     <template #left-icon>
@@ -62,11 +60,7 @@ const emitValue = () => {
             <th></th>
             <!-- 第二行内容开始填充 -->
             <td v-for="col in element.options[1]" :key="col.option" ref="columnLabels">
-              <contenteditable
-                v-model="col.option"
-                :active="active"
-                @blur="emitValue"
-              ></contenteditable>
+              <contenteditable v-model="col.option" :active="active" @blur="emitValue"></contenteditable>
             </td>
 
             <th></th>
@@ -76,11 +70,7 @@ const emitValue = () => {
           <tr v-for="row in element.options[0]" :key="row.option">
             <!-- 编辑状态，单次点击出输入框，失焦后关闭 -->
             <td>
-              <contenteditable
-                v-model="row.option"
-                :active="active"
-                @blur="emitValue"
-              ></contenteditable>
+              <contenteditable v-model="row.option" :active="active" @blur="emitValue"></contenteditable>
             </td>
             <td v-for="col in element.options[1]" :key="col.option" class="td-input">
               <!-- 编辑状态，单次点击出输入框，失焦后关闭 -->
@@ -88,11 +78,8 @@ const emitValue = () => {
             </td>
 
             <td v-if="element.config.is_limit_right_content === 1">
-              <contenteditable
-                v-model="row.option_config.limit_right_content"
-                :active="active"
-                @blur="emitValue"
-              ></contenteditable>
+              <contenteditable v-model="row.option_config.limit_right_content" :active="active" @blur="emitValue">
+              </contenteditable>
             </td>
           </tr>
         </tbody>
@@ -150,7 +137,7 @@ input[type='radio'] {
     display: flex;
     justify-content: flex-end;
 
-    & > span {
+    &>span {
       margin-right: 6px;
       font-size: 16px;
     }