From c5026f071fd196445795eb4ef46d140bc6c6c6e8 Mon Sep 17 00:00:00 2001
From: A-Circle Zhang <cctvyay@163.com>
Date: Sun, 19 Aug 2018 18:28:49 +0800
Subject: [PATCH] Update controller.scss

---
 src/css/controller.scss | 46 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 45 insertions(+), 1 deletion(-)

diff --git a/src/css/controller.scss b/src/css/controller.scss
index 1d4a86e..e1c9035 100644
--- a/src/css/controller.scss
+++ b/src/css/controller.scss
@@ -35,6 +35,50 @@
             .dplayer-bar .dplayer-played .dplayer-thumb {
                 transform: scale(1);
             }
+            .dplayer-highlight {
+                display: block;
+                width: 8px;
+                transform: translateX(-4px);
+                top: 30%;
+                height: 40%;
+            }
+        }
+        .dplayer-highlight {
+            width: 9px;
+            z-index: 12;
+            position: absolute;
+            top: 40%;
+            width: 6px;
+            height: 20%;
+            border-radius: 6px;
+            background-color: #fff;
+            text-align: center;
+            transform: translateX(-3px);
+            transition: all .2s ease-in-out;
+            &:hover {
+                .dplayer-highlight-text {
+                    display: block;
+                }
+                &~.dplayer-bar-preview {
+                    opacity: 0;
+                },
+                &~.dplayer-bar-time {
+                    opacity: 0;
+                }
+            }
+            .dplayer-highlight-text {
+                display: none;
+                position: absolute;
+                left: 50%;
+                top: -24px;
+                padding: 5px 8px;
+                background-color: rgba(0, 0, 0, .62);
+                color: #fff;
+                border-radius: 4px;
+                font-size: 12px;
+                white-space: nowrap;
+                transform: translateX(-50%);
+            }
         }
         .dplayer-bar-preview {
             position: absolute;
@@ -609,4 +653,4 @@
             }
         }
     }
-}
\ No newline at end of file
+}