add Donate links

This commit is contained in:
zhw2590582 committed 2019-08-24 09:22:35 +08:00
1 parent db8df6015d
commit 82c6c59875
2 files changed
+33 -22

No files matched your search

+6 -6
View File
@@ -62,16 +62,16 @@ img {
height: 100%; height: 100%;
} }
.header .menus .ecosystem { .header .menus .has-sub-menu {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
} }
.header .menus .ecosystem:hover .sub-menu{ .header .menus .has-sub-menu:hover .sub-menu{
display: block; display: block;
} }
.header .menus .ecosystem .sub-menu { .header .menus .has-sub-menu .sub-menu {
display: none; display: none;
position: absolute; position: absolute;
z-index: 9; z-index: 9;
@@ -82,18 +82,18 @@ img {
background: #2b2b2b; background: #2b2b2b;
} }
.header .menus .ecosystem .sub-menu ul { .header .menus .has-sub-menu .sub-menu ul {
padding: 0; padding: 0;
margin-bottom: 15px; margin-bottom: 15px;
} }
.header .menus .ecosystem .sub-menu li { .header .menus .has-sub-menu .sub-menu li {
display: block; display: block;
list-style: none; list-style: none;
margin-bottom: 15px; margin-bottom: 15px;
} }
.header .menus .ecosystem .sub-menu li.title { .header .menus .has-sub-menu .sub-menu li.title {
color: #fff; color: #fff;
font-size: 16px; font-size: 16px;
margin-bottom: 15px; margin-bottom: 15px;
+27 -16
View File
@@ -23,41 +23,34 @@
<header class="header"> <header class="header">
<a href="./" class="logo">Artplayer.js</a> <a href="./" class="logo">Artplayer.js</a>
<div class="menus"> <div class="menus">
<div class="item ecosystem"> <div class="item has-sub-menu">
Ecosystem Ecosystem
<div class="sub-menu"> <div class="sub-menu">
<ul> <ul>
<li class="title">Plugins</li> <li class="title">Plugins</li>
<li> <li>
<a <a href="./?libs=.%2Funcompiled%2Fartplayer-plugin-gif.js&example=gif">artplayer-plugin-gif</a>
href="./?libs=.%2Funcompiled%2Fartplayer-plugin-gif.js&example=gif">artplayer-plugin-gif</a>
</li> </li>
<li> <li>
<a <a href="./?libs=.%2Funcompiled%2Fartplayer-plugin-backlight.js&example=backlight">artplayer-plugin-backlight</a>
href="./?libs=.%2Funcompiled%2Fartplayer-plugin-backlight.js&example=backlight">artplayer-plugin-backlight</a>
</li> </li>
<li> <li>
<a <a href="./?libs=.%2Funcompiled%2Fartplayer-plugin-danmuku.js&example=danmuku">artplayer-plugin-danmuku</a>
href="./?libs=.%2Funcompiled%2Fartplayer-plugin-danmuku.js&example=danmuku">artplayer-plugin-danmuku</a>
</li> </li>
<li> <li>
<a <a href="./?libs=.%2Funcompiled%2Fartplayer-plugin-playlist.js%0A.%2Funcompiled%2Fartplayer-plugin-playlist.css&example=playlist">artplayer-plugin-playlist</a>
href="./?libs=.%2Funcompiled%2Fartplayer-plugin-playlist.js%0A.%2Funcompiled%2Fartplayer-plugin-playlist.css&example=playlist">artplayer-plugin-playlist</a>
</li> </li>
<li> <li>
<a <a href="./?libs=.%2Funcompiled%2Fartplayer-plugin-blur.js&example=blur">artplayer-plugin-blur</a>
href="./?libs=.%2Funcompiled%2Fartplayer-plugin-blur.js&example=blur">artplayer-plugin-blur</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="title">Tools</li> <li class="title">Tools</li>
<li> <li>
<a <a href="./?libs=.%2Funcompiled%2Fartplayer-tool-thumbnail.js&example=thumbnail">artplayer-tool-thumbnail</a>
href="./?libs=.%2Funcompiled%2Fartplayer-tool-thumbnail.js&example=thumbnail">artplayer-tool-thumbnail</a>
</li> </li>
<li> <li>
<a <a href="./?libs=.%2Funcompiled%2Fartplayer-tool-github.js%0A.%2Funcompiled%2Fartplayer-plugin-danmuku.js&example=github">artplayer-tool-github</a>
href="./?libs=.%2Funcompiled%2Fartplayer-tool-github.js%0A.%2Funcompiled%2Fartplayer-plugin-danmuku.js&example=github">artplayer-tool-github</a>
</li> </li>
</ul> </ul>
<ul> <ul>
@@ -69,6 +62,23 @@
</div> </div>
<a class="item" href="./document/">Document</a> <a class="item" href="./document/">Document</a>
<a class="item" href="https://github.com/zhw2590582/ArtPlayer">Github</a> <a class="item" href="https://github.com/zhw2590582/ArtPlayer">Github</a>
<div class="item has-sub-menu">
Donate
<div class="sub-menu">
<ul>
<li>
<a href="https://www.paypal.me/harveyzack">Paypal</a>
</li>
<li>
<a href="https://github.com/zhw2590582/ArtPlayer/blob/master/images/wechatpay.jpg">WeChat
Pay</a>
</li>
<li>
<a href="https://github.com/zhw2590582/ArtPlayer/blob/master/images/alipay.jpg">Alipay</a>
</li>
</ul>
</div>
</div>
</div> </div>
<div class="run">Run Code</div> <div class="run">Run Code</div>
</header> </header>
@@ -106,7 +116,8 @@
s.parentNode.insertBefore(hm, s); s.parentNode.insertBefore(hm, s);
} }
})(); })();
</script> </script>
</body> </body>
</html> </html>