单选题

src/components/Adult/preview/Single.vue

@@ -30,7 +30,18 @@
                 style="margin-right: 0"
             >
                 <span v-if="item.number">{{item.number}}.</span>
-                <p :class="[/^[\u4e00-\u9fa5]/.test(item.con)?'hasCn':'',/^[a-zA-Z]/.test(item.con)?'hasEn':'',/^[(b|p|m|f|d|t|n|l|g|k|h|j|q|x|zh|ch|sh|r|z|c|s|y|w)(a|o|e|i|u|ao|iu|ei|ui|ou|iu|ie|an|en|un|ang|eng|ing|ong)/i]/.test(item.con)?'hasPinyin':'']">{{ item.con }}</p>
+                <p :class="[item.font=='py'?'hasPinyin':item.font=='en'?'hasEn':item.font=='cn'?'hasCn':'']">{{ item.con }}</p>
+                <div v-for="(itemss,indexss) in item.img_list" :key="indexss">
+                    <el-image
+                        :src="itemss.url"
+                        fit="scale-down"
+                        class="img_urls"
+                    >
+                        <div slot="placeholder" class="image-slot">
+                            <img src="../../../assets/common/icon-imgloading.png" />
+                        </div>
+                    </el-image>
+                </div>
             </el-radio>
             <!-- <template v-if="curQue.type == 'checkbox'">
             <el-checkbox v-model="single" :label="index">
@@ -141,10 +152,10 @@ ul {
             line-height: 24px;
         }
         p{
-            margin: 0;
+            margin: 0 0 0 8px;
             color: #000000;
             font-size: 16px;
-            line-height: 150%;
+            line-height: 24px;
         }
     }
     .hasCn{
@@ -175,6 +186,15 @@ ul {
         border-radius: 8px;
         margin-left: 24px;
     }
+    .img_urls{
+        margin-left: 5px;
+        width: 100%;
+        height: 221px;
+        background: #FFFFFF;
+        border: 1px solid rgba(0, 0, 0, 0.1);
+        box-sizing: border-box;
+        border-radius: 8px;
+    }
 }
 </style>
 <style lang="scss">