滚动条样式

src/views/exercise_questions/preview/TalkPictruePreview.vue

@@ -128,6 +128,7 @@ export default {
     display: flex;
     column-gap: 8px;
     width: 100%;
+    padding-bottom: 24px;
     overflow: auto;
 
     .img-box {
@@ -205,4 +206,21 @@ export default {
     }
   }
 }
+
+/* 横向滚动条 */
+::-webkit-scrollbar {
+  height: 5px;
+  background-color: #f5f5f5;
+}
+
+/* 横向滚动条滑块 */
+::-webkit-scrollbar-thumb {
+  background-color: #ccc;
+  border-radius: 2px;
+}
+
+/* 鼠标悬停在滚动条上的滑块 */
+::-webkit-scrollbar-thumb:hover {
+  background-color: #555;
+}
 </style>

src/views/exercise_questions/preview/WritePictruePreview.vue

@@ -158,6 +158,7 @@ export default {
     display: flex;
     column-gap: 8px;
     width: 100%;
+    padding-bottom: 24px;
     overflow: auto;
 
     .img-box {
@@ -236,4 +237,21 @@ export default {
     background-color: #f2f3f5;
   }
 }
+
+/* 横向滚动条 */
+::-webkit-scrollbar {
+  height: 5px;
+  background-color: #f5f5f5;
+}
+
+/* 横向滚动条滑块 */
+::-webkit-scrollbar-thumb {
+  background-color: #ccc;
+  border-radius: 2px;
+}
+
+/* 鼠标悬停在滚动条上的滑块 */
+::-webkit-scrollbar-thumb:hover {
+  background-color: #555;
+}
 </style>