Quellcode durchsuchen

更新 航次图片滚动条样式

wzg vor 1 Jahr
Ursprung
Commit
af748b003a
1 geänderte Dateien mit 14 neuen und 1 gelöschten Zeilen
  1. 14 1
      src/views/voyage/voyageDetail.vue

+ 14 - 1
src/views/voyage/voyageDetail.vue

@@ -2018,7 +2018,7 @@ onMounted(() => {
 
 .medias-content {
   width: 100%;
-  height: 600px;
+  height: 640px;
   background: #f7f7f7;
   border-radius: 2px;
 }
@@ -2176,4 +2176,17 @@ onMounted(() => {
 .ml50 {
   margin-left: 140px;
 }
+
+.medias-content ::-webkit-scrollbar {
+  height: 20px; /* 设置滚动条的高度 */
+}
+
+.medias-content ::-webkit-scrollbar-track {
+  background-color: #f1f1f1; /* 设置滚动条的背景颜色 */
+}
+
+.medias-content ::-webkit-scrollbar-thumb {
+  background-color: #0094feb6; /* 设置滚动条的颜色 */
+  border-radius: 10px;
+}
 </style>