字词卡片添加字词显示隐藏配置 没有例句等内容时居中

src/views/wordcard/cread.vue

@@ -176,6 +176,7 @@ export default {
           pinyin: '',
           audio_file: '',
           cixing: '',
+          hideHanzi: false,
         },
       });
     },

src/views/wordcard/printNew.vue

@@ -35,11 +35,21 @@
               fit="contain"
             />
           </div>
-          <h2 :class="['con-preview', data.left.fileList.length === 0 ? 'con-preview-big' : '']" v-if="data.left.con">
+          <h2
+            :class="['con-preview', data.left.fileList.length === 0 ? 'con-preview-big' : '']"
+            v-if="data.left.con && !data.right.hideHanzi"
+          >
             {{ data.left.con }}
           </h2>
         </div>
-        <div class="right right-preview left-preview" :style="{ borderColor: data.borderColor }">
+        <div
+          class="right right-preview left-preview"
+          :style="{
+            borderColor: data.borderColor,
+            display: data.right.collocation || data.right.exampleSent || data.right.definition ? 'block' : 'flex',
+            justifyContent: data.right.collocation || data.right.exampleSent || data.right.definition ? '' : 'center',
+          }"
+        >
           <div
             :style="{
               display: 'flex',
@@ -111,6 +121,7 @@
                   ? '16px auto 0 auto'
                   : '',
             }"
+            v-if="data.right.collocation || data.right.exampleSent || data.right.definition || data.right.cixing"
           >
             <template v-if="!(data.right.collocation || data.right.exampleSent) || data.left.con.length >= 4">
               <div v-if="data.right.cixing">

src/views/wordcard/writeTableNew.vue

@@ -40,6 +40,11 @@
               <label>词性</label>
               <el-input v-model="data.right.cixing" placeholder="输入"></el-input>
             </div>
+            <div class="item-con">
+              <label>字词</label>
+              <el-radio v-model="data.right.hideHanzi" :label="true">隐藏</el-radio>
+              <el-radio v-model="data.right.hideHanzi" :label="false">显示</el-radio>
+            </div>
           </div>
 
           <a class="del-btn" @click="handleDelItem"><i class="el-icon-delete"></i></a>
@@ -99,7 +104,10 @@
               fit="contain"
             />
           </div>
-          <h2 :class="['con-preview', data.left.fileList.length === 0 ? 'con-preview-big' : '']" v-if="data.left.con">
+          <h2
+            :class="['con-preview', data.left.fileList.length === 0 ? 'con-preview-big' : '']"
+            v-if="data.left.con && !data.right.hideHanzi"
+          >
             {{ data.left.con }}
           </h2>
           <a class="overturn-btn" v-if="isPreview" @click="changeShowLeft"><i class="el-icon-refresh"></i></a>
@@ -108,7 +116,11 @@
           class="right right-preview left-preview"
           :class="[isPreview ? 'right-preview-rota' : '']"
           v-if="(isPreview && !showLeft) || !isPreview"
-          :style="{ borderColor: data.borderColor }"
+          :style="{
+            borderColor: data.borderColor,
+            display: data.right.collocation || data.right.exampleSent || data.right.definition ? 'block' : 'flex',
+            justifyContent: data.right.collocation || data.right.exampleSent || data.right.definition ? '' : 'center',
+          }"
         >
           <div class="header-info-preview">
             <h5 :style="{ textAlign: data.fontAlign }">{{ data.headerCon }}</h5>
@@ -186,6 +198,7 @@
                   ? '16px auto 0 auto'
                   : '',
             }"
+            v-if="data.right.collocation || data.right.exampleSent || data.right.definition || data.right.cixing"
           >
             <template v-if="!(data.right.collocation || data.right.exampleSent) || data.left.con.length >= 4">
               <div v-if="data.right.cixing">