Explorar o código

更新 航次图片滚动条样式

wzg hai 1 ano
pai
achega
69b7838438
Modificáronse 1 ficheiros con 13 adicións e 1 borrados
  1. 13 1
      src/views/voyage/voyageDetail.vue

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

@@ -2736,7 +2736,7 @@ onMounted(() => {
 
 .medias-content {
   width: 100%;
-  height: 600px;
+  height: 640px;
   background: #f7f7f7;
   border-radius: 2px;
 }
@@ -2908,4 +2908,16 @@ 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>