Browse Source

no message

xiaoxin 2 years ago
parent
commit
3de5e83e45
3 changed files with 29 additions and 0 deletions
  1. 15 0
      src/assets/main.css
  2. 13 0
      src/components/school/schoolRight.vue
  3. 1 0
      src/views/more.vue

+ 15 - 0
src/assets/main.css

@@ -5,6 +5,21 @@
     text-decoration: none;
 }
 
+/* 滚动条外观设置 */
+::-webkit-scrollbar {
+  width: 10px;
+}
+
+::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.3);
+  border-radius: 10px;
+}
+
 
 @keyframes float {
     50%{

+ 13 - 0
src/components/school/schoolRight.vue

@@ -84,6 +84,8 @@
             muted
             autoplay
             class="box_video"
+            disablePictureInPicture
+            controlsList="nodownload  noplaybackrate"
           ></video>
           <div class="box_name">{{ item.title }}</div>
         </div>
@@ -855,10 +857,21 @@ const getCountUpNum = () => {
           height: 134px;
         }
 
+        // 隐藏进度条
         video::-webkit-media-controls-timeline {
           display: none !important;
         }
 
+        // 隐藏播放按钮
+        video::-webkit-media-controls-play-button {
+          display: none !important;
+        }
+
+        // 隐藏当前播放的时间点
+        video::-webkit-media-controls-current-time-display {
+          display: none !important;
+        }
+
         .box_name {
           position: absolute;
           top: 0;

+ 1 - 0
src/views/more.vue

@@ -156,6 +156,7 @@ const handleClose = () => {
     .content_left {
       width: 200px;
       height: 100%;
+      overflow-y: auto;
 
       .left_tree {
         display: flex;