|
@@ -1,6 +1,11 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="questionsAndAnswers">
|
|
<div class="questionsAndAnswers">
|
|
|
<div class="qaa_title">{{ work.answerQ }}</div>
|
|
<div class="qaa_title">{{ work.answerQ }}</div>
|
|
|
|
|
+ <div class="qaa_img" v-if="work.imageList && work.imageList.length > 0">
|
|
|
|
|
+ <div v-for="(item, index) in work.imageList" :key="index">
|
|
|
|
|
+ <img :src="item.url" alt="" @click="$hevueImgPreview(item.url)">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
<div class="qaa_type">{{ lang.ssPhoto }}</div>
|
|
<div class="qaa_type">{{ lang.ssPhoto }}</div>
|
|
|
<!-- 图片列表 -->
|
|
<!-- 图片列表 -->
|
|
|
<div class="imageList" v-if="work.fileList && work.fileList.length > 0">
|
|
<div class="imageList" v-if="work.fileList && work.fileList.length > 0">
|
|
@@ -145,6 +150,30 @@ export default {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+
|
|
|
|
|
+.qaa_img {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: auto;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
|
+ gap: 10px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.qaa_img>div {
|
|
|
|
|
+ max-width: 200px;
|
|
|
|
|
+ height: auto;
|
|
|
|
|
+ margin: 10px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.qaa_img>div>img {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: auto;
|
|
|
|
|
+ object-fit: cover;
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.qaa_type {
|
|
.qaa_type {
|
|
|
margin: 20px 0 40px 0;
|
|
margin: 20px 0 40px 0;
|
|
|
font-size: 1rem;
|
|
font-size: 1rem;
|