mobile . themes

templates/exam_print.html

@@ -25,6 +25,8 @@
         .footer { text-align: center; margin-top: 30px; font-size: 12px; color: #666; border-top: 1px solid #ccc; padding-top: 10px; }
         .print-btn { position: fixed; top: 20px; right: 20px; padding: 10px 24px; background: #3b82f6; color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; z-index: 100; }
         .print-btn:hover { background: #2563eb; }
+        .q-images { margin: 8px 0 4px 25px; }
+        .q-images img { max-height: 200px; max-width: 100%; border: 1px solid #ccc; margin: 4px 4px 4px 0; }
     </style>
     <!-- KaTeX 数学公式渲染 -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css">
@@ -66,6 +68,13 @@
     <div class="question">
         <span class="q-num">{{ loop.index }}.</span> {{ q.content }}
         <span class="q-score">（{{ q.score }}分）</span>
+        {% if q.get('images') %}
+        <div class="q-images">
+            {% for img in q.images %}
+            <img src="{{ img }}" alt="题目图片">
+            {% endfor %}
+        </div>
+        {% endif %}
         {% if q.options %}
         <div class="options">
             {% for opt in q.options %}
@@ -83,6 +92,13 @@
     <div class="question">
         <span class="q-num">{{ loop.index }}.</span> {{ q.content }}
         <span class="q-score">（{{ q.score }}分）</span>
+        {% if q.get('images') %}
+        <div class="q-images">
+            {% for img in q.images %}
+            <img src="{{ img }}" alt="题目图片">
+            {% endfor %}
+        </div>
+        {% endif %}
         <div class="answer-area">
             <div class="answer-line"></div>
         </div>
@@ -96,6 +112,13 @@
     <div class="question">
         <span class="q-num">{{ loop.index }}.</span> {{ q.content }}
         <span class="q-score">（{{ q.score }}分）</span>
+        {% if q.get('images') %}
+        <div class="q-images">
+            {% for img in q.images %}
+            <img src="{{ img }}" alt="题目图片">
+            {% endfor %}
+        </div>
+        {% endif %}
         <div class="answer-area">
             {% for i in range(8) %}
             <div class="answer-line"></div>