update

src/view/student/trainChapter/trainTheory.vue

@@ -8,6 +8,13 @@
 
         <div class="content">
 
+            <div class="contentLeft commonsScrollbarNew" >
+                <img class="demoImg" src="../../../assets/student/test/left.webp" />
+            </div>
+            <div class="contentRight commonsScrollbarNew" >
+                <img class="demoImg" src="../../../assets/student/test/right.webp" />
+            </div>
+
         </div>
         
     </div>
@@ -30,6 +37,7 @@ onMounted(() => {
 
 </script>
 <style lang="scss" scoped>
+@use "./css/commonsScrollbarNew.scss";
 
 .trainTheory {
     position: fixed;
@@ -51,7 +59,29 @@ onMounted(() => {
         left: 19.85rem;
         right: 19.85rem;
         bottom: 0px;
-        background-color: red;
+        
+        .contentLeft, .contentRight {
+
+            position: absolute;
+            top: 0px;
+            bottom: 0px;
+
+            .demoImg {
+                width: 100%;
+            }
+
+        }
+        
+        .contentLeft {
+            left: 0px;
+            width: 66%;
+        }
+
+        .contentRight {
+            right: 0px;
+            width: 31%;
+        }
+
     }
     
 }