This repository has been archived on 2023-08-30. You can view files and clone it, but cannot push or open issues/pull-requests.
appcat
/
sonist
Archived
1
0
Fork 0
Code Issues Pull Requests Wiki Activity
sonist/src/index.html

178 lines
4.8 KiB
HTML
Raw Normal View History

初始化项目
2018-12-26 23:58:24 +08:00
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
调整目录结构
2019-01-04 16:24:42 +08:00
<link href="lib/css/reset-basic.css" rel="stylesheet">
<link href="lib/css/elem-ui.css" rel="stylesheet">
因为electon的一些bug;无奈改为自建http静态服务
2019-01-23 03:45:26 +08:00
<link href="css/common.css" rel="stylesheet">
初始化项目
2018-12-26 23:58:24 +08:00
<link href="css/app.css" rel="stylesheet">
<link href="css/modules.css" rel="stylesheet">
屏蔽未开放的功能
2019-01-19 23:29:34 +08:00
<script>window.LIBS_BASE_URL = location.origin + '/lib';</script>
因为electon的一些bug;无奈改为自建http静态服务
2019-01-23 03:45:26 +08:00
<script type="module" src="js/app.js"></script>
初始化项目
2018-12-26 23:58:24 +08:00
</head>
增加ktv模式
2018-12-29 20:00:19 +08:00
<body class="do-fn-noselect" anot="app" :css="{'background-image': coverBG}">
初始化项目
2018-12-26 23:58:24 +08:00
完成在线搜索功能
2019-01-30 17:27:43 +08:00
<div id="app" :class="{blur: isPlaying && !ktvMode, ktv: ktvMode}">
初始化项目
2018-12-26 23:58:24 +08:00
增加ktv模式
2018-12-29 20:00:19 +08:00
<div class="title-bar do-fn-drag">
初始化项目
2018-12-26 23:58:24 +08:00
增加ktv模式
2018-12-29 20:00:19 +08:00
<nav class="btn-box do-fn-nodrag" :if="theme === 1" :class="{focus: winFocus}">
<i class="item quit" :click="quit(false)"></i>
<i class="item min" :click="minimize"></i>
因为electon的一些bug;无奈改为自建http静态服务
2019-01-23 03:45:26 +08:00
<i class="item max"></i>
增加ktv模式
2018-12-29 20:00:19 +08:00
</nav>
<!-- 背景点位标签 -->
<div class="holder"></div>
<div class="tools do-fn-drag">
<div class="search do-fn-nodrag">
增加隐式调试模式;修复mac下环境变量不正确的bug
2019-01-20 20:30:09 +08:00
<input
class="do-ui-input"
placeholder="搜索 音乐/歌手/专辑"
:keyup="searchMusic"
:duplex="searchTxt">
增加ktv模式
2018-12-29 20:00:19 +08:00
<i class="icon do-icon-search"></i>
初始化项目
2018-12-26 23:58:24 +08:00
</div>
</div>
增加ktv模式
2018-12-29 20:00:19 +08:00
<nav class="btn-box-win do-fn-nodrag">
<div class="opt">
<i class="do-icon-menu-right" :click="toggleOptBox"></i>
<section class="opt-list" :visible="optBoxShow">
因为electon的一些bug;无奈改为自建http静态服务
2019-01-23 03:45:26 +08:00
<span :click="change2mini"><i class="do-icon-maximized"></i> 迷你模式</span>
增加ktv模式
2018-12-29 20:00:19 +08:00
<span :click="toggleModule('profile')">
<i class="do-icon-setting"></i> 首选项
</span>
<span class="pipe"></span>
<span :click="quit(true)"><i class="do-icon-logout"></i> 退出</span>
</section>
</div>
<span :if="theme === 2">
<i class="item do-icon-minimize" :click="minimize"></i>
因为electon的一些bug;无奈改为自建http静态服务
2019-01-23 03:45:26 +08:00
<i class="item do-icon-maximize disabled"></i>
优化标题栏按钮;优化桌面歌词的切换
2019-01-20 18:25:53 +08:00
<i class="item do-icon-close quit" :click="quit(false)"></i>
初始化项目
2018-12-26 23:58:24 +08:00
</span>
增加ktv模式
2018-12-29 20:00:19 +08:00
</nav>
</div>
初始化项目
2018-12-26 23:58:24 +08:00
增加ktv模式
2018-12-29 20:00:19 +08:00
初始化项目
2018-12-26 23:58:24 +08:00
增加ktv模式
2018-12-29 20:00:19 +08:00
<div class="main-body">
初始化项目
2018-12-26 23:58:24 +08:00
增加ktv模式
2018-12-29 20:00:19 +08:00
<aside class="sidebar do-fn-drag">
<div class="user-box">
<div class="avatar">
因为electon的一些bug;无奈改为自建http静态服务
2019-01-23 03:45:26 +08:00
<img src="images/avatar.jpg" alt="yutent">
增加ktv模式
2018-12-29 20:00:19 +08:00
</div>
<h2 class="uname">yutent</h2>
</div>
初始化项目
2018-12-26 23:58:24 +08:00
修复在linux下的拖拽问题
2019-01-18 01:08:52 +08:00
<dl class="music-box do-fn-nodrag">
增加ktv模式
2018-12-29 20:00:19 +08:00
<dt class="title">酷狗在线</dt>
<dd class="item"
:click="toggleModule('rank')"
:class="{active: mod === 'rank'}">
<i class="s-icon-rank"></i> 排行榜
</dd>
<dd class="item"
:click="toggleModule('artist')"
:class="{active: mod === 'artist'}">
<i class="s-icon-singer"></i> 歌手
</dd>
<dd class="item disabled"
:click="toggleModule('mv')"
:class="{active: mod === 'mv'}">
<i class="s-icon-mv"></i> MV
</dd>
<dt class="title">我的音乐</dt>
<dd class="item"
:click="toggleModule('search')"
:class="{active: mod === 'search'}">
<i class="s-icon-heart"></i> 试听列表
</dd>
<dd class="item"
:click="toggleModule('local')"
:class="{active: mod === 'local'}">
<i class="s-icon-play-list"></i> 本地音乐
</dd>
</dl>
</aside>
<content class="module" :include="views" data-cache="true"></content>
</div>
<div
class="ktv-box"
:if="ktvMode"
完成歌词纠错功能
2019-01-13 23:42:48 +08:00
:include="'/views/ktv.htm'"
增加ktv模式
2018-12-29 20:00:19 +08:00
:css="{'background-image': coverBG}">
</div>
初始化项目
2018-12-26 23:58:24 +08:00
增加ktv模式
2018-12-29 20:00:19 +08:00
<div class="contrl-bar">
初始化项目
2018-12-26 23:58:24 +08:00
完成迷你模式
2019-01-26 23:26:49 +08:00
<div class="play-box" :click="handleCtrl">
<span class="item prev s-icon-prev" data-key="prev"></span>
增加ktv模式
2018-12-29 20:00:19 +08:00
<span
class="item play"
修复控制交互;
2019-01-27 01:02:46 +08:00
data-key="play"
完成迷你模式
2019-01-26 23:26:49 +08:00
:class="{'s-icon-play': !isPlaying, 's-icon-pause': isPlaying}">
增加ktv模式
2018-12-29 20:00:19 +08:00
</span>
修复控制交互;
2019-01-27 01:02:46 +08:00
<span class="item next s-icon-next" data-key="next"></span>
增加ktv模式
2018-12-29 20:00:19 +08:00
</div>
初始化项目
2018-12-26 23:58:24 +08:00
增加ktv模式
2018-12-29 20:00:19 +08:00
<div class="stat-box">
初始化项目
2018-12-26 23:58:24 +08:00
<div class="song-stat">
<canvas ref="player"></canvas>
</div>
<span
class="ctrl"
:class="{
's-icon-all': playMode === 0,
's-icon-single': playMode === 1,
's-icon-random': playMode === 2
}"
:click="togglePlayMode">
</span>
完成专辑封面和音量调节
2018-12-28 22:19:29 +08:00
<section class="ctrl volume">
<i
:class="{
'do-icon-unmute' : volume > 0,
'do-icon-mute' : volume === 0
}">
</i>
<span
class="volume-ctrl"
:click="changeValume">
<em :css="{flex: '0 ' + volume + '%'}"></em>
</span>
</section>
初始化项目
2018-12-26 23:58:24 +08:00
<span class="ctrl s-icon-eq"></span>
完成桌面歌词功能
2019-01-17 22:06:07 +08:00
<span class="ctrl lrc" :click="toggleDesktopLrc">词</span>
初始化项目
2018-12-26 23:58:24 +08:00
</div>
</div>
优化音乐扫描;修复歌词模块在特殊场景下报错的bug;
2019-01-21 03:08:43 +08:00
<div class="loading" :if="loading">
<div class="box">
<i></i><i></i><i></i><i></i><i></i>
<span></span>
<span></span>
<cite>{{progress}}%</cite>
</div>
</div>
初始化项目
2018-12-26 23:58:24 +08:00
</div>
</body>
</html>
Releases