48 lines
1.6 KiB
HTML
48 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
|
|
<link href="lib/css/reset-basic.css" rel="stylesheet">
|
|
<link href="/css/common.css" rel="stylesheet">
|
|
<link href="/css/mini-win.css" rel="stylesheet">
|
|
<script>window.LIBS_BASE_URL = location.origin + '/lib';</script>
|
|
<script type="module" src="js/mini-win.js"></script>
|
|
</head>
|
|
<body class="do-fn-noselect" anot="mini">
|
|
<div id="app">
|
|
<span class="cover do-fn-drag">
|
|
<img :attr-src="curr.cover || '/images/album.png'" />
|
|
</span>
|
|
<div class="ctrl">
|
|
<h3 class="title do-fn-ell do-fn-drag" :text="curr.title ? '正在播放: ' + curr.title : '已经停止播放...'"></h3>
|
|
<div class="btns" :click="handleCtrl">
|
|
<span class="s-icon-prev" data-key="prev"></span>
|
|
<span
|
|
class="play"
|
|
data-key="play"
|
|
:class="{'s-icon-play': !isPlaying, 's-icon-pause': isPlaying}" >
|
|
</span>
|
|
<span class="s-icon-next" data-key="next"></span>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="tools do-fn-nodrag" :click="handleTool">
|
|
<span data-key="pin" class="do-icon-pin" :class="{active: pinned}"></span>
|
|
<span data-key="quit" class="do-icon-maximized"></span>
|
|
</div>
|
|
|
|
<div class="actions" :click="handleAction">
|
|
<span data-key="lrc">词</span>
|
|
<span data-key="mode"
|
|
:class="{
|
|
's-icon-all': playMode === 0,
|
|
's-icon-single': playMode === 1,
|
|
's-icon-random': playMode === 2
|
|
}">
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |
JavaScript
60.1%
SCSS
19.2%
HTML
16.9%
CSS
3.8%