Ver Fonte

更新 航次图片滚动条样式

wzg há 1 ano atrás
pai
commit
fc93d6dc15
1 ficheiros alterados com 14 adições e 1 exclusões
  1. 14 1
      src/views/voyage/voyageDetail.vue

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

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