图片模板

src/components/Adult/Preview.vue

@@ -32,8 +32,8 @@
                 <template v-if="itemss.type == 'ligature'">
                   <Ligature :curQue="itemss.que" />
                 </template>
-                <template v-if="itemss.type == 'image_chs'">
-                  <Picture :curQue="itemss.data" />
+                <template v-if="itemss.data.type == 'image'">
+                  <Picture :curQue="itemss.data" :ChildType='itemss.type' />
                 </template>
                 <template v-if="itemss.type == 'record_chs'">
                   <Record :curQue="itemss.data" />

src/components/Adult/preview/Picture.vue

@@ -14,40 +14,42 @@
                         </div>
                     </el-image>
                 </div>
-                <template v-if="curQue.ChildType!='image_gdcy'">
+                
+                <template v-if="ChildType!='image_gdcy'&&(!items.hanziSite||items.hanziSite=='bottom')">
+                    <span v-if="items.pinyin" class="pinyin">{{items.pinyin}}</span>
                     <p v-if="items.hanzi">{{items.hanzi}}</p>
                 </template>
-                <template v-if="curQue.ChildType=='image_input'||curQue.ChildType=='image_input_three'||curQue.ChildType=='image_wordInput'">
+                <template v-if="ChildType=='image_input'||ChildType=='image_input_three'||ChildType=='image_wordInput'">
                     <input class="singleInput" v-model="userAnswer.input" placeholder="输入" @blur="handleInput('input')">
                 </template>
                 <!-- <input class="singleInput" placeholder="输入" @blur="handleInput(index,indexs)" v-if="fn_list_obj[index]&&fn_list_obj[index].indexOf('input')>-1"> -->
                 <!-- 补齐输入 -->
-                <template v-if="curQue.ChildType=='image_gdcy'">
+                <template v-if="ChildType=='image_gdcy'">
                     <div class="fill-box">
                         <b v-if="items.hanzi">{{items.hanzi}}</b>
                         <input v-model="userAnswer.input" placeholder="输入" @blur="handleInput('input')">
                     </div>
                 </template>
                 <!-- 双输入 -->
-                <template v-if="curQue.ChildType=='image_dobleinput'">
+                <template v-if="ChildType=='image_dobleinput'">
                     <div class="DoubleInput-box">
                         <input placeholder="输入" @blur="handleInput('dInput',0)" v-model="userAnswer.dInput[0]">
                         <input placeholder="输入" @blur="handleInput('dInput',1)" v-model="userAnswer.dInput[1]">
                     </div>
                 </template>
                 <!-- 判断 -->
-                <template v-if="curQue.ChildType=='image_judge'">
+                <template v-if="ChildType=='image_judge'">
                     <div class="judge-box">
                         <a :class="['right-btn',userAnswer.judge=='right'?'active':'']" @click="handleSelectJudge('right')"></a>
                         <a :class="['error-btn',userAnswer.judge=='error'?'active':'']" @click="handleSelectJudge('error')"></a>
                     </div>
                 </template>
                 <!-- 单选 -->
-                <template v-if="curQue.ChildType=='image_single'">
+                <template v-if="ChildType=='image_single'">
                     <el-radio v-model="userAnswer.singleRadio" label="1"><span></span></el-radio>
                 </template>
                 <!-- 复选 -->
-                <template v-if="curQue.ChildType=='image_checkBox'">
+                <template v-if="ChildType=='image_checkBox'">
                     <el-checkbox v-model="userAnswer.singlechecked"><span></span></el-checkbox>
                 </template>
                 <!-- 三件套 -->
@@ -69,7 +71,7 @@ import Soundrecord from "../preview/Soundrecord.vue"; // 录音模板
 import Recorder from "js-audio-recorder"; //录音插件
 export default {
   components: { Soundrecord, },
-  props: ["curQue",],
+  props: ["curQue","ChildType"],
   data() {
     return {
       fn_list_obj: '',
@@ -231,6 +233,13 @@ export default {
             border-radius: 8px;
             border: 1px solid rgba(0, 0, 0, 0.1);
             background: #fff;
+            >span.pinyin{
+                display: block;
+                text-align: center;
+                font-family: 'GB-PINYINOK-B';
+                font-size: 14px;
+                line-height: 1.3;
+            }
             >p{
                 color: #000000;
                 font-size: 16px;
@@ -240,6 +249,7 @@ export default {
                 width: 100%;
                 margin-top: 8px;
                 padding: 4px 8px;
+                font-family: 'FZJCGFKTK';
             }
             input{
                 flex: 1;