添加更多菜单

docs/assets/css/style.css

@@ -12,6 +12,7 @@ body {
     font-size: 14px;
     margin: 0;
     padding: 0;
+    color: #ccc;
     background: rgb(16, 17, 19);
 }
 
@@ -48,11 +49,54 @@ img {
 }
 
 .header .menus {
+    display: flex;
+    align-items: center;
     flex: 1;
+    height: 100%;
 }
 
-.header .menus a {
-    margin-left: 30px;
+.header .menus .item {
+    display: flex;
+    align-items: center;
+    margin-left: 20px;
+    height: 100%;
+}
+
+.header .menus .ecosystem {
+    position: relative;
+    cursor: pointer;
+}
+
+.header .menus .ecosystem:hover .sub-menu{
+    display: block;
+}
+
+.header .menus .ecosystem .sub-menu {
+    display: none;
+    position: absolute;
+    z-index: 9;
+    top: 45px;
+    left: 0;
+    width: 200px;
+    padding: 0 10px;
+    background: #2b2b2b;
+}
+
+.header .menus .ecosystem .sub-menu ul {
+    padding: 0;
+    margin-bottom: 15px;
+}
+
+.header .menus .ecosystem .sub-menu li {
+    display: block;
+    list-style: none;
+    margin-bottom: 15px;
+}
+
+.header .menus .ecosystem .sub-menu li.title {
+    color: #fff;
+    font-size: 16px;
+    margin-bottom: 15px;
 }
 
 .header .run {

docs/assets/example/backlight.js

@@ -1,7 +1,7 @@
 var url = 'https://zhw2590582.github.io/assets-cdn';
 var art = new Artplayer({
     container: '.artplayer-app',
-    url: url + '/video/one-more-time-one-more-chance-480p.mp4',
+    url: url + '/video/ambilight.mp4',
     autoSize: true,
     moreVideoAttr: {
         crossOrigin: 'anonymous',