v0.8.6

v0.8.5 size
0.8.4
2026-02-15 00:16:26 +08:00 · 2020-01-31 05:21:46 +08:00 · 2020-01-31 04:46:26 +08:00 · 2020-01-31 04:33:48 +08:00 · 2020-01-31 04:30:25 +08:00 · 2020-01-31 04:00:43 +08:00
79 changed files with 5284 additions and 1917 deletions
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -5,13 +5,14 @@ module.exports = {
  },
  'extends': [
    'plugin:vue/essential',
-    '@vue/standard'
+    '@vue/standard',
+    '@vue/typescript'
  ],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
  },
  parserOptions: {
-    parser: 'babel-eslint'
+    parser: '@typescript-eslint/parser'
  }
 }
--- a/21
+++ b/21
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Hunlongyu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/README.md
+++ b/README.md
@@ -1,24 +1,45 @@
-# evt
+<p align="center">
+<img src="https://i.loli.net/2020/01/20/WEj3Yw8rPXqTcHe.png" >
+</p>
+<p align="center">
+<img src="https://forthebadge.com/images/badges/built-with-love.svg">
+<img src="https://forthebadge.com/images/badges/made-with-vue.svg">
+<p>
+<p align="center">
+<img alt="GitHub" src="https://img.shields.io/github/license/Hunlongyu/ZY-Player?style=for-the-badge">
+<img alt="GitHub All Releases" src="https://img.shields.io/github/downloads/Hunlongyu/ZY-Player/total?style=for-the-badge">
+<img alt="GitHub release (latest by date including pre-releases)" src="https://img.shields.io/github/v/release/Hunlongyu/ZY-Player?include_prereleases&style=for-the-badge">
+<p>

-## Project setup
-```
-yarn install
-```
+# ZY Player
+资源播放器, 提供影视资源的浏览,搜索,播放,收藏,查看详情等功能.

-### Compiles and hot-reloads for development
-```
-yarn serve
-```
+### 下载:
+[下载地址](https://github.com/Hunlongyu/ZY-Player/releases)

-### Compiles and minifies for production
-```
-yarn build
-```
+### 截图: 
+主界面 ⬇
+![film.png](https://i.loli.net/2020/01/19/U1EPzoJHhTDnuxA.png)
+暗黑主题 ⬇
+![dark.png](https://i.loli.net/2020/01/20/eU6J3EFcPTXnjlK.png)
+搜索 ⬇
+![search.png](https://i.loli.net/2020/01/19/BPvJKxlnNfquRI4.png)
+搜索结果 ⬇
+![search-keyword.png](https://i.loli.net/2020/01/19/6wfY3rPBokM15hl.png)
+详情 ⬇
+![detail.png](https://i.loli.net/2020/01/19/CN8E1ikyMbhzo9t.png)
+播放 ⬇
+![play.png](https://i.loli.net/2020/01/19/4XlJRqmx2y8zAec.png)
+收藏 ⬇
+![star.png](https://i.loli.net/2020/01/19/Q2fkWUvaXKZJcS4.png)

-### Lints and fixes files
-```
-yarn lint
-```
+### 开发计划：
+[第二期开发计划](https://github.com/Hunlongyu/ZY-Player/projects/2)

-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
+### 未完成:
+1. 更换图标: 求大神设计一个 zy 的logo, 256x256 像素,风格请参考: 
+
+![iconfinder_Vine_483453.png](https://i.loli.net/2020/01/21/ujk1pJVmob38W2B.png)
+
+### 重要: 
+所有资源来自网上, 该软件不参与任何制作, 上传, 储存, 下载等内容. 该软件仅供学习参考, 请于安装后24小时内删除.
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,5 +1,14 @@
 module.exports = {
-  presets: [
-    '@vue/app'
+  'presets': [
+    '@vue/cli-plugin-babel/preset'
+  ],
+  'plugins': [
+    [
+      'component',
+      {
+        'libraryName': 'element-ui',
+        'styleLibraryName': 'theme-chalk'
+      }
+    ]
  ]
 }
--- a/build/icons/1024x1024.png
+++ b/build/icons/1024x1024.png
--- a/build/icons/128x128.png
+++ b/build/icons/128x128.png
--- a/build/icons/16x16.png
+++ b/build/icons/16x16.png
--- a/build/icons/24x24.png
+++ b/build/icons/24x24.png
--- a/build/icons/256x256.png
+++ b/build/icons/256x256.png
--- a/build/icons/32x32.png
+++ b/build/icons/32x32.png
--- a/build/icons/48x48.png
+++ b/build/icons/48x48.png
--- a/build/icons/512x512.png
+++ b/build/icons/512x512.png
--- a/build/icons/64x64.png
+++ b/build/icons/64x64.png
--- a/build/icons/icon.icns
+++ b/build/icons/icon.icns
--- a/build/icons/icon.ico
+++ b/build/icons/icon.ico
--- a/docs/CNAME
+++ b/docs/CNAME
@@ -0,0 +1 @@
+zy.hly120506.top
--- a/docs/dist/css/style.css
+++ b/docs/dist/css/style.css
--- a/docs/dist/images/cta-illustration-dark.svg
+++ b/docs/dist/images/cta-illustration-dark.svg
--- a/docs/dist/images/cta-illustration-light.svg
+++ b/docs/dist/images/cta-illustration-light.svg
--- a/docs/dist/images/feature-01-dark.svg
+++ b/docs/dist/images/feature-01-dark.svg
@@ -0,0 +1 @@
+<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill-opacity=".32" fill="#535FD7" d="M0 0h24v48H0z"/><path fill-opacity=".16" fill="#2FEAFC" d="M28 0h20v20H28z"/><path d="M14 9v4h20V9a1 1 0 0 0-1-1H15a1 1 0 0 0-1 1z" fill="#7C85E1"/><path d="M39 15H9a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h3V23h24v10h3a1 1 0 0 0 1-1V16a1 1 0 0 0-1-1zM20 40v-6h-6z" fill="#61EFFD"/><path d="M14 25v7h7a1 1 0 0 1 1 1v7h11a1 1 0 0 0 1-1V25H14z" fill="#7C85E1"/></g></svg>
--- a/docs/dist/images/feature-01-light.svg
+++ b/docs/dist/images/feature-01-light.svg
@@ -0,0 +1 @@
+<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill-opacity=".64" fill="#93F4FE" d="M0 0h24v48H0z"/><path fill-opacity=".64" fill="#FFCF7B" d="M28 0h20v20H28z"/><path d="M14 9v4h20V9a1 1 0 0 0-1-1H15a1 1 0 0 0-1 1z" fill="#7C85E1"/><path d="M39 15H9a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h3V23h24v10h3a1 1 0 0 0 1-1V16a1 1 0 0 0-1-1zM20 40v-6h-6z" fill="#535FD7"/><path d="M14 25v7h7a1 1 0 0 1 1 1v7h11a1 1 0 0 0 1-1V25H14z" fill="#7C85E1"/></g></svg>
--- a/docs/dist/images/feature-02-dark.svg
+++ b/docs/dist/images/feature-02-dark.svg
@@ -0,0 +1 @@
+<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill-opacity=".32" fill="#535FD7" d="M0 0h24v48H0z"/><path fill-opacity=".16" fill="#2FEAFC" d="M28 0h20v20H28z"/><path d="M40 19v-5a2 2 0 0 0-2-2H10a2 2 0 0 0-2 2v5h32z" fill="#61EFFD"/><path d="M8 23v11a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2V23H8zm13 8h-9v-2h9v2zm15 0h-4v-2h4v2z" fill="#7C85E1"/></g></svg>
--- a/docs/dist/images/feature-02-light.svg
+++ b/docs/dist/images/feature-02-light.svg
@@ -0,0 +1 @@
+<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill-opacity=".64"><path fill="#93F4FE" d="M0 0h24v48H0z"/><path fill="#FFCF7B" d="M28 0h20v20H28z"/></g><path d="M40 19v-5a2 2 0 0 0-2-2H10a2 2 0 0 0-2 2v5h32z" fill="#535FD7"/><path d="M8 23v11a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2V23H8zm13 8h-9v-2h9v2zm15 0h-4v-2h4v2z" fill="#7C85E1"/></g></svg>
--- a/docs/dist/images/feature-03-dark.svg
+++ b/docs/dist/images/feature-03-dark.svg
@@ -0,0 +1 @@
+<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill-opacity=".16" fill="#2FEAFC" d="M28 0h20v20H28z"/><path fill-opacity=".32" fill="#535FD7" d="M0 0h24v48H0z"/><path d="M18 9.256l-9.287 2.786A1.001 1.001 0 0 0 8 13v26l10-3.656V9.256z" fill="#61EFFD"/><path fill="#7C85E1" d="M28 12.523l-8-3.2v26.154l8 3.2z"/><path d="M40 9l-10 3.656v26.088l9.287-2.786c.423-.127.713-.517.713-.958V9z" fill="#61EFFD"/></g></svg>
--- a/docs/dist/images/feature-03-light.svg
+++ b/docs/dist/images/feature-03-light.svg
@@ -0,0 +1 @@
+<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill-opacity=".64" fill="#FFCF7B" d="M28 0h20v20H28z"/><path fill-opacity=".64" fill="#93F4FE" d="M0 0h24v48H0z"/><path d="M18 9.256l-9.287 2.786A1.001 1.001 0 0 0 8 13v26l10-3.656V9.256z" fill="#535FD7"/><path fill="#7C85E1" d="M28 12.523l-8-3.2v26.154l8 3.2z"/><path d="M40 9l-10 3.656v26.088l9.287-2.786c.423-.127.713-.517.713-.958V9z" fill="#535FD7"/></g></svg>
--- a/docs/dist/images/features-illustration-dark.svg
+++ b/docs/dist/images/features-illustration-dark.svg
--- a/docs/dist/images/features-illustration-light.svg
+++ b/docs/dist/images/features-illustration-light.svg
--- a/docs/dist/images/features-illustration-top-dark.svg
+++ b/docs/dist/images/features-illustration-top-dark.svg
--- a/docs/dist/images/features-illustration-top-light.svg
+++ b/docs/dist/images/features-illustration-top-light.svg
--- a/docs/dist/images/header-illustration-dark.svg
+++ b/docs/dist/images/header-illustration-dark.svg
--- a/docs/dist/images/header-illustration-light.svg
+++ b/docs/dist/images/header-illustration-light.svg
--- a/docs/dist/images/hero-media-illustration-dark.svg
+++ b/docs/dist/images/hero-media-illustration-dark.svg
--- a/docs/dist/images/hero-media-illustration-light.svg
+++ b/docs/dist/images/hero-media-illustration-light.svg
--- a/docs/dist/images/logo-dark.svg
+++ b/docs/dist/images/logo-dark.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="20.313%" y1="83.13%" x2="79.211%" y2="18.665%" id="a"><stop stop-color="#93F4FE" offset="0%"/><stop stop-color="#535FD7" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="77.135%" y2="77.109%" id="b"><stop stop-color="#FFF" stop-opacity=".48" offset="0%"/><stop stop-color="#FFF" stop-opacity="0" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16C31.99 7.168 24.832.01 16 0z" fill="url(#a)"/><path d="M29.012 25.313A11.98 11.98 0 0 1 25 26c-6.627 0-12-5.373-12-12 0-6.235 4.756-11.36 10.838-11.944C28.705 4.8 31.993 10.016 32 16c0 3.474-1.107 6.69-2.988 9.313z" fill="url(#b)"/></g></svg>
--- a/docs/dist/images/logo-light.svg
+++ b/docs/dist/images/logo-light.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="50%" y1="0%" x2="77.135%" y2="77.109%" id="a"><stop stop-color="#FE7E1F" offset="0%"/><stop stop-color="#FFCF7B" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="77.135%" y2="77.109%" id="b"><stop stop-color="#FFF" stop-opacity=".48" offset="0%"/><stop stop-color="#FFF" stop-opacity="0" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16C31.99 7.168 24.832.01 16 0z" fill="url(#a)"/><path d="M29.012 25.313A11.98 11.98 0 0 1 25 26c-6.627 0-12-5.373-12-12 0-6.235 4.756-11.36 10.838-11.944C28.705 4.8 31.993 10.016 32 16c0 3.474-1.107 6.69-2.988 9.313z" fill="url(#b)"/></g></svg>
--- a/docs/dist/js/main.min.js
+++ b/docs/dist/js/main.min.js
@@ -0,0 +1 @@
+!function(){const e=document,t=e.documentElement,n=e.body,i=e.getElementById("lights-toggle"),s=window.sr=ScrollReveal();function a(){let e=i.parentNode.querySelector(".label-text");i.checked?(n.classList.remove("lights-off"),e&&(e.innerHTML="dark")):(n.classList.add("lights-off"),e&&(e.innerHTML="light"))}t.classList.remove("no-js"),t.classList.add("js"),window.addEventListener("load",function(){n.classList.add("is-loaded")}),n.classList.contains("has-animations")&&window.addEventListener("load",function(){s.reveal(".feature",{duration:600,distance:"20px",easing:"cubic-bezier(0.215, 0.61, 0.355, 1)",origin:"right",viewFactor:.2})}),i&&(window.addEventListener("load",a),i.addEventListener("change",a))}();
--- a/docs/index.html
+++ b/docs/index.html
@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<html lang="en" class="no-js">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>ZY Player</title>
+    <link href="https://fonts.googleapis.com/css?family=Heebo:400,700|IBM+Plex+Sans:600" rel="stylesheet">
+    <link rel="stylesheet" href="dist/css/style.css">
+    <script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
+</head>
+<body class="is-boxed has-animations">
+    <div class="body-wrap boxed-container">
+        <header class="site-header">
+            <div class="container">
+                <div class="site-header-inner">
+                    <div class="brand header-brand">
+                        <h1 class="m-0">
+                            <a href="#">
+								<img class="header-logo-image asset-light" src="dist/images/logo-light.svg" alt="Logo">
+								<img class="header-logo-image asset-dark" src="dist/images/logo-dark.svg" alt="Logo">
+                            </a>
+                        </h1>
+                    </div>
+                </div>
+            </div>
+        </header>
+
+        <main>
+            <section class="hero">
+                <div class="container">
+                    <div class="hero-inner">
+						<div class="hero-copy">
+	                        <h1 class="hero-title mt-0">ZY Player</h1>
+	                        <p class="hero-paragraph">ZY Player 影视资源播放器, 可以直接浏览或者搜索影视资源,所有资源点击即可播放.软件免费,没有广告~</p>
+	                        <div class="hero-cta">
+								<a class="button button-primary" href="https://github.com/Hunlongyu/ZY-Player/releases/latest">立即下载</a>
+								<div class="lights-toggle">
+									<input id="lights-toggle" type="checkbox" name="lights-toggle" class="switch" checked="checked">
+									<label for="lights-toggle" class="text-xs"><span>切换主题<span class="label-text">dark</span></span></label>
+								</div>
+							</div>
+						</div>
+						<div class="hero-media">
+							<div class="header-illustration">
+								<img class="header-illustration-image asset-light" src="dist/images/header-illustration-light.svg" alt="Header illustration">
+								<img class="header-illustration-image asset-dark" src="dist/images/header-illustration-dark.svg" alt="Header illustration">
+							</div>
+							<div class="hero-media-illustration">
+								<img class="hero-media-illustration-image asset-light" src="dist/images/hero-media-illustration-light.svg" alt="Hero media illustration">
+								<img class="hero-media-illustration-image asset-dark" src="dist/images/hero-media-illustration-dark.svg" alt="Hero media illustration">
+							</div>
+							<div class="hero-media-container">
+								<img class="hero-media-image asset-light" src="https://i.loli.net/2020/01/21/HfRhqXDTJMlEIaP.jpg" alt="Hero media">
+                                <img class="hero-media-image asset-dark" src="https://i.loli.net/2020/01/21/hGYrDKQbXZctfVs.jpg" alt="Hero media">
+							</div>
+						</div>
+                    </div>
+                </div>
+            </section>
+
+            <section class="features section">
+                <div class="container">
+					<div class="features-inner section-inner has-bottom-divider">
+						<div class="features-header text-center">
+							<div class="container-sm">
+	                            <div class="features-image">
+									<img class="features-illustration asset-dark" src="dist/images/features-illustration-dark.svg" alt="Feature illustration">
+									<img style="transform: none;" class="features-box asset-dark" src="https://i.loli.net/2020/01/21/exXt3mfsJSGuhn5.jpg" alt="Feature box">
+									<img class="features-illustration asset-dark" src="dist/images/features-illustration-top-dark.svg" alt="Feature illustration top">
+									<img class="features-illustration asset-light" src="dist/images/features-illustration-light.svg" alt="Feature illustration">
+									<img style="transform: none;" class="features-box asset-light" src="https://i.loli.net/2020/01/21/exXt3mfsJSGuhn5.jpg" alt="Feature box">
+									<img class="features-illustration asset-light" src="dist/images/features-illustration-top-light.svg" alt="Feature illustration top">
+								</div>
+							</div>
+                        </div>
+                        <div class="features-wrap">
+                            <div class="feature is-revealing">
+                                <div class="feature-inner">
+                                    <div class="feature-icon">
+										<img class="asset-light" src="dist/images/feature-01-light.svg" alt="Feature 01">
+										<img class="asset-dark" src="dist/images/feature-01-dark.svg" alt="Feature 01">
+                                    </div>
+									<div class="feature-content">
+                                    	<h3 class="feature-title mt-0">开源免费</h3>
+                                    	<p class="text-sm mb-0">代码开源, 软件免费使用, 无广告, 不窃取用户信息, MIT协议.</p>
+									</div>
+								</div>
+                            </div>
+							<div class="feature is-revealing">
+                                <div class="feature-inner">
+                                    <div class="feature-icon">
+										<img class="asset-light" src="dist/images/feature-02-light.svg" alt="Feature 02">
+										<img class="asset-dark" src="dist/images/feature-02-dark.svg" alt="Feature 02">
+                                    </div>
+									<div class="feature-content">
+                                    	<h3 class="feature-title mt-0">资源丰富</h3>
+                                    	<p class="text-sm mb-0">所有资源都来自多个著名资源网站, 海量资源, 应有尽有.</p>
+									</div>
+								</div>
+                            </div>
+							<div class="feature is-revealing">
+                                <div class="feature-inner">
+                                    <div class="feature-icon">
+										<img class="asset-light" src="dist/images/feature-03-light.svg" alt="Feature 03">
+										<img class="asset-dark" src="dist/images/feature-03-dark.svg" alt="Feature 03">
+                                    </div>
+									<div class="feature-content">
+                                    	<h3 class="feature-title mt-0">功能强大</h3>
+                                    	<p class="text-sm mb-0">支持多源切换, 搜索. 支持预览详情, 支持收藏, 支持暗黑主题.</p>
+									</div>
+								</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </main>
+
+        <!-- <footer class="site-footer has-top-divider">
+            <div class="container">
+                <div class="site-footer-inner">
+                    <div class="brand footer-brand">
+                        <a href="#">
+							<img class="asset-light" src="dist/images/logo-light.svg" alt="Logo">
+							<img class="asset-dark" src="dist/images/logo-dark.svg" alt="Logo">
+                        </a>
+                    </div>
+                    <ul class="footer-links list-reset">
+                        <li>
+                            <a href="#">Contact</a>
+                        </li>
+                        <li>
+                            <a href="#">About us</a>
+                        </li>
+                        <li>
+                            <a href="#">FAQ's</a>
+                        </li>
+                        <li>
+                            <a href="#">Support</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </footer> -->
+    </div>
+    <script src="dist/js/main.min.js"></script>
+</body>
+</html>
--- a/docs/player/index.html
+++ b/docs/player/index.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>ZY Player</title>
+  <style>
+    *{
+      margin: 0;
+      padding: 0;
+    }
+    html,body{
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+    }
+    #mse{
+      width: 100%;
+      height: 100%;
+    }
+  </style>
+</head>
+<body>
+  <div id="mse"></div>
+  <script src="//cdn.jsdelivr.net/npm/xgplayer/browser/index.js" type="text/javascript"></script>
+  <script src="//cdn.jsdelivr.net/npm/xgplayer-hls.js/browser/index.js" charset="utf-8"></script>
+  <script>
+    function get (name) {
+      var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
+      var r = window.location.search.substr(1).match(reg);//search,查询？后面的参数，并匹配正则
+      if(r!=null)return  unescape(r[2]); return null;
+    }
+    let link = window.location.href
+    let info = get('info')
+    let time = get('time')
+    let title = info.split('$')[0]
+    let url = info.split('$')[1]
+    let player = new window.HlsJsPlayer({
+      id: 'mse',
+      url: url,
+      fluid: true,
+      autoplay: true,
+      playsinline: true,
+      height: window.innerHeight,
+      width: window.innerWidth,
+      'x5-video-player-fullscreen': true,
+      'x5-video-orientation': 'landscape'
+    })
+    player.on('play', function () {
+      player.currentTime = time
+      document.title = title
+    })
+  </script>
+</body>
+</html>
--- a/package.json
+++ b/package.json
@@ -1,37 +1,54 @@
 {
-  "name": "evt",
-  "version": "0.1.0",
+  "name": "zy",
+  "version": "0.8.6",
+  "author": "Hunlongyu",
+  "description": "ZY Player 资源播放器",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
-    "electron:build": "vue-cli-service electron:build",
    "dev": "vue-cli-service electron:serve",
+    "electron:build": "vue-cli-service electron:build",
    "postinstall": "electron-builder install-app-deps",
-    "postuninstall": "electron-builder install-app-deps"
+    "postuninstall": "electron-builder install-app-deps",
+    "electron:generate-icons": "electron-icon-builder --input=./public/icon.png --output=build --flatten",
+    "bp": "vue-cli-service electron:build --win -p always"
  },
  "main": "background.js",
  "dependencies": {
-    "axios": "^0.19.0",
-    "core-js": "^2.6.5",
-    "modern-normalize": "^0.5.0",
+    "core-js": "^3.4.4",
+    "dexie": "^2.0.4",
+    "electron-updater": "^4.2.0",
+    "element-ui": "^2.4.5",
+    "flyio": "^0.6.14",
+    "qrcanvas": "^3.0.6",
    "vue": "^2.6.10",
-    "vue-router": "^3.0.3",
-    "vuex": "^3.0.1"
+    "vue-class-component": "^7.0.2",
+    "vue-property-decorator": "^8.3.0",
+    "vuex": "^3.1.2",
+    "xgplayer": "^2.4.7",
+    "xgplayer-hls.js": "^2.1.6"
  },
  "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.12.0",
-    "@vue/cli-plugin-eslint": "^3.12.0",
-    "@vue/cli-service": "^3.12.0",
+    "@vue/cli-plugin-babel": "^4.1.0",
+    "@vue/cli-plugin-eslint": "^4.1.0",
+    "@vue/cli-plugin-router": "^4.1.0",
+    "@vue/cli-plugin-typescript": "^4.1.0",
+    "@vue/cli-plugin-vuex": "^4.1.0",
+    "@vue/cli-service": "^4.1.0",
    "@vue/eslint-config-standard": "^4.0.0",
-    "babel-eslint": "^10.0.1",
-    "electron": "7.1.2",
+    "@vue/eslint-config-typescript": "^4.0.0",
+    "babel-plugin-component": "^1.1.1",
+    "electron": "7.1.9",
+    "electron-icon-builder": "^1.0.2",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
-    "sass": "^1.19.0",
+    "sass": "^1.23.7",
    "sass-loader": "^8.0.0",
-    "vue-cli-plugin-electron-builder": "^1.4.2",
+    "typescript": "~3.5.3",
+    "vue-cli-plugin-electron-builder": "^1.4.4",
+    "vue-cli-plugin-element": "^1.0.1",
    "vue-template-compiler": "^2.6.10"
  }
 }
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,5 +0,0 @@
-module.exports = {
-  plugins: {
-    autoprefixer: {}
-  }
-}
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/icon.png
+++ b/public/icon.png
--- a/public/index.html
+++ b/public/index.html
@@ -4,12 +4,12 @@
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>evt</title>
+    <link rel="icon" href="<%= BASE_URL %>icon.png">
+    <title>ZY Player</title>
  </head>
  <body>
    <noscript>
-      <strong>We're sorry but evt doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong>We're sorry but zy doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,29 +1,141 @@
 <template>
-  <div id="app">
-    <div id="nav">
-      <router-link to="/">Home</router-link> |
-      <router-link to="/search">search</router-link>
-    </div>
-    <router-view/>
-  </div>
+  <el-container id="app" :class="appTheme">
+    <el-header class="Header">
+      <i class="el-icon-minus" @click="clickFrameEvent('min')"></i>
+      <i class="el-icon-plus" @click="clickFrameEvent('max')"></i>
+      <i class="el-icon-close" @click="clickFrameEvent('close')"></i>
+      <el-row class="Header-box">
+      </el-row>
+    </el-header>
+    <el-container>
+      <el-aside class="Aside" width="70px">
+        <el-row class="top">
+          <i title="浏览" :class="Main === 'Film' ? 'el-icon-film active' : 'el-icon-film'" @click="asideMenuClick('Film')"></i>
+          <i title="搜索" :class="Main === 'Search' ? 'el-icon-search active' : 'el-icon-search'" @click="asideMenuClick('Search')"></i>
+          <i title="播放" :class="Main === 'Player' ? 'el-icon-video-play active' : 'el-icon-video-play'" @click="asideMenuClick('Player')"></i>
+          <i title="收藏" :class="Main === 'Star' ? 'el-icon-star-off active' : 'el-icon-star-off'" @click="asideMenuClick('Star')"></i>
+        </el-row>
+        <el-row class="bottom">
+          <i title="设置" :class="Main === 'Setting' ? 'el-icon-setting active' : 'el-icon-setting'" @click="asideMenuClick('Setting')"></i>
+        </el-row>
+      </el-aside>
+      <el-main class="Main">
+        <Film v-show="Main === 'Film'" />
+        <Search v-show="Main === 'Search'" />
+        <Player v-show="Main === 'Player'" />
+        <Star v-show="Main === 'Star'" />
+        <Setting v-show="Main === 'Setting'" />
+      </el-main>
+    </el-container>
+    <el-drawer class="drawer" :visible.sync="detail.show" :show-close="true" size="90%" :with-header="true" direction="btt" title="详情">
+      <Detail />
+    </el-drawer>
+  </el-container>
 </template>

-<style lang="scss">
-#app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
-#nav {
-  padding: 30px;
-  a {
-    font-weight: bold;
-    color: #2c3e50;
-    &.router-link-exact-active {
-      color: #42b983;
+<script lang="ts">
+import Vue from 'vue'
+import Detail from '@/components/detail.vue'
+import { mapMutations } from 'vuex'
+const { ipcRenderer: ipc } = require('electron')
+export default Vue.extend({
+  data () {
+    return {
+      appTheme: 'theme-light'
    }
+  },
+  computed: {
+    Main: {
+      get () {
+        return this.$store.getters.getMain
+      },
+      set (val) {
+        this.SET_MAIN(val)
+      }
+    },
+    detail: {
+      get () {
+        return this.$store.getters.getDetail
+      },
+      set (val) {
+        this.SET_DETAIL(val)
+      }
+    },
+    theme () {
+      return this.$store.getters.getTheme
+    }
+  },
+  watch: {
+    theme () {
+      this.changeTheme()
+    }
+  },
+  components: {
+    Detail
+  },
+  methods: {
+    ...mapMutations(['SET_DETAIL', 'SET_MAIN']),
+    clickFrameEvent (e:string) {
+      ipc.send(e)
+    },
+    asideMenuClick (e:string) {
+      this.Main = e
+    },
+    changeTheme () {
+      this.appTheme = `theme-${this.theme}`
+    }
+  }
+})
+</script>
+<style lang="scss">
+@import './assets/theme/global.scss';
+@import './assets/theme/dark.scss';
+@import './assets/theme/light.scss';
+*{
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+html,body{
+  height: 100%;
+}
+#app{
+  height: 100%;
+  user-select: none;
+  .Header{
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    -webkit-app-region: drag;
+    -webkit-user-select: none;
+    padding: 0;
+    i{
+      width: 60px;
+      height: 60px;
+      font-size: 30px;
+      cursor: pointer;
+      -webkit-app-region: no-drag;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+  .Aside{
+    -webkit-app-region: drag;
+    -webkit-user-select: none;
+    text-align: center;
+    i{
+      -webkit-app-region: no-drag;
+      font-size: 32px;
+      width: 70px;
+      height: 70px;
+      line-height: 70px;
+      cursor: pointer;
+    }
+  }
+  .Main{
+    height: 100%;
+    overflow: hidden;
  }
 }
 </style>
--- a/src/assets/image/dark.png
+++ b/src/assets/image/dark.png
--- a/src/assets/image/light.png
+++ b/src/assets/image/light.png
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/assets/theme/dark.scss
+++ b/src/assets/theme/dark.scss
@@ -0,0 +1,109 @@
+.theme-dark{
+  color: var(--d-c); 
+  background-color: var(--d-bgc);
+  .el-button, input, select, .el-select{
+    color: var(--d-c);
+    background-color: var(--d-bgc);
+    border-color: var(--d-bdc);
+  }
+  .el-button--text{
+    border: none;
+  }
+  .el-tabs__item, .el-tabs__nav-wrap::after{
+    color: var(--d-c);
+    background-color: var(--d-bgc);
+    border-color: var(--d-dbc);
+  }
+  .el-table--border::after, .el-table--group::after, .el-table::before,
+  .el-table, .el-table th, .el-table tr,
+  .el-table--striped .el-table__body tr.el-table__row--striped td,
+  .el-table--enable-row-hover .el-table__body tr:hover>td,
+  .el-table td, .el-table th.is-leaf{
+    color: var(--d-c);
+    background-color: var(--d-bgc);
+    border-color: var(--d-dbc);
+  }
+  .el-pagination, .el-pagination .el-pagination__total, .el-pagination .el-pagination__jump,
+  .el-pagination .btn-next, .el-pagination .btn-prev, .el-pager li{
+    color: var(--d-c);
+    background-color: var(--d-bgc);
+  }
+  .el-input__inner,
+  .el-input-group__append, .el-input-group__prepend{
+    background-color: var(--d-bgc);
+    border-color: var(--d-dbc);
+  }
+  .el-select-dropdown{
+    color: var(--d-c);
+  }
+  .el-drawer{
+    background-color: var(--d-bgc) !important;
+    overflow: auto;
+    &::-webkit-scrollbar{
+      width: 0px;
+    }
+  }
+  .el-loading-mask{
+    background-color: var(--d-bgc);
+    opacity: 0.9;
+  }
+  .Header, .Aside{
+    i{
+      color: var(--d-icon);
+      &:hover{
+        color: var(--d-icon-h);
+        background-color: var(--d-bgc-h);
+      }
+    }
+  }
+  .Aside{
+    i{
+      &.active{
+        color: var(--d-icon-h);
+        background-color: var(--d-bgc-h);
+        border-left: 4px solid var(--d-icon-h);
+      }
+    }
+  }
+  .Main{
+    .film, .search, .star, .player{
+      .table-box{
+        &::-webkit-scrollbar-track {
+          box-shadow: inset 0 0 6px var(--d-bdc);
+        }
+        &::-webkit-scrollbar-thumb {
+          background-color: var(--d-icon);
+          outline: 1px solid var(--d-icon);
+        }
+      }
+    }
+    .setting{
+      .el-link, .card{
+        color: var(--d-c);
+        background-color: var(--d-bgc);
+        border-color: var(--d-bdc);
+      }
+    }
+  }
+  .detail{
+    color: var(--d-c);
+    &::-webkit-scrollbar-track {
+      box-shadow: inset 0 0 6px var(--d-bdc);
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--d-icon);
+      outline: 1px solid var(--d-icon);
+    }
+    .box, .info, .urls{
+      border: 1px solid var(--d-bdc);
+    }
+    .vodInfo{
+      li, span, a{
+        color: var(--d-c);
+      }
+      label{
+        color: #f90;
+      }
+    }
+  }
+}
--- a/src/assets/theme/global.scss
+++ b/src/assets/theme/global.scss
@@ -0,0 +1,19 @@
+:root{
+  // light
+  --l-c: #808695;
+  --l-c-h: #515a6e;
+  --l-icon: #C0C4CC;
+  --l-icon-h: #515a6e;
+  --l-bgc: #ffffff;
+  --l-bgc-h: #efefef;
+  --l-bdc: #dcdee2;
+
+  // dark
+  --d-c: #919191;
+  --d-c-h: #454545;
+  --d-icon: #919191;
+  --d-icon-h: #919191;
+  --d-bgc: #242424;
+  --d-bgc-h: #454545;
+  --d-bdc: #7a7a7a;
+}
--- a/src/assets/theme/light.scss
+++ b/src/assets/theme/light.scss
@@ -0,0 +1,74 @@
+.theme-light{
+  color: var(--l-c); 
+  background-color: var(--l-bgc);
+  .el-table, .el-tabs__item, .btn-next, input{
+    color: var(--l-c);
+  }
+  .el-pagination, .el-pagination .el-pagination__total, .el-pagination .el-pagination__jump,
+  .el-pagination .btn-next, .el-pagination .btn-prev{
+    color: var(--l-c);
+  }
+  .el-drawer{
+    overflow: auto;
+    &::-webkit-scrollbar{
+      width: 0px;
+    }
+  }
+  .Header, .Aside{
+    i{
+      color: var(--l-icon);
+      &:hover{
+        color: var(--l-icon-h);
+        background-color: var(--l-bgc-h);
+      }
+    }
+  }
+  .Aside{
+    i{
+      &.active{
+        color: var(--l-icon-h);
+        background-color: var(--l-bgc-h);
+        border-left: 4px solid var(--l-icon-h);
+      }
+    }
+  }
+  .Main{
+    .film, .search, .star, .player, .setting{
+      .table-box{
+        &::-webkit-scrollbar-track {
+          box-shadow: inset 0 0 6px var(--l-bdc);
+        }
+        &::-webkit-scrollbar-thumb {
+          background-color: var(--l-icon);
+          outline: 1px solid var(--l-icon);
+        }
+      }
+    }
+    .setting{
+      .el-link, .card{
+        color: var(--l-c);
+      }
+    }
+  }
+  .detail{
+    color: var(--l-c);
+    &::-webkit-scrollbar-track {
+      box-shadow: inset 0 0 6px var(--l-bdc);
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--l-icon);
+      outline: 1px solid var(--l-icon);
+    }
+    .box, .info, .urls{
+      border: 1px solid var(--l-bdc);
+    }
+    .vodInfo{
+      li, span, a{
+        color: var(--l-c);
+      }
+      label{
+        color: #f90;
+      }
+    }
+  }
+}
--- a/src/background.js
+++ b/src/background.js
@@ -1,93 +0,0 @@
-'use strict'
-
-import { app, protocol, BrowserWindow } from 'electron'
-import {
-  createProtocol
-} from 'vue-cli-plugin-electron-builder/lib'
-
-const isDevelopment = process.env.NODE_ENV !== 'production'
-
-// Keep a global reference of the window object, if you don't, the window will
-// be closed automatically when the JavaScript object is garbage collected.
-let win
-
-// Scheme must be registered before the app is ready
-protocol.registerSchemesAsPrivileged([{ scheme: 'app', privileges: { secure: true, standard: true } }])
-
-function createWindow () {
-  // Create the browser window.
-  win = new BrowserWindow({
-    width: 1024,
-    height: 800,
-    webPreferences: {
-      webSecurity: false,
-      nodeIntegration: true
-    }
-  })
-
-  if (process.env.WEBPACK_DEV_SERVER_URL) {
-    // Load the url of the dev server if in development mode
-    win.loadURL(process.env.WEBPACK_DEV_SERVER_URL)
-    if (!process.env.IS_TEST) win.webContents.openDevTools()
-  } else {
-    createProtocol('app')
-    // Load the index.html when not in development
-    win.loadURL('app://./index.html')
-  }
-
-  win.on('closed', () => {
-    win = null
-  })
-}
-
-// Quit when all windows are closed.
-app.on('window-all-closed', () => {
-  // On macOS it is common for applications and their menu bar
-  // to stay active until the user quits explicitly with Cmd + Q
-  if (process.platform !== 'darwin') {
-    app.quit()
-  }
-})
-
-app.on('activate', () => {
-  // On macOS it's common to re-create a window in the app when the
-  // dock icon is clicked and there are no other windows open.
-  if (win === null) {
-    createWindow()
-  }
-})
-
-// This method will be called when Electron has finished
-// initialization and is ready to create browser windows.
-// Some APIs can only be used after this event occurs.
-app.on('ready', async () => {
-  if (isDevelopment && !process.env.IS_TEST) {
-    // Install Vue Devtools
-    // Devtools extensions are broken in Electron 6.0.0 and greater
-    // See https://github.com/nklayman/vue-cli-plugin-electron-builder/issues/378 for more info
-    // Electron will not launch with Devtools extensions installed on Windows 10 with dark mode
-    // If you are not using Windows 10 dark mode, you may uncomment these lines
-    // In addition, if the linked issue is closed, you can upgrade electron and uncomment these lines
-    // try {
-    //   await installVueDevtools()
-    // } catch (e) {
-    //   console.error('Vue Devtools failed to install:', e.toString())
-    // }
-  }
-  createWindow()
-})
-
-// Exit cleanly on request from parent process in development mode.
-if (isDevelopment) {
-  if (process.platform === 'win32') {
-    process.on('message', data => {
-      if (data === 'graceful-exit') {
-        app.quit()
-      }
-    })
-  } else {
-    process.on('SIGTERM', () => {
-      app.quit()
-    })
-  }
-}
--- a/src/background.ts
+++ b/src/background.ts
@@ -0,0 +1,153 @@
+'use strict'
+
+import { app, protocol, ipcMain, BrowserWindow } from 'electron'
+import {
+  createProtocol,
+  installVueDevtools
+} from 'vue-cli-plugin-electron-builder/lib'
+import path from 'path'
+import { autoUpdater } from 'electron-updater'
+const isDevelopment = process.env.NODE_ENV !== 'production'
+
+// Keep a global reference of the window object, if you don't, the window will
+// be closed automatically when the JavaScript object is garbage collected.
+let win: BrowserWindow | null
+
+// Scheme must be registered before the app is ready
+protocol.registerSchemesAsPrivileged([{ scheme: 'app', privileges: { secure: true, standard: true } }])
+
+function createWindow () {
+  // Create the browser window.
+  win = new BrowserWindow({
+    width: 1080,
+    height: 720,
+    frame: false,
+    webPreferences: {
+      webSecurity: false,
+      nodeIntegration: true
+    },
+    // @ts-ignore
+    icon: path.join(__static, 'icon.png')
+  })
+
+  if (process.env.WEBPACK_DEV_SERVER_URL) {
+    // Load the url of the dev server if in development mode
+    win.loadURL(process.env.WEBPACK_DEV_SERVER_URL as string)
+    if (!process.env.IS_TEST) win.webContents.openDevTools()
+  } else {
+    createProtocol('app')
+    // Load the index.html when not in development
+    win.loadURL('app://./index.html')
+    autoUpdater.checkForUpdatesAndNotify()
+  }
+
+  win.on('closed', () => {
+    win = null
+  })
+}
+
+// Quit when all windows are closed.
+app.on('window-all-closed', () => {
+  // On macOS it is common for applications and their menu bar
+  // to stay active until the user quits explicitly with Cmd + Q
+  if (process.platform !== 'darwin') {
+    app.quit()
+  }
+})
+
+app.on('activate', () => {
+  // On macOS it's common to re-create a window in the app when the
+  // dock icon is clicked and there are no other windows open.
+  if (win === null) {
+    createWindow()
+  }
+})
+
+ipcMain.on('min', () => {
+  if (win) {
+    win.minimize()
+  }
+})
+ipcMain.on('max', e => {
+  if (win) {
+    if (win.isMaximized()) {
+      win.unmaximize()
+    } else {
+      win.maximize()
+    }
+  }
+})
+ipcMain.on('close', e => {
+  if (win) {
+    win.close()
+  }
+})
+
+ipcMain.on('opacity', (e, arg) => {
+  if (win) {
+    win.setOpacity(arg)
+  }
+})
+
+ipcMain.on('top', () => {
+  if (win) {
+    if (win.isAlwaysOnTop()) {
+      win.setAlwaysOnTop(false)
+    } else {
+      win.setAlwaysOnTop(true)
+    }
+  }
+})
+
+const gotTheLock = app.requestSingleInstanceLock()
+if (!gotTheLock) {
+  app.quit()
+} else {
+  app.on('second-instance', (event, commandLine, workingDirectory) => {
+    // 当运行第二个实例时,将会聚焦到win这个窗口
+    if (win) {
+      if (win.isMinimized()) win.restore()
+      win.focus()
+    }
+  })
+
+  // 创建 win, 加载应用的其余部分, etc...
+  app.on('ready', () => {
+    createWindow()
+  })
+}
+
+// This method will be called when Electron has finished
+// initialization and is ready to create browser windows.
+// Some APIs can only be used after this event occurs.
+// app.on('ready', async () => {
+//   if (isDevelopment && !process.env.IS_TEST) {
+//     // Install Vue Devtools
+//     // Devtools extensions are broken in Electron 6.0.0 and greater
+//     // See https://github.com/nklayman/vue-cli-plugin-electron-builder/issues/378 for more info
+//     // Electron will not launch with Devtools extensions installed on Windows 10 with dark mode
+//     // If you are not using Windows 10 dark mode, you may uncomment these lines
+//     // In addition, if the linked issue is closed, you can upgrade electron and uncomment these lines
+//     try {
+//       await installVueDevtools()
+//     } catch (e) {
+//       console.error('Vue Devtools failed to install:', e.toString())
+//     }
+//   }
+//   createWindow()
+// })
+
+// Exit cleanly on request from parent process in development mode.
+if (isDevelopment) {
+  if (process.platform === 'win32') {
+    process.on('message', data => {
+      if (data === 'graceful-exit') {
+        app.quit()
+      }
+    })
+  } else {
+    process.on('SIGTERM', () => {
+      app.quit()
+    })
+  }
+}
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,58 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="scss">
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>
--- a/src/components/detail.vue
+++ b/src/components/detail.vue
@@ -0,0 +1,159 @@
+<template>
+  <el-row class="detail">
+    <el-row class="detail-box" v-loading="loading">
+      <el-row v-html="detail.box" class="box"></el-row>
+      <el-row v-html="detail.info" class="info"></el-row>
+      <el-row class="urls">
+        <el-button size="mini" v-for="(i, j) in detail.urls" :key="j" @click="playBtn(i, j)">{{i | ftLink}}</el-button>
+      </el-row>
+    </el-row>
+  </el-row>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+import zy from '@/lib/util.zy'
+import { mapMutations } from 'vuex'
+export default Vue.extend({
+  name: 'detail',
+  data () {
+    return {
+      detail: {},
+      loading: true
+    }
+  },
+  computed: {
+    d () {
+      return this.$store.getters.getDetail
+    },
+    video: {
+      get () {
+        return this.$store.getters.getVideo
+      },
+      set (val) {
+        this.SET_VIDEO(val)
+      }
+    },
+    Main: {
+      get () {
+        return this.$store.getters.getMain
+      },
+      set (val) {
+        this.SET_MAIN(val)
+      }
+    }
+  },
+  watch: {
+    d () {
+      this.getDetailEvent()
+    }
+  },
+  filters: {
+    ftLink (e: string) {
+      let name = e.split('$')[0]
+      return name
+    }
+  },
+  methods: {
+    ...mapMutations(['SET_MAIN', 'SET_VIDEO']),
+    getDetailEvent () {
+      let url = this.d.video.detail
+      this.detail = {}
+      this.loading = true
+      zy.detail(url).then((res: any) => {
+        this.detail = res
+        this.loading = false
+      })
+    },
+    playBtn (i: string, j: number) {
+      if (this.Main !== 'Player') {
+        this.d.video.index = j
+        this.video = this.d.video
+        this.Main = 'Player'
+      } else {
+        this.d.video.index = j
+        this.video = this.d.video
+      }
+      this.d.show = false
+    }
+  },
+  created () {
+    this.getDetailEvent()
+  },
+  mounted () {}
+})
+</script>
+<style lang="scss">
+.detail{
+  box-sizing: border-box;
+  padding: 0 60px;
+  .detail-box{
+    width: 100%;
+    .box{
+      display: flex;
+      justify-content: flex-start;
+      align-items: flex-start;
+      flex-wrap: wrap;
+      width: 100%;
+      padding: 10px;
+      .vodImg{
+        width: 200px;
+        img{
+          width: 100%;
+          height: auto;
+        }
+      }
+      .vodAd{
+        display: none;
+      }
+      .vodInfo{
+        flex: 1;
+        margin-left: 20px;
+        .vodh{
+          h2{
+            display: inline-block;
+          }
+          span{
+            font-size: 12px;
+            margin-left: 10px;
+          }
+          label{
+            font-size: 20px;
+            font-weight: bold;
+            margin-left: 20px;
+          }
+        }
+        .cont, .tags{
+          display: none;
+        }
+        li{
+          list-style: none;
+          font-size: 14px;
+          height: 20px;
+          overflow: hidden;
+          a{
+            display: none;
+            pointer-events: none;
+          }
+          span{
+            word-wrap:break-word
+          }
+        }
+      }
+    }
+    .info, .urls{
+      padding: 10px;
+      margin-top: 10px;
+    }
+    .info{
+      font-size: 14px;
+    }
+    .urls{
+      margin-bottom: 20px;
+      padding-bottom: 0;
+      button{
+        margin: 0 10px 10px 0;
+      }
+    }
+  }
+}
+</style>
--- a/src/lib/sites.ts
+++ b/src/lib/sites.ts
@@ -0,0 +1,41 @@
+interface Site {
+  id: string
+  name: string
+  url: string
+  type: Array<any>
+}
+
+const sites:Array<Site> = [
+  {
+    id: 'okzy',
+    name: 'OK资源网',
+    url: 'https://www.okzy.co',
+    type: [[ '最新', '0' ], [ '电影', '1' ], [ '电视剧', '2' ], [ '综艺', '3' ], [ '动漫', '4' ], [ '伦理', '21' ], [ '福利', '22' ], [ '解说', '33' ]]
+  },
+  {
+    id: 'zuidazy',
+    name: '最大资源网',
+    url: 'http://www.zuidazy1.com',
+    type: [[ '最新', '0' ], [ '电影', '1' ], [ '电视剧', '2' ], [ '综艺', '3' ], [ '动漫', '4' ], [ '福利', '16' ], [ '伦理', '17' ], [ '音乐', '18' ]]
+  },
+  {
+    id: 'subo',
+    name: '速播资源站',
+    url: 'https://www.subo988.com',
+    type: [[ '最新', '0' ], [ '电影', '1' ], [ '电视剧', '2' ], [ '综艺', '3' ], [ '动漫', '4' ], [ '伦理', '16' ], [ '音乐', '20' ]]
+  },
+  {
+    id: 'zuixinzy',
+    name: '最新资源网',
+    url: 'http://www.zuixinzy.cc',
+    type: [[ '最新', '0' ], [ '电影', '1' ], [ '电视剧', '2' ], [ '综艺', '3' ], [ '动漫', '4' ], ['伦理', '21'], ['情色', '23'], [ '福利', '30' ], [ '解说', '34' ]]
+  },
+  {
+    id: '123ku',
+    name: '123资源网',
+    url: 'https://www.123ku.com',
+    type: [[ '最新', '0' ], [ '电影', '1' ], [ '电视剧', '2' ], [ '综艺', '3' ], [ '动漫', '4' ], [ '伦理', '16' ]]
+  }
+]
+
+export default sites
--- a/src/lib/util.zy.ts
+++ b/src/lib/util.zy.ts
@@ -0,0 +1,173 @@
+import fly from 'flyio'
+import sites from './sites'
+import { TimeSelect } from 'element-ui'
+
+interface ZY {
+  num: number
+  page: number
+  key: string
+  site: any
+  list: Array<string>
+  getInfoRequire: any
+  getInfoHtml: any
+  info: any
+  detail: any
+  films: any
+}
+
+interface info {
+  name?: string
+  type?: string
+  time?: string
+  detail?: string
+  urls?: Array<string>
+  index?: number
+}
+
+interface detail {
+  box?: any
+  info?: any
+  urls?: Array<string>
+}
+
+fly.config.timeout = 10000
+
+const zy: ZY = {
+  num: 0,
+  page: 1,
+  key: '',
+  site: {},
+  list: [],
+  getInfoRequire () {
+    return new Promise((resolve, reject) => {
+      let key = encodeURI(this.key)
+      const params = `${this.site.url}/index.php?m=vod-search-pg-${this.page}-wd-${key}.html`
+      fly.get(params).then(res => {
+        this.getInfoHtml(res.data).then((data: any) => {
+          resolve(data)
+        })
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  getInfoHtml (txt: string): any {
+    return new Promise((resolve, reject) => {
+      try {
+        const parser = new DOMParser()
+        const html = parser.parseFromString(txt, 'text/html')
+        const list: any = html.querySelectorAll('.xing_vb li')
+        let d: any = { list: [], total: 0 }
+        for (let i = 1; i < list.length - 1; i++) {
+          let info: info = {
+            name: list[i].childNodes[1].innerText,
+            type: list[i].childNodes[3].innerText,
+            time: list[i].childNodes[5].innerText,
+            detail: this.site.url + list[i].childNodes[1].childNodes[0].getAttribute('href'),
+            index: 0,
+            urls: []
+          }
+          d.list.push(info)
+        }
+        let num: any = (<HTMLImageElement>html.querySelectorAll('.nvc dd span')[1]).innerText
+        num = parseInt(num)
+        d.total = num
+        resolve(d)
+      } catch (err) {
+        reject(err)
+      }
+    })
+  },
+  info (n: number = 0, p: number = 1, k: string = '') {
+    return new Promise((resolve, reject) => {
+      this.num = n
+      this.page = p
+      this.key = k
+      this.site = sites[n]
+      this.getInfoRequire().then((res: any) => {
+        resolve(res)
+      }).catch((err: any) => {
+        reject(err)
+      })
+    })
+  },
+  detail (url: string) {
+    return new Promise((resolve, reject) => {
+      if (!url) return
+      fly.get(url).then(res => {
+        const parser = new DOMParser()
+        let html = parser.parseFromString(res.data, 'text/html')
+        let data: detail = {
+          box: '',
+          info: '',
+          urls: []
+        }
+        let vodBox = html.querySelector('.vodBox')
+        if (vodBox) {
+          data.box = vodBox.innerHTML
+        }
+        let vodInfo = {}
+        if (url.indexOf('123ku') !== -1 || url.indexOf('subo988') !== -1) {
+          vodInfo = html.querySelectorAll('.vodplayinfo')[1]
+        } else {
+          vodInfo = <HTMLImageElement>html.querySelector('.vodplayinfo')
+        }
+        data.info = (<HTMLImageElement>vodInfo).innerText
+        let urls = html.querySelectorAll('.vodplayinfo li')
+        let arr = []
+        for (let i in urls) {
+          let j = (<HTMLImageElement>urls[i]).innerText
+          if (j !== undefined && j.indexOf('.m3u8') !== -1) {
+            arr.push((<HTMLImageElement>urls[i]).innerText)
+          }
+        }
+        data.urls = arr
+        resolve(data)
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  films (n: number = 0, p: number = 1, type: string = '0') {
+    return new Promise((resolve, reject) => {
+      this.site = sites[n]
+      let url: string = sites[n].url
+      let params: string = ''
+      if (type === '0') {
+        params = `${url}/?m=vod-index-pg-${p}.html`
+      } else {
+        params = `${url}/?m=vod-type-id-${type}-pg-${p}.html`
+      }
+      fly.get(params).then(res => {
+        const parser = new DOMParser()
+        const html = parser.parseFromString(res.data, 'text/html')
+        const list: any = html.querySelectorAll('.xing_vb li')
+        let d: any = { list: [], total: 0 }
+        for (let i = 1; i < list.length - 1; i++) {
+          let info: info = {
+            name: list[i].childNodes[1].innerText,
+            type: list[i].childNodes[3].innerText,
+            time: list[i].childNodes[5].innerText,
+            detail: this.site.url + list[i].querySelector('a').getAttribute('href'),
+            index: 0,
+            urls: []
+          }
+          d.list.push(info)
+        }
+        let num: any = html.querySelectorAll('.pages')
+        if (num) {
+          let n = num[0].innerText
+          n = n.split('条')[0]
+          n = n.split('共')[1]
+          n = parseInt(n)
+          d.total = n
+        }
+        resolve(d)
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  }
+}
+
+export default zy
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,13 +1,14 @@
 import Vue from 'vue'
 import App from './App.vue'
-import router from './router'
 import store from './store'
-// import 'modern-normalize'
+import './plugins/element.ts'
+import Register from './page/register'

 Vue.config.productionTip = false

+Register.registerComponents()
+
 new Vue({
-  router,
  store,
  render: h => h(App)
 }).$mount('#app')
--- a/src/page/film.vue
+++ b/src/page/film.vue
@@ -0,0 +1,176 @@
+<template>
+  <el-row class="film">
+    <el-row class="film-tabs">
+      <el-tabs v-model="tabs" @tab-click="tabClick">
+        <el-tab-pane class="film-tabpane" v-for="(i, j) in sites[site].type" :key="j" :label="i[0]" :name="i[1]"></el-tab-pane>
+      </el-tabs>
+    </el-row>
+    <el-row class="film-table-box table-box">
+      <el-table :data="filmData" stripe class="film-table" v-loading="loading" size="mini">
+        <el-table-column prop="name" label="影片名称"></el-table-column>
+        <el-table-column prop="type" label="影片类别" width="120"></el-table-column>
+        <el-table-column prop="time" label="更新时间" width="180"></el-table-column>
+        <el-table-column label="操作" width="120">
+          <template slot-scope="scope">
+            <el-button size="small" type="text" @click="tableBtnClick('detail', scope.row)">详情</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('star', scope.row)">收藏</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('play', scope.row)">播放</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-row>
+    <el-row class="film-bottom" type="flex" justify="space-between">
+      <el-select v-model="site" placeholder="请选择" size="small" @change="selectSite">
+        <el-option
+          v-for="(i, j) in sites"
+          :key="i.id"
+          :label="i.name"
+          :value="j">
+        </el-option>
+      </el-select>
+      <el-pagination
+        small
+        layout="total, prev, pager, next, jumper"
+        :current-page="filmPage"
+        @current-change="pageChange"
+        :page-size="50"
+        :total="filmTotal">
+      </el-pagination>
+    </el-row>
+  </el-row>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+import zy from '@/lib/util.zy'
+import sites from '@/lib/sites'
+import { mapMutations } from 'vuex'
+import video from '@/plugins/dexie/video'
+export default Vue.extend({
+  data () {
+    return {
+      sites: sites,
+      tabs: '0',
+      filmPage: 1,
+      filmTotal: 0,
+      filmData: [],
+      loading: false
+    }
+  },
+  computed: {
+    video: {
+      get () {
+        return this.$store.getters.getVideo
+      },
+      set (val) {
+        this.SET_VIDEO(val)
+      }
+    },
+    site: {
+      get () {
+        return this.$store.getters.getSite
+      },
+      set (val) {
+        this.SET_SITE(val)
+      }
+    },
+    Main: {
+      get () {
+        return this.$store.getters.getMain
+      },
+      set (val) {
+        this.SET_MAIN(val)
+      }
+    }
+  },
+  methods: {
+    ...mapMutations(['SET_SITE', 'SET_DETAIL', 'SET_MAIN', 'SET_VIDEO']),
+    tabClick (tab:any) {
+      this.filmPage = 1
+      this.getFilmList(this.site, this.filmPage, tab.name)
+    },
+    selectSite (e:any) {
+      this.site = e
+      this.tabs = '0'
+      this.filmPage = 1
+      this.getFilmList(e, 1, '0')
+    },
+    pageChange (e:number) {
+      this.filmPage = e
+      this.getFilmList(this.site, this.filmPage, this.tabs)
+    },
+    getFilmList (n: number = 0, p: number = 1, type: string = '0') {
+      this.loading = true
+      this.filmData = []
+      this.tabs = type
+      zy.films(n, p, type).then((res: any) => {
+        this.filmTotal = res.total
+        this.filmData = res.list
+        this.filmPage = p
+        this.loading = false
+      }).catch((err: any) => {
+        if (err.status === 1) {
+          this.$message.warning('获取资源超时，请切换分类，或者切换源。')
+        }
+      })
+    },
+    tableBtnClick (type: string, e: any) {
+      if (type === 'detail') {
+        let d = {
+          show: true,
+          video: e
+        }
+        this.SET_DETAIL(d)
+      }
+      if (type === 'star') {
+        video.find({ detail: e.detail }).then(res => {
+          if (res) {
+            this.$message.warning('已存在')
+          } else {
+            video.add(e).then(res => {
+              this.$message.success('收藏成功')
+            })
+          }
+        })
+      }
+      if (type === 'play') {
+        this.Main = 'Player'
+        this.video = e
+      }
+    }
+  },
+  created () {
+    this.getFilmList()
+  }
+})
+</script>
+<style lang="scss" scoped>
+.film{
+  height: 100%;
+  position: relative;
+  .film-tabs{
+    position: absolute;
+    top: 0px;
+    left: 0;
+    width: 100%;
+    height: 60px;
+  }
+  .film-table-box{
+    position: absolute;
+    top: 54px;
+    width: 100%;
+    height: calc(100% - 100px);
+    overflow: auto;
+    &::-webkit-scrollbar{
+      width: 6px;
+    }
+  }
+  .film-bottom{
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 40px;
+    align-items: center;
+  }
+}
+</style>
--- a/src/page/player.vue
+++ b/src/page/player.vue
@@ -0,0 +1,270 @@
+<template>
+  <el-row class="player">
+    <el-row class="player-show" v-if="Object.keys(video).length > 0">
+      <el-row class="player-title">
+        <el-row class="player-title-box" type="flex" justify="space-between">
+          <span>
+            <span>{{video.name ? video.name + ' -- ' : '' }}</span>
+            <span>{{ num }}</span>
+          </span>
+          <span>
+            <el-button size="mini" @click="topEvent('top')" icon="el-icon-place" title="置顶" circle></el-button>
+            <el-button size="mini" @click="openDetail" icon="el-icon-document" title="查看详情" circle></el-button>
+            <el-button size="mini" v-show="!star" @click="starEvent" icon="el-icon-star-off" title="添加收藏" circle></el-button>
+            <el-button size="mini" v-show="star" @click="starEvent" icon="el-icon-star-on" title="取消收藏" circle></el-button>
+            <el-popover placement="bottom" width="150" trigger="click">
+              <el-row id="qrcode"></el-row>
+              <el-button v-show="xg !== null" size="mini" @click="mobileEvent" icon="el-icon-mobile-phone" title="手机观看" circle slot="reference" style="margin-left: 10px;"></el-button>
+            </el-popover>
+          </span>
+        </el-row>
+      </el-row>
+      <el-row class="player-box">
+        <div id="xg"></div>
+      </el-row>
+      <el-row class="player-films table-box">
+        <el-row class="player-films-box">
+          <el-button :type="j === video.index ? 'primary' : ''" size="mini" v-for="(i, j) in urls" :key="j" @click="playBtnClick(i, j)" plain>{{i | ftLink}}</el-button>
+        </el-row>
+      </el-row>
+    </el-row>
+    <el-row class="player-none"  v-if="Object.keys(video).length <= 0">
+      <el-row class="tips">
+        浏览或者搜索资源, 点击播放视频, 即可观看~
+      </el-row>
+      <el-row class="btns">
+        <el-button size="small" @click="goView('Film')" icon="el-icon-film">浏览</el-button>
+        <el-button size="small" @click="goView('Search')" icon="el-icon-search">搜索</el-button>
+      </el-row>
+    </el-row>
+  </el-row>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+import { mapMutations } from 'vuex'
+import zy from '@/lib/util.zy'
+import 'xgplayer'
+// @ts-ignore
+import Hls from 'xgplayer-hls.js'
+import video from '@/plugins/dexie/video'
+import { qrcanvas } from 'qrcanvas'
+const { ipcRenderer: ipc } = require('electron')
+export default Vue.extend({
+  data () {
+    return {
+      xg: null,
+      config: {
+        id: 'xg',
+        url: '',
+        cssFullscreen: true,
+        fluid: false,
+        autoplay: true,
+        videoInit: true,
+        keyShortcut: 'on',
+        defaultPlaybackRate: 1,
+        playbackRate: [0.5, 0.75, 1, 1.5, 2]
+      },
+      urls: [],
+      num: '',
+      star: false
+    }
+  },
+  computed: {
+    d () {
+      return this.$store.getters.getDetail
+    },
+    video: {
+      get () {
+        return this.$store.getters.getVideo
+      },
+      set (val) {
+        this.SET_VIDEO(val)
+      }
+    },
+    Main: {
+      get () {
+        return this.$store.getters.getMain
+      },
+      set (val) {
+        this.SET_MAIN(val)
+      }
+    }
+  },
+  watch: {
+    video: {
+      handler () {
+        this.getUrls()
+      },
+      deep: true
+    }
+  },
+  filters: {
+    ftLink (e: string) {
+      let name = e.split('$')[0]
+      return name
+    }
+  },
+  methods: {
+    ...mapMutations(['SET_DETAIL', 'SET_VIDEO', 'SET_MAIN']),
+    topEvent (e:string) {
+      ipc.send(e)
+    },
+    goView (e: string) {
+      this.Main = e
+    },
+    openDetail () {
+      let d = {
+        show: true,
+        video: this.video
+      }
+      this.SET_DETAIL(d)
+    },
+    getUrls () {
+      if (this.xg) {
+        // @ts-ignore
+        this.xg.destroy(true)
+        this.xg = null
+      }
+      this.checkStar()
+      zy.detail(this.video.detail).then((res: any) => {
+        this.urls = res.urls
+        if (this.xg === null) {
+          let info: any = this.urls[this.video.index]
+          let url = info.split('$')[1]
+          this.num = info.split('$')[0]
+          this.config.url = url
+          this.$nextTick(() => {
+            this.xg = new Hls(this.config)
+            // @ts-ignore
+            this.xg.on('ended', () => {
+              if (this.urls.length > 1 && (this.urls.length - 1 > this.video.index)) {
+                this.$message.success('自动播放下一集')
+                this.video.index++
+                let v: any = this.urls[this.video.index]
+                let url = v.split('$')[1]
+                this.num = v.split('$')[0]
+                // @ts-ignore
+                this.xg.src = url
+              }
+            })
+          })
+        }
+      })
+    },
+    checkStar () {
+      video.find({ detail: this.video.detail }).then(res => {
+        if (res) {
+          this.star = true
+        } else {
+          this.star = false
+        }
+      })
+    },
+    starEvent () {
+      video.find({ detail: this.video.detail }).then(res => {
+        if (res) {
+          video.remove(res.id).then(res => {
+            if (!res) {
+              this.$message.success('删除成功')
+              this.star = false
+            } else {
+              this.$message.warning('删除失败, 请重试~')
+            }
+          })
+        } else {
+          video.add(this.video).then(res => {
+            this.star = true
+            this.$message.success('收藏成功')
+          })
+        }
+      })
+    },
+    mobileEvent () {
+      let info = this.urls[this.video.index]
+      // @ts-ignore
+      let time = this.xg.currentTime
+      const canvas = qrcanvas({
+        size: 120,
+        data: `http://zy.hly120506.top/player/index.html?info=${info}&time=${time}`
+      })
+      const dom = document.getElementById('qrcode')
+      if (dom) {
+        dom.innerHTML = ''
+        dom.appendChild(canvas)
+      }
+    },
+    playBtnClick (i: string, j: number) {
+      if (this.video.index !== j) {
+        let url = i.split('$')[1]
+        this.num = i.split('$')[0]
+        this.video.index = j
+        // @ts-ignore
+        this.xg.src = url
+      }
+    }
+  }
+})
+</script>
+<style lang="scss" scoped>
+.player{
+  height: 100%;
+  width: 100%;
+  position: relative;
+  .player-show{
+    height: 100%;
+    width: 100%;
+    position: relative;
+  }
+  .player-none{
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    .tips{
+      font-size: 14px;
+      margin-bottom: 10px;
+    }
+  }
+  .player-title{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 50px;
+    line-height: 50px;
+    .player-title-box{
+      width: 600px;
+      margin: 0 auto;
+    }
+  }
+  .player-box{
+    position: absolute;
+    top: 50px;
+    left: 0;
+    width: 100%;
+    height: 350px;
+    #xg{
+      margin: 0 auto;
+    }
+  }
+  .player-films{
+    position: absolute;
+    top: 400px;
+    left: 0;
+    width: 100%;
+    height: calc(100% - 400px);
+    overflow: auto;
+    button{
+      margin: 0 10px 10px 0;
+    }
+    &::-webkit-scrollbar{
+      width: 6px;
+    }
+    .player-films-box{
+      width: 600px;
+      margin: 0 auto;
+    }
+  }
+}
+</style>
--- a/src/page/register.ts
+++ b/src/page/register.ts
@@ -0,0 +1,16 @@
+import Vue from 'vue'
+import Film from './film.vue'
+import Search from './search.vue'
+import Player from './player.vue'
+import Star from './star.vue'
+import Setting from './setting.vue'
+
+export default {
+  registerComponents () {
+    Vue.component('Film', Film)
+    Vue.component('Search', Search)
+    Vue.component('Player', Player)
+    Vue.component('Star', Star)
+    Vue.component('Setting', Setting)
+  }
+}
--- a/src/page/search.vue
+++ b/src/page/search.vue
@@ -0,0 +1,200 @@
+<template>
+  <el-row class="search">
+    <el-row class="search-box" :class="table === true ? 'search-box hasTable' : 'search-box'">
+      <el-input class="search-input" size="medium" clearable placeholder="请输入内容" v-model.trim="keywords" @change="searchEvent" @clear="clearEvent">
+        <el-select v-model="site" slot="prepend" placeholder="请选择" @change="selectSite" style="width: 130px;">
+          <el-option v-for="(i, j) in sites" :key="i.id" :label="i.name" :value="j"></el-option>
+        </el-select>
+        <el-button slot="append" icon="el-icon-search" @click="searchEvent"></el-button>
+      </el-input>
+    </el-row>
+    <el-row v-show="table" class="search-table-box table-box">
+      <el-table :data="filmData" stripe class="search-table" size="mini" v-loading="loading">
+        <el-table-column prop="name" label="影片名称"></el-table-column>
+        <el-table-column prop="type" label="影片类别" width="120"></el-table-column>
+        <el-table-column prop="time" label="更新时间" width="180"></el-table-column>
+        <el-table-column label="操作" width="120">
+          <template slot-scope="scope">
+            <el-button size="small" type="text" @click="tableBtnClick('detail', scope.row)">详情</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('star', scope.row)">收藏</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('play', scope.row)">播放</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-row>
+    <el-row v-show="table" class="search-bottom" type="flex" justify="end">
+      <el-pagination
+        small
+        layout="total, prev, pager, next, jumper"
+        :current-page="filmPage"
+        :page-size="50"
+        @current-change="pageChange"
+        :total="filmTotal">
+      </el-pagination>
+    </el-row>
+  </el-row>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+import sites from '@/lib/sites'
+import zy from '@/lib/util.zy'
+import { mapMutations } from 'vuex'
+import video from '@/plugins/dexie/video'
+export default Vue.extend({
+  data () {
+    return {
+      table: false,
+      sites: sites,
+      keywords: '',
+      filmData: [],
+      filmPage: 1,
+      filmTotal: 0,
+      loading: false
+    }
+  },
+  computed: {
+    video: {
+      get () {
+        return this.$store.getters.getVideo
+      },
+      set (val) {
+        this.SET_VIDEO(val)
+      }
+    },
+    site: {
+      get () {
+        return this.$store.getters.getSite
+      },
+      set (val) {
+        this.SET_SITE(val)
+      }
+    },
+    Main: {
+      get () {
+        return this.$store.getters.getMain
+      },
+      set (val) {
+        this.SET_MAIN(val)
+      }
+    }
+  },
+  methods: {
+    ...mapMutations(['SET_SITE', 'SET_DETAIL', 'SET_MAIN', 'SET_VIDEO']),
+    selectSite (e:number) {
+      this.site = e
+      this.filmData = []
+      this.filmPage = 1
+      this.filmTotal = 0
+      this.searchEvent()
+    },
+    searchEvent () {
+      if (this.keywords !== '') {
+        this.loading = true
+        this.table = true
+        zy.info(this.site, this.filmPage, this.keywords).then((res: any) => {
+          this.filmData = res.list
+          this.filmTotal = res.total
+          this.loading = false
+        })
+      }
+    },
+    clearEvent () {
+      this.loading = false
+      this.filmData = []
+      this.filmTotal = 0
+      this.filmPage = 1
+      this.table = false
+    },
+    pageChange (e:number) {
+      this.filmPage = e
+      this.searchEvent()
+    },
+    tableBtnClick (type: string, e: any) {
+      if (type === 'detail') {
+        let d = {
+          show: true,
+          video: e
+        }
+        this.SET_DETAIL(d)
+      }
+      if (type === 'star') {
+        video.find({ detail: e.detail }).then(res => {
+          if (res) {
+            this.$message.warning('已存在')
+          } else {
+            video.add(e).then(res => {
+              this.$message.success('收藏成功')
+            })
+          }
+        })
+      }
+      if (type === 'play') {
+        this.Main = 'Player'
+        this.video = e
+      }
+    }
+  },
+  created () {}
+})
+</script>
+<style lang="scss" scoped>
+.search{
+  height: 100%;
+  position: relative;
+  .search-box{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 40px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    animation: slideDown 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
+    @keyframes slideDown {
+      from {
+        height: 40px;
+      }
+      to{
+        height: 90%;
+      }
+    }
+    &.hasTable{
+      animation: slideUp 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
+    }
+    @keyframes slideUp {
+      from {
+        height: 90%;
+        opacity: 0;
+      }
+      to{
+        height: 40px;
+        opacity: 1;
+      }
+    }
+  }
+  .search-table-box{
+    position: absolute;
+    top: 40px;
+    width: 100%;
+    height: calc(100% - 100px);
+    overflow: auto;
+    &::-webkit-scrollbar{
+      width: 6px;
+    }
+    .search-table{
+      width: 100%;
+    }
+  }
+  .search-bottom{
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 40px;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+  }
+}
+</style>
--- a/src/page/setting.vue
+++ b/src/page/setting.vue
@@ -0,0 +1,229 @@
+<template>
+  <el-row class="setting">
+    <el-row class="setting-box table-box">
+      <el-row class="item site">
+        <el-row class="title"><i class="el-icon-set-up"></i><span>默认资源</span></el-row>
+        <el-row class="info">
+          <el-select v-model="dbSite" placeholder="请选择" size="small" @change="selectSite">
+            <el-option
+              v-for="(i, j) in sites"
+              :key="i.id"
+              :label="i.name"
+              :value="j">
+            </el-option>
+          </el-select>
+        </el-row>
+      </el-row>
+      <el-row class="item opacity">
+        <el-row class="title"><i class="el-icon-stopwatch"></i><span>透明度</span></el-row>
+        <el-row class="info">
+          <el-slider v-model="opacity" :min="50" :max="100" @input="setOpacity"></el-slider>
+        </el-row>
+      </el-row>
+      <el-row class="item theme">
+        <el-row class="title"><i class="el-icon-picture-outline-round"></i><span>主题</span></el-row>
+        <el-row class="card-box">
+          <el-card shadow="hover" class="card">
+            <img src="@/assets/image/light.png" class="image" @click="selectTheme('light')">
+            <span size="mini">Light</span>
+          </el-card>
+          <el-card shadow="hover" class="card">
+            <img src="@/assets/image/dark.png" class="image" @click="selectTheme('dark')">
+            <span size="mini">Dark</span>
+          </el-card>
+        </el-row>
+      </el-row>
+      <el-row class="item update">
+        <el-row class="title"><i class="el-icon-refresh"></i><span>更新</span></el-row>
+        <el-row class="info">
+          <ul>
+            <li>当前版本: {{oldVersion}}</li>
+            <li>最新版本: {{newVersion}}</li>
+          </ul>
+        </el-row>
+        <el-row class="btns">
+          <el-button v-show="download" size="small" @click="linkOpen('https://github.com/Hunlongyu/ZY-Player/releases/latest')">下载更新</el-button>
+        </el-row>
+      </el-row>
+      <el-row class="item about">
+        <el-row class="title"><i class="el-icon-view"></i><span>关于</span></el-row>
+        <el-row class="info">
+          <ul>
+            <li><el-link :underline="false" @click="linkOpen('http://zy.hly120506.top')">官网: ZY Player</el-link></li>
+            <li><el-link :underline="false" @click="linkOpen('https://github.com/Hunlongyu/ZY-Player/issues')">反馈: Issues</el-link></li>
+          </ul>
+        </el-row>
+      </el-row>
+    </el-row>
+  </el-row>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+import sites from '@/lib/sites'
+import { mapMutations } from 'vuex'
+import { shell } from 'electron'
+import site from '@/plugins/dexie/site'
+import theme from '@/plugins/dexie/theme'
+import fly from 'flyio'
+const { ipcRenderer: ipc } = require('electron')
+export default Vue.extend({
+  name: 'setting',
+  data () {
+    return {
+      sites: sites,
+      dbSite: 0,
+      opacity: 100,
+      oldVersion: 'v0.8.6',
+      newVersion: '',
+      download: false
+    }
+  },
+  computed: {
+    site: {
+      get () {
+        return this.$store.getters.getSite
+      },
+      set (val) {
+        this.SET_SITE(val)
+      }
+    },
+    theme: {
+      get () {
+        return this.$store.getters.getTheme
+      },
+      set (val) {
+        this.SET_THEME(val)
+      }
+    }
+  },
+  methods: {
+    ...mapMutations(['SET_SITE', 'SET_THEME']),
+    linkOpen (e:string) {
+      if (e) {
+        shell.openExternal(e)
+      }
+    },
+    initSetting () {
+      site.find().then(res => {
+        if (!res) {
+          site.add({ site: 0 })
+        } else {
+          this.dbSite = res.site
+          this.site = res.site
+        }
+      })
+      theme.find().then(res => {
+        if (!res) {
+          theme.add({ theme: 'light' })
+        } else {
+          this.theme = res.theme
+        }
+      })
+    },
+    selectSite () {
+      site.update({ site: this.dbSite }).then(res => {
+        this.site = this.dbSite
+        this.$message.success('设置默认资源成功~')
+      }).catch(() => {
+        this.$message.warning('设置默认资源失败~')
+      })
+    },
+    selectTheme (e: string) {
+      theme.update({ theme: e }).then(res => {
+        this.theme = e
+        this.$message.success('切换主题成功~')
+      }).catch(() => {
+        this.$message.warning('切换主题失败~')
+      })
+    },
+    checkUpdate () {
+      fly.get('https://api.github.com/repos/Hunlongyu/ZY-Player/releases/latest').then(res => {
+        this.newVersion = res.data.tag_name
+        if (res.data.tag_name !== this.oldVersion) {
+          this.download = true
+        } else {
+          this.download = false
+        }
+      })
+    },
+    setOpacity () {
+      ipc.send('opacity', this.opacity / 100)
+    }
+  },
+  created () {
+    this.initSetting()
+    this.checkUpdate()
+  }
+})
+</script>
+<style lang="scss" scoped>
+.setting{
+  height: 100%;
+  position: relative;
+  .setting-box{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    &::-webkit-scrollbar{
+      width: 6px;
+    }
+  }
+  .item{
+    margin-bottom: 20px;
+    .title{
+      height: 24px;
+      line-height: 24px;
+      margin-bottom: 10px;
+      display: flex;
+      align-items: center;
+      i{
+        font-size: 24px;
+        margin-right: 6px;
+      }
+    }
+  }
+  .about{
+    ul{
+      list-style: none;
+      li{
+        height: 30px;
+      }
+    }
+  }
+  .update{
+    ul{
+      list-style: none;
+      li{
+        height: 30px;
+        font-size: 14px;
+      }
+    }
+  }
+  .opacity{
+    .info{
+      width: 196px;
+      margin-left: 12px;
+    }
+  }
+  .theme{
+    .card-box{
+      display: flex;
+      justify-content: flex-start;
+      .card{
+        width: 160px;
+        margin-right: 20px;
+        text-align: center;
+        img{
+          cursor: pointer;
+          width: 100%;
+        }
+        span{
+          font-size: 14px;
+          margin-top: 10px;
+        }
+      }
+    }
+  }
+}
+</style>
--- a/src/page/star.vue
+++ b/src/page/star.vue
@@ -0,0 +1,128 @@
+<template>
+  <el-row class="star">
+    <el-row class="star-table-box table-box">
+      <el-table :data="filmData" stripe class="film-table" size="mini" empty-text="收藏夹里空空的~快去填满我吧~">
+        <el-table-column prop="name" label="影片名称"></el-table-column>
+        <el-table-column prop="type" label="影片类别" width="120"></el-table-column>
+        <el-table-column prop="time" label="更新时间" width="180"></el-table-column>
+        <el-table-column label="操作" width="120">
+          <template slot-scope="scope">
+            <el-button size="small" type="text" @click="tableBtnClick('detail', scope.row)">详情</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('delete', scope.row)">删除</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('play', scope.row)">播放</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-row>
+    <el-row class="star-bottom">
+      <el-pagination
+        small
+        layout="total, prev, pager, next, jumper"
+        :current-page="filmPage"
+        :page-size="50"
+        :total="filmTotal">
+      </el-pagination>
+    </el-row>
+  </el-row>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+import video from '@/plugins/dexie/video'
+import { mapMutations } from 'vuex'
+export default Vue.extend({
+  data () {
+    return {
+      filmData: [],
+      filmPage: 1,
+      filmTotal: 0
+    }
+  },
+  computed: {
+    video: {
+      get () {
+        return this.$store.getters.getVideo
+      },
+      set (val) {
+        this.SET_VIDEO(val)
+      }
+    },
+    Main: {
+      get () {
+        return this.$store.getters.getMain
+      },
+      set (val) {
+        this.SET_MAIN(val)
+      }
+    }
+  },
+  watch: {
+    Main: {
+      handler () {
+        this.getAllStar()
+      },
+      deep: true
+    }
+  },
+  methods: {
+    ...mapMutations(['SET_DETAIL', 'SET_VIDEO', 'SET_MAIN']),
+    getAllStar () {
+      video.all().then(res => {
+        this.filmData = res
+        this.filmTotal = res.length
+      })
+    },
+    tableBtnClick (type: string, e: any) {
+      if (type === 'detail') {
+        let d = {
+          show: true,
+          video: e
+        }
+        this.SET_DETAIL(d)
+      }
+      if (type === 'delete') {
+        video.remove(e.id).then(res => {
+          if (!res) {
+            this.$message.success('删除成功')
+          } else {
+            this.$message.warning('删除失败, 请重试~')
+          }
+          this.getAllStar()
+        })
+      }
+      if (type === 'play') {
+        this.Main = 'Player'
+        this.video = e
+      }
+    }
+  },
+  created () {
+    this.getAllStar()
+  }
+})
+</script>
+<style lang="scss" scoped>
+.star{
+  height: 100%;
+  position: relative;
+  .star-table-box{
+    position: absolute;
+    top: 0px;
+    width: 100%;
+    height: calc(100% - 40px);
+    overflow: auto;
+    &::-webkit-scrollbar{
+      width: 6px;
+    }
+  }
+  .star-bottom{
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 40px;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+  }
+}
+</style>
--- a/src/plugins/dexie/index.ts
+++ b/src/plugins/dexie/index.ts
@@ -0,0 +1,42 @@
+import Dexie from 'dexie'
+
+class ZYDB extends Dexie {
+  theme: Dexie.Table<theme, number>
+  site: Dexie.Table<site, number>
+  video: Dexie.Table<video, number>
+
+  constructor () {
+    super('ZYDB')
+    this.version(1).stores({
+      theme: '++id, theme',
+      site: '++id, site',
+      video: '++id, name, type, time, detail, urls, index'
+    })
+
+    this.theme = this.table('theme')
+    this.site = this.table('site')
+    this.video = this.table('video')
+  }
+}
+
+export interface theme {
+  id: number
+  theme?: string
+}
+
+export interface site {
+  id: number
+  site?: number
+}
+
+export interface video {
+  id?: number
+  name?: string
+  type?: string
+  time?: string
+  detail?: string
+  urls?: Array<string>
+  index?: number
+}
+
+export default new ZYDB()
--- a/src/plugins/dexie/site.ts
+++ b/src/plugins/dexie/site.ts
@@ -0,0 +1,33 @@
+import db from './index'
+
+export default {
+  add (data: any): Promise<any> {
+    return new Promise((resolve, reject) => {
+      db.site.add(data).then(res => {
+        resolve(res)
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  find (): Promise<any> {
+    return new Promise((resolve, reject) => {
+      db.site.get(1).then((res: any) => {
+        resolve(res)
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  update (data: any): Promise<any> {
+    return new Promise((resolve, reject) => {
+      db.site.update(1, data).then(updated => {
+        if (updated) {
+          resolve(updated)
+        } else {
+          reject(updated)
+        }
+      })
+    })
+  }
+}
--- a/src/plugins/dexie/theme.ts
+++ b/src/plugins/dexie/theme.ts
@@ -0,0 +1,33 @@
+import db from './index'
+
+export default {
+  add (data: any): Promise<any> {
+    return new Promise((resolve, reject) => {
+      db.theme.add(data).then(res => {
+        resolve(res)
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  find (): Promise<any> {
+    return new Promise((resolve, reject) => {
+      db.theme.get(1).then((res: any) => {
+        resolve(res)
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  update (data: any): Promise<any> {
+    return new Promise((resolve, reject) => {
+      db.theme.update(1, data).then(updated => {
+        if (updated) {
+          resolve(updated)
+        } else {
+          reject(updated)
+        }
+      })
+    })
+  }
+}
--- a/src/plugins/dexie/video.ts
+++ b/src/plugins/dexie/video.ts
@@ -0,0 +1,69 @@
+import db from './index'
+
+export default {
+  add (data: any): Promise<any> {
+    return new Promise((resolve, reject) => {
+      db.video.add(data).then(res => {
+        resolve(res)
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  find (data: any): Promise<any> {
+    return new Promise((resolve, reject) => {
+      db.video.get(data).then(res => {
+        resolve(res)
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  all (): Promise<any> {
+    return new Promise((resolve, reject) => {
+      db.video.toArray().then(res => {
+        resolve(res)
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  update (id: number, data: any): Promise<any> {
+    return new Promise((resolve, reject) => {
+      db.video.update(id, data).then(updated => {
+        if (updated) {
+          resolve(updated)
+        } else {
+          reject(updated)
+        }
+      })
+    })
+  },
+  count (): Promise<any> {
+    return new Promise((resolve, reject) => {
+      db.video.count().then(res => {
+        resolve(res)
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  remove (id: number) {
+    return new Promise((resolve, reject) => {
+      db.video.delete(id).then(res => {
+        resolve(res)
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  },
+  clear () {
+    return new Promise((resolve, reject) => {
+      db.video.clear().then(res => {
+        resolve(res)
+      }).catch(err => {
+        reject(err)
+      })
+    })
+  }
+}
--- a/src/plugins/element.ts
+++ b/src/plugins/element.ts
@@ -0,0 +1,32 @@
+import Vue from 'vue'
+import {
+  Container, Row, Col, Header, Aside, Main, Drawer,
+  Tabs, TabPane, Button, Select, Option, Pagination,
+  Table, TableColumn, Input, Card, Link, Loading,
+  Notification, Message, Slider, Popover
+} from 'element-ui'
+
+Vue.use(Container)
+Vue.use(Row)
+Vue.use(Col)
+Vue.use(Header)
+Vue.use(Aside)
+Vue.use(Main)
+Vue.use(Drawer)
+Vue.use(Tabs)
+Vue.use(TabPane)
+Vue.use(Button)
+Vue.use(Select)
+Vue.use(Option)
+Vue.use(Pagination)
+Vue.use(Table)
+Vue.use(TableColumn)
+Vue.use(Input)
+Vue.use(Card)
+Vue.use(Link)
+Vue.use(Loading)
+Vue.use(Slider)
+Vue.use(Popover)
+
+Vue.prototype.$notify = Notification
+Vue.prototype.$message = Message
--- a/src/router.js
+++ b/src/router.js
@@ -1,25 +0,0 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-import Home from './views/Home.vue'
-
-Vue.use(Router)
-
-export default new Router({
-  mode: 'history',
-  base: process.env.BASE_URL,
-  routes: [
-    {
-      path: '/',
-      name: 'home',
-      component: Home
-    },
-    {
-      path: '/search',
-      name: 'search',
-      // route level code-splitting
-      // this generates a separate chunk (about.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
-      component: () => import(/* webpackChunkName: "about" */ './views/Search.vue')
-    }
-  ]
-})
--- a/src/shims-tsx.d.ts
+++ b/src/shims-tsx.d.ts
@@ -0,0 +1,13 @@
+import Vue, { VNode } from 'vue'
+
+declare global {
+  namespace JSX {
+    // tslint:disable no-empty-interface
+    interface Element extends VNode {}
+    // tslint:disable no-empty-interface
+    interface ElementClass extends Vue {}
+    interface IntrinsicElements {
+      [elem: string]: any
+    }
+  }
+}
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@@ -0,0 +1,4 @@
+declare module '*.vue' {
+  import Vue from 'vue'
+  export default Vue
+}
--- a/src/store.js
+++ b/src/store.js
@@ -1,16 +0,0 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
-
-Vue.use(Vuex)
-
-export default new Vuex.Store({
-  state: {
-
-  },
-  mutations: {
-
-  },
-  actions: {
-
-  }
-})
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -0,0 +1,54 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  state: {
+    Main: 'Film',
+    site: 0,
+    theme: 'light',
+    detail: {
+      show: false,
+      video: ''
+    },
+    dUrl: '',
+    video: {}
+  },
+  getters: {
+    getMain: state => {
+      return state.Main
+    },
+    getSite: state => {
+      return state.site
+    },
+    getTheme: state => {
+      return state.theme
+    },
+    getDetail: state => {
+      return state.detail
+    },
+    getVideo: state => {
+      return state.video
+    }
+  },
+  mutations: {
+    SET_MAIN: (state, payload) => {
+      state.Main = payload
+    },
+    SET_SITE: (state, payload) => {
+      state.site = payload
+    },
+    SET_THEME: (state, payload) => {
+      state.theme = payload
+    },
+    SET_DETAIL: (state, payload) => {
+      state.detail = payload
+    },
+    SET_VIDEO: (state, payload) => {
+      state.video = payload
+    }
+  },
+  actions: {},
+  modules: {}
+})
--- a/src/util/util.video.js
+++ b/src/util/util.video.js
@@ -1,35 +0,0 @@
-// import Axios from "axios"
-import axios from 'axios'
-const video = {
-  url: 'http://www.666zy.com/',
-  init () {
-    console.log('init')
-    this.post(this.url, '冰雪奇缘')
-  },
-  getList () {},
-  post (url, txt) {
-    const t = encodeURI(txt)
-    const d = `wd=${t}&submit=search`
-    axios({
-      url: url,
-      method: 'post',
-      params: { m: 'vod-search' },
-      data: d
-    }).then(res => {
-      this.parser(res.data)
-    })
-  },
-  parser (txt) {
-    const parser = new DOMParser()
-    const html = parser.parseFromString(txt, 'text/html')
-    console.log(html)
-    const list = html.querySelectorAll('.xing_vb4 a')
-    console.log(list)
-    for (let i = 0; i < list.length; i++) {
-      console.log(i, list[i].innerHTML, 'innerHTML')
-      console.log(i, list[i].getAttribute('href'), 'href')
-    }
-  }
-}
-
-export default video
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,8 +0,0 @@
-<template>
-  <div class="home">home</div>
-</template>
-<script>
-export default {
-  name: 'home'
-}
-</script>
--- a/src/views/Search.vue
+++ b/src/views/Search.vue
@@ -1,13 +0,0 @@
-<template>
-  <div class="search">search</div>
-</template>
-<script>
-import video from '@/util/util.video'
-export default {
-  name: 'search',
-  methods: {},
-  created () {
-    video.init()
-  }
-}
-</script>
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -0,0 +1,39 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "strict": true,
+    "jsx": "preserve",
+    "importHelpers": true,
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "types": [
+      "webpack-env"
+    ],
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "tests/**/*.ts",
+    "tests/**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,6 +1,13 @@
 module.exports = {
  pluginOptions: {
    electronBuilder: {
+      builderOptions: {
+        win: {
+          icon: './build/icons/icon.ico'
+        },
+        productName: 'ZY Player',
+        publish: ['github']
+      },
      chainWebpackRendererProcess: config => {
        if (process.env.NODE_ENV === 'development') {
          config.plugins.delete('prefetch')
--- a/yarn.lock
+++ b/yarn.lock
Author	SHA1	Message	Date
Hunlongyu	d9122fd24e	v0.8.6	2020-01-31 05:21:46 +08:00
Hunlongyu	a746de8294	v0.8.5 size	2020-01-31 04:46:26 +08:00
Hunlongyu	f56b81ab9b	0.8.4	2020-01-31 04:33:48 +08:00
Hunlongyu	be784c9d60	v0.8.4 移动端页面扫码播放	2020-01-31 04:30:25 +08:00
Hunlongyu	fd715b7cfe	v0.8.3 视频连播，浏览加载超时提示，生成二维码	2020-01-31 04:00:43 +08:00
Hunlongyu	6979d14f35	v0.8.2 窗口置顶，窗口透明，启动唯一应用	2020-01-31 01:35:55 +08:00
Hunlongyu	be6b4b0d78	electron 7.1.9	2020-01-23 15:12:01 +08:00
hunlongyu	90b466e958	add cssFullscreen	2020-01-22 11:12:31 +08:00
hunlongyu	4b6485a922	v0.8.1 更改官网地址	2020-01-21 12:23:46 +08:00
hunlongyu	7e4f1f9127	update readme	2020-01-21 11:38:58 +08:00
hunlongyu	f8c351aa1e	v0.8.0 正式版	2020-01-21 11:12:54 +08:00
hunlongyu	65fc90819a	http	2020-01-21 11:11:19 +08:00
hunlongyu	cf634b55d7	Create CNAME	2020-01-21 11:10:02 +08:00
hunlongyu	b6acaf83e0	add docs	2020-01-21 10:52:22 +08:00
hunlongyu	f21d0a6963	v0.7.23tste	2020-01-20 18:25:47 +08:00
hunlongyu	367bd0ebd7	测试	2020-01-20 18:08:44 +08:00
hunlongyu	8f89c3db4d	v0.7.22 优化更新	2020-01-20 17:40:19 +08:00
hunlongyu	c8881bec3b	v0.7.21 优化loading 暗黑样式 ,新增版本检测	2020-01-20 17:00:43 +08:00
hunlongyu	888e2e838a	add logo	2020-01-20 16:17:44 +08:00
hunlongyu	7540cee532	测试更新	2020-01-20 16:12:10 +08:00
hunlongyu	98a682ab82	修复抽屉的暗黑样式	2020-01-20 15:46:07 +08:00
hunlongyu	4a6069c60f	test	2020-01-20 15:41:59 +08:00
hunlongyu	cd91bffa05	add readme dark	2020-01-20 15:40:32 +08:00
hunlongyu	d3083a6eb6	v0.7.19 优化完成暗黑主题	2020-01-20 15:37:35 +08:00
hunlongyu	6ba19f6f6b	v0.7.18 完成换肤功能, 但是待优化	2020-01-20 10:54:41 +08:00
Hunlongyu	66a91a746f	electron update 7.1.9	2020-01-19 22:04:27 +08:00
Hunlongyu	b8cd7cc30c	v0.7.17 修复高dpi 显示器的显示错位问题	2020-01-19 21:27:23 +08:00
Hunlongyu	02c5cc0f1d	Merge pull request #1 from Hunlongyu/add-license-1 Create LICENSE	2020-01-19 17:58:57 +08:00
Hunlongyu	dba13326cd	Create LICENSE	2020-01-19 17:58:40 +08:00
hunlongyu	14eed868c1	v0.7.16 测试自动更新	2020-01-19 17:45:08 +08:00
hunlongyu	f9ff6bbde9	v0.7.13 测试自动更新	2020-01-19 17:16:58 +08:00
hunlongyu	b208dfc3b6	add update	2020-01-19 17:16:32 +08:00
hunlongyu	23d221979e	README.MD	2020-01-19 17:03:39 +08:00
hunlongyu	b36b6bd9e4	v	2020-01-19 16:39:16 +08:00
hunlongyu	4c8b3ae36b	v0.7.12 主题	2020-01-19 16:39:04 +08:00
hunlongyu	58f1ecdb57	更改图标	2020-01-19 16:14:23 +08:00
hunlongyu	b5a9d4482b	v0.7.11 app name	2020-01-19 16:06:06 +08:00
hunlongyu	8c05489b06	v	2020-01-19 15:55:14 +08:00
hunlongyu	bf0ccef8ba	v0.7.10 播放视频页面优化提示, 测试icon	2020-01-19 15:54:58 +08:00
hunlongyu	0161e2ee1d	v0.7.9 测试icon, 优化界面	2020-01-19 15:37:02 +08:00
hunlongyu	9df844dbe8	add icon	2020-01-19 15:23:51 +08:00
hunlongyu	e723fe0cf1	remove ico	2020-01-19 15:01:57 +08:00
hunlongyu	3d94ab2f6c	v0.7.7 增加软件icon	2020-01-19 15:01:29 +08:00
hunlongyu	dabf4390bd	v0.7.6 资源播放优化样式	2020-01-19 14:37:22 +08:00
hunlongyu	93c7392754	v0.7.5 获取资源列表, 获取详细信息, 播放资源, 收藏资源	2020-01-18 18:46:49 +08:00
hunlongyu	426bb05e1c	v0.7.4 最终确认使用 dexie 来存储数据	2020-01-17 16:42:40 +08:00
hunlongyu	c9f30ce42f	test dbdb	2020-01-17 14:32:59 +08:00
hunlongyu	e126beb59c	test nedb	2020-01-17 14:28:39 +08:00
hunlongyu	851d4a7ce7	remove package	2020-01-17 10:54:27 +08:00
hunlongyu	d1dd9491da	test db	2020-01-17 10:52:26 +08:00
hunlongyu	36e1372f51	由于找不到合适的数据存储插件, 暂停开发. 准备先开发一个 ts 的 indexedDB 插件	2020-01-15 16:19:58 +08:00
hunlongyu	f05a361265	remove rxdb rxjs	2020-01-15 14:39:54 +08:00
hunlongyu	4a01550ad6	remove nedb, search new database	2020-01-14 18:04:06 +08:00
hunlongyu	b09954ca7c	v0.7.3 移除无用的插件	2020-01-14 16:20:48 +08:00
hunlongyu	ec6bc18fbf	v0.7.2 完成所有界面布局. 逻辑暂未开始	2020-01-14 16:19:39 +08:00
hunlongyu	2bdaf70be1	列表页面 doing	2020-01-13 18:20:20 +08:00
hunlongyu	f0ad01fe5a	add new files and remove some files	2020-01-13 14:06:51 +08:00
hunlongyu	e9f172d1b1	v0.7.0 init	2020-01-13 11:16:43 +08:00
hunlongyu	6e2e8e457e	remove all files and reset project	2020-01-13 10:42:21 +08:00
hunlongyu	87760286db	Update Player.vue	2020-01-13 10:39:48 +08:00
hunlongyu	d9207d6429	v0.6.5 test update	2020-01-10 17:13:43 +08:00
hunlongyu	0e9acb2bab	add badge	2020-01-10 16:57:34 +08:00
hunlongyu	6fa2c1f1cc	v0.6.4	2020-01-10 16:08:32 +08:00
hunlongyu	d48f877db5	test 1	2020-01-10 15:06:44 +08:00
hunlongyu	325b4dc764	v0.6.3	2020-01-10 14:57:15 +08:00
hunlongyu	8fb287abdd	test	2020-01-10 14:50:29 +08:00
hunlongyu	393ca2ce7a	add download link	2020-01-08 16:50:59 +08:00
hunlongyu	7bf915cec6	modify readme	2020-01-08 16:44:48 +08:00
hunlongyu	a214c524f7	window size	2020-01-08 16:23:58 +08:00
hunlongyu	9812991d7a	Merge branch 'develop'	2020-01-08 16:21:16 +08:00
hunlongyu	d55c7f386b	ico	2020-01-08 16:19:52 +08:00
hunlongyu	6dbd04fdbc	v0.6.1	2020-01-08 16:11:24 +08:00
hunlongyu	2a03e04ab5	Create package-lock.json	2020-01-08 14:16:56 +08:00
hunlongyu	a0d66120a2	v0.6.0	2020-01-08 13:29:43 +08:00
hunlongyu	7669bbfd88	version 0.6.0	2020-01-08 11:34:14 +08:00
hunlongyu	7bad682e48	修改版本号	2020-01-08 11:19:11 +08:00
hunlongyu	f4becc4645	优化收藏页面和详情页面	2020-01-08 11:15:53 +08:00
hunlongyu	188035c4a1	新增更多资源网站, 优化显示结果.	2020-01-07 17:18:04 +08:00
hunlongyu	3764eaacbb	0.5.9	2019-12-24 11:47:56 +08:00
hunlongyu	71d8434f21	升级内核	2019-12-24 11:47:34 +08:00
hunlongyu	96c9aa56fa	0.5.8	2019-12-24 11:40:27 +08:00
hunlongyu	be6f4a57c6	修改播放器的大小位置	2019-12-24 11:40:00 +08:00
hunlongyu	72f4502ccb	v0.5.6	2019-12-24 10:26:06 +08:00
hunlongyu	c0194b94a4	0.5.6	2019-12-24 10:19:03 +08:00
hunlongyu	f5d4489f88	v0.5.5	2019-12-24 10:18:55 +08:00
hunlongyu	9fa1bf2ccc	v0.5.5	2019-12-24 10:08:37 +08:00
hunlongyu	e10d06f9f8	v0.5.4	2019-12-24 10:02:39 +08:00
hunlongyu	6fee707e0d	v0.5.3	2019-12-24 09:55:14 +08:00
hunlongyu	8dfb3b8c01	v0.5.2	2019-12-24 09:52:23 +08:00
Hunlongyu	2899d81ba5	Create LICENSE	2019-12-24 09:41:54 +08:00
hunlongyu	58387784ee	modify vue config	2019-12-24 09:33:26 +08:00
hunlongyu	c7b4f77f34	新增Logo	2019-12-23 18:53:36 +08:00
hunlongyu	f6bef563d2	核心功能完成	2019-12-23 15:45:35 +08:00
Hunlongyu	3488d7c2ed	modify version	2019-12-12 15:52:51 +08:00
Hunlongyu	3a69b0616a	detail done	2019-12-12 15:52:26 +08:00
Hunlongyu	5df7f0e0cc	modify version	2019-12-11 10:52:18 +08:00
Hunlongyu	b12ab83747	collection done	2019-12-11 10:30:46 +08:00
Hunlongyu	5fa078d628	remove console.log	2019-12-11 09:00:01 +08:00
Hunlongyu	16449a45a0	remove a package	2019-12-10 14:13:30 +08:00
Hunlongyu	d7653fbee4	change version	2019-12-10 14:09:41 +08:00
Hunlongyu	45603a95c0	database done	2019-12-10 14:09:00 +08:00
Hunlongyu	d7af49d4ee	remove localforage add nedb	2019-12-09 14:23:20 +08:00
Hunlongyu	a29275ca73	20191206	2019-12-06 10:58:38 +08:00
Hunlongyu	84ac91a3d1	search btns event	2019-12-05 13:42:20 +08:00
Hunlongyu	03745e63ad	init done	2019-12-05 10:48:51 +08:00
Hunlongyu	38d751d4c0	do search page	2019-12-04 18:33:31 +08:00
Hunlongyu	55aa9a528c	v0.1.2	2019-12-02 10:36:57 +08:00
Hunlongyu	d82cf1995b	sider and frame done	2019-12-02 10:35:09 +08:00
Hunlongyu	00b39718f9	201911281810	2019-11-29 18:10:44 +08:00
Hunlongyu	dfc16d4441	20191128	2019-11-29 17:51:27 +08:00
				`@@ -0,0 +1 @@`
				`<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill-opacity=".32" fill="#535FD7" d="M0 0h24v48H0z"/><path fill-opacity=".16" fill="#2FEAFC" d="M28 0h20v20H28z"/><path d="M14 9v4h20V9a1 1 0 0 0-1-1H15a1 1 0 0 0-1 1z" fill="#7C85E1"/><path d="M39 15H9a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h3V23h24v10h3a1 1 0 0 0 1-1V16a1 1 0 0 0-1-1zM20 40v-6h-6z" fill="#61EFFD"/><path d="M14 25v7h7a1 1 0 0 1 1 1v7h11a1 1 0 0 0 1-1V25H14z" fill="#7C85E1"/></g></svg>`
				`@@ -0,0 +1 @@`
				<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="20.313%" y1="83.13%" x2="79.211%" y2="18.665%" id="a"><stop stop-color="#93F4FE" offset="0%"/><stop stop-color="#535FD7" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="77.135%" y2="77.109%" id="b"><stop stop-color="#FFF" stop-opacity=".48" offset="0%"/><stop stop-color="#FFF" stop-opacity="0" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16C31.99 7.168 24.832.01 16 0z" fill="url(#a)"/><path d="M29.012 25.313A11.98 11.98 0 0 1 25 26c-6.627 0-12-5.373-12-12 0-6.235 4.756-11.36 10.838-11.944C28.705 4.8 31.993 10.016 32 16c0 3.474-1.107 6.69-2.988 9.313z" fill="url(#b)"/></g></svg>
				`@@ -0,0 +1 @@`
				!function(){const e=document,t=e.documentElement,n=e.body,i=e.getElementById("lights-toggle"),s=window.sr=ScrollReveal();function a(){let e=i.parentNode.querySelector(".label-text");i.checked?(n.classList.remove("lights-off"),e&&(e.innerHTML="dark")):(n.classList.add("lights-off"),e&&(e.innerHTML="light"))}t.classList.remove("no-js"),t.classList.add("js"),window.addEventListener("load",function(){n.classList.add("is-loaded")}),n.classList.contains("has-animations")&&window.addEventListener("load",function(){s.reveal(".feature",{duration:600,distance:"20px",easing:"cubic-bezier(0.215, 0.61, 0.355, 1)",origin:"right",viewFactor:.2})}),i&&(window.addEventListener("load",a),i.addEventListener("change",a))}();