Просмотр исходного кода

style: 清理多余空行并调整问答页图片样式

调整了questionsAndAnswers组件的图片容器和图片样式,统一设置固定高度以优化展示效果,同时删除多余的空行优化代码整洁度
SanHQin 10 часов назад
Родитель
Сommit
591f1c911d
1 измененных файлов с 6 добавлено и 5 удалено
  1. 6 5
      src/components/pages/workPage/components/questionsAndAnswers.vue

+ 6 - 5
src/components/pages/workPage/components/questionsAndAnswers.vue

@@ -140,7 +140,7 @@ export default {
           "languageOptions"
         ).selectedIndex = 2;
       }
-      
+
       iframe.contentWindow.window.onRecognizedResult = e => {
         console.log("onRecognizedResult", e)
         let privText = e.privText;
@@ -274,17 +274,18 @@ export default {
   justify-content: center;
   flex-wrap: wrap;
   gap: 10px;
+
 }
 
 .qaa_img>div {
-  max-width: 200px;
-  height: auto;
+  width: auto;
+  height: 300px;
   margin: 10px;
 }
 
 .qaa_img>div>img {
-  width: 100%;
-  height: auto;
+  width: auto;
+  height: 100%;
   object-fit: cover;
   cursor: pointer;
 }