diff --git a/README.md b/README.md
index 82545f3..68f8fc5 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@
 - algorithm
   - Array
     - [InsertSoft](https://l1yuu.github.io/frontend-course-list/algorithm/array/insert-soft/) 
-- [desktop](https://l1yuu.github.io/frontend-course-list/typescript/desktop)
+- [electron](https://l1yuu.github.io/frontend-course-list/typescript/electron)
 - framwork
   - [async](https://l1yuu.github.io/frontend-course-list/framWork/async/)
   - [html2canvas](https://l1yuu.github.io/frontend-course-list/framWork/html2canvas/)
diff --git a/desktop/src/renderer/components/countDown/index.vue b/desktop/src/renderer/components/countDown/index.vue
deleted file mode 100644
index 56dcf6b..0000000
--- a/desktop/src/renderer/components/countDown/index.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-
-<template>
-  <div>
-    <div class="countdown">
-      123
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    
-  }
-}
-</script>
-
-
-<style scoped>
-  .countdown {
-    display: flex;
-    justify-content: center;
-  }
-</style>
\ No newline at end of file
diff --git a/desktop/src/renderer/router/index.js b/desktop/src/renderer/router/index.js
deleted file mode 100644
index e7f03bb..0000000
--- a/desktop/src/renderer/router/index.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-
-Vue.use(Router)
-
-export default new Router({
-  routes: [
-    {
-      path: '/',
-      name: 'landing-page',
-      component: require('@/view/home/').default
-    },
-    {
-      path: '*',
-      redirect: '/'
-    }
-  ]
-})
diff --git a/desktop/src/renderer/view/home/index.vue b/desktop/src/renderer/view/home/index.vue
deleted file mode 100644
index ca31b0a..0000000
--- a/desktop/src/renderer/view/home/index.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-  <div>
-    <countDown></countDown>
-  </div>
-</template>
-
-<script>
-
-import countDown from '@/components/countDown';
-
-
-export default {
-  components: {
-    countDown
-  }
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/desktop/.babelrc b/electron/.babelrc
similarity index 100%
rename from desktop/.babelrc
rename to electron/.babelrc
diff --git a/desktop/.electron-vue/build.js b/electron/.electron-vue/build.js
similarity index 100%
rename from desktop/.electron-vue/build.js
rename to electron/.electron-vue/build.js
diff --git a/desktop/.electron-vue/dev-client.js b/electron/.electron-vue/dev-client.js
similarity index 100%
rename from desktop/.electron-vue/dev-client.js
rename to electron/.electron-vue/dev-client.js
diff --git a/desktop/.electron-vue/dev-runner.js b/electron/.electron-vue/dev-runner.js
similarity index 100%
rename from desktop/.electron-vue/dev-runner.js
rename to electron/.electron-vue/dev-runner.js
diff --git a/desktop/.electron-vue/webpack.main.config.js b/electron/.electron-vue/webpack.main.config.js
similarity index 100%
rename from desktop/.electron-vue/webpack.main.config.js
rename to electron/.electron-vue/webpack.main.config.js
diff --git a/desktop/.electron-vue/webpack.renderer.config.js b/electron/.electron-vue/webpack.renderer.config.js
similarity index 100%
rename from desktop/.electron-vue/webpack.renderer.config.js
rename to electron/.electron-vue/webpack.renderer.config.js
diff --git a/desktop/.electron-vue/webpack.web.config.js b/electron/.electron-vue/webpack.web.config.js
similarity index 100%
rename from desktop/.electron-vue/webpack.web.config.js
rename to electron/.electron-vue/webpack.web.config.js
diff --git a/desktop/.gitignore b/electron/.gitignore
similarity index 100%
rename from desktop/.gitignore
rename to electron/.gitignore
diff --git a/desktop/.travis.yml b/electron/.travis.yml
similarity index 100%
rename from desktop/.travis.yml
rename to electron/.travis.yml
diff --git a/desktop/README.md b/electron/README.md
similarity index 100%
rename from desktop/README.md
rename to electron/README.md
diff --git a/desktop/appveyor.yml b/electron/appveyor.yml
similarity index 100%
rename from desktop/appveyor.yml
rename to electron/appveyor.yml
diff --git a/desktop/build/icons/256x256.png b/electron/build/icons/256x256.png
similarity index 100%
rename from desktop/build/icons/256x256.png
rename to electron/build/icons/256x256.png
diff --git a/desktop/build/icons/icon.icns b/electron/build/icons/icon.icns
similarity index 100%
rename from desktop/build/icons/icon.icns
rename to electron/build/icons/icon.icns
diff --git a/desktop/build/icons/icon.ico b/electron/build/icons/icon.ico
similarity index 100%
rename from desktop/build/icons/icon.ico
rename to electron/build/icons/icon.ico
diff --git a/desktop/dist/electron/.gitkeep b/electron/dist/electron/.gitkeep
similarity index 100%
rename from desktop/dist/electron/.gitkeep
rename to electron/dist/electron/.gitkeep
diff --git a/desktop/dist/web/.gitkeep b/electron/dist/web/.gitkeep
similarity index 100%
rename from desktop/dist/web/.gitkeep
rename to electron/dist/web/.gitkeep
diff --git a/desktop/package.json b/electron/package.json
similarity index 100%
rename from desktop/package.json
rename to electron/package.json
diff --git a/desktop/src/index.ejs b/electron/src/index.ejs
similarity index 96%
rename from desktop/src/index.ejs
rename to electron/src/index.ejs
index 65f9036..5e5c5b9 100644
--- a/desktop/src/index.ejs
+++ b/electron/src/index.ejs
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title>countdown</title>
+    <title>Electron</title>
     <% if (htmlWebpackPlugin.options.nodeModules) { %>
       <!-- Add `node_modules/` to global paths so `require` works properly in development -->
       <script>
diff --git a/desktop/src/main/index.dev.js b/electron/src/main/index.dev.js
similarity index 100%
rename from desktop/src/main/index.dev.js
rename to electron/src/main/index.dev.js
diff --git a/desktop/src/main/index.js b/electron/src/main/index.js
similarity index 95%
rename from desktop/src/main/index.js
rename to electron/src/main/index.js
index 788d60c..bc5375b 100644
--- a/desktop/src/main/index.js
+++ b/electron/src/main/index.js
@@ -21,7 +21,9 @@ function createWindow () {
   mainWindow = new BrowserWindow({
     height: 563,
     useContentSize: true,
-    width: 1000
+    width: 1000,
+    resizable: false,
+    titleBarStyle: 'hidden'
   })
   mainWindow.loadURL(winURL)
 
diff --git a/desktop/src/renderer/App.vue b/electron/src/renderer/App.vue
similarity index 100%
rename from desktop/src/renderer/App.vue
rename to electron/src/renderer/App.vue
diff --git a/desktop/src/renderer/assets/.gitkeep b/electron/src/renderer/assets/.gitkeep
similarity index 100%
rename from desktop/src/renderer/assets/.gitkeep
rename to electron/src/renderer/assets/.gitkeep
diff --git a/electron/src/renderer/assets/css/tools.scss b/electron/src/renderer/assets/css/tools.scss
new file mode 100644
index 0000000..54c33e8
--- /dev/null
+++ b/electron/src/renderer/assets/css/tools.scss
@@ -0,0 +1,6 @@
+
+
+
+@mixin boxCenter() {
+  transform: translate(-50%, -50%);
+}
diff --git a/desktop/src/renderer/assets/logo.png b/electron/src/renderer/assets/logo.png
similarity index 100%
rename from desktop/src/renderer/assets/logo.png
rename to electron/src/renderer/assets/logo.png
diff --git a/electron/src/renderer/components/addTask/index.vue b/electron/src/renderer/components/addTask/index.vue
new file mode 100644
index 0000000..9a1810b
--- /dev/null
+++ b/electron/src/renderer/components/addTask/index.vue
@@ -0,0 +1,28 @@
+<template>
+  <div v-show="visble" class="el-todo-add-task">
+
+  </div>
+</template>
+
+<script>
+export default {  
+  data() {
+    return {
+      visble: false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  @import '@/assets/css/tools';
+  .el-todo-add-task {
+    position: absolute;
+    width: 500px;
+    height: 400px;
+    @include boxCenter;
+    top: 50%;
+    left: 50%;
+    border: 1px solid #ccc;
+  }
+</style>
\ No newline at end of file
diff --git a/electron/src/renderer/components/menuBar/index.vue b/electron/src/renderer/components/menuBar/index.vue
new file mode 100644
index 0000000..a6ca2f0
--- /dev/null
+++ b/electron/src/renderer/components/menuBar/index.vue
@@ -0,0 +1,39 @@
+<template>
+  <div class="el-menubar">
+    <div @click="jumpTo" class="el-menubar-button">Todo</div>
+  </div>
+</template>
+
+<script>
+export default {
+  created() {
+    console.log(this.$route)
+  },
+  methods: {
+    jumpTo(link) {
+      console.log(this.$router);
+      this.$router.push({ path: 'todo' })
+    }
+
+  }
+}
+</script>
+
+<style lang="scss" scoped >
+  .el-menubar{
+    display: flex;
+    justify-content: center;
+    -webkit-app-region: drag;
+    -webkit-user-select: none;
+    width:70px;
+    height: 100vh;
+    background: #333;
+    color:#fff;
+    .el-menubar-button {
+      &:nth-of-type(1) {
+        margin-top:50px;
+      }
+      height: 30px;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/desktop/src/renderer/main.js b/electron/src/renderer/main.js
similarity index 100%
rename from desktop/src/renderer/main.js
rename to electron/src/renderer/main.js
diff --git a/electron/src/renderer/router/index.js b/electron/src/renderer/router/index.js
new file mode 100644
index 0000000..4ff12dd
--- /dev/null
+++ b/electron/src/renderer/router/index.js
@@ -0,0 +1,22 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+Vue.use(Router)
+
+export default new Router({
+  routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: () => import('@/view/layout'),
+      redirect: 'todo',
+      children: [
+        {
+          path: '/todo',
+          name: 'todo',
+          component: () => import('@/view/todo')
+        }
+      ]
+    }
+  ]
+})
diff --git a/desktop/src/renderer/store/index.js b/electron/src/renderer/store/index.js
similarity index 100%
rename from desktop/src/renderer/store/index.js
rename to electron/src/renderer/store/index.js
diff --git a/desktop/src/renderer/store/modules/Counter.js b/electron/src/renderer/store/modules/Counter.js
similarity index 100%
rename from desktop/src/renderer/store/modules/Counter.js
rename to electron/src/renderer/store/modules/Counter.js
diff --git a/desktop/src/renderer/store/modules/index.js b/electron/src/renderer/store/modules/index.js
similarity index 100%
rename from desktop/src/renderer/store/modules/index.js
rename to electron/src/renderer/store/modules/index.js
diff --git a/electron/src/renderer/view/layout/index.vue b/electron/src/renderer/view/layout/index.vue
new file mode 100644
index 0000000..653ed80
--- /dev/null
+++ b/electron/src/renderer/view/layout/index.vue
@@ -0,0 +1,38 @@
+<template>
+  <div class="layout">
+    <menu-bar></menu-bar>
+    <div class="container">
+      <router-view />
+    </div>
+  </div>
+</template>
+
+<script>
+import menuBar from '@/components/menuBar';
+
+export default {
+  components: {
+    menuBar
+  },
+  methods: {
+    test(link) {
+     this.$electron.remote.dialog.showOpenDialog()
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.layout {
+    font-family: Georgia, -apple-system, 'Nimbus Roman No9 L', 'PingFang SC', 'Hiragino Sans GB', 'Noto Serif SC', 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'ST Heiti', sans-serif,
+    sans-serif;
+  position: relative;
+  .container {
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 100vh;
+    width: 930px;
+  }
+}
+</style>
diff --git a/electron/src/renderer/view/todo/index.vue b/electron/src/renderer/view/todo/index.vue
new file mode 100644
index 0000000..463deac
--- /dev/null
+++ b/electron/src/renderer/view/todo/index.vue
@@ -0,0 +1,70 @@
+<template>
+  <div class="el-todo">
+    <div class="el-todo-add-button">添加Todo</div>
+      
+    <div class="el-todo-task-list">
+      <div class="el-todo-task-item">
+        <ul>
+          <li></li>
+        </ul>
+      </div>
+    </div>
+
+    <add-task ref="addtask"></add-task>
+
+  </div>
+</template>
+
+<script>
+
+import addTask from '@/components/addTask';
+export default {
+  methods: {
+    showAddTask() {
+      this.$refs.addTask.show();
+    },
+  },
+  components: {
+    addTask
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  @import '@/assets/css/tools';
+  .el-todo {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    right: 0;
+  }
+
+  .el-todo-task-list {
+    width: 100%;
+    top: 0;
+    .el-todo-task-item {
+      width: 300px;
+    }
+    li {
+      min-height: 40px;
+      background: gray;
+    }
+  }
+
+  .el-todo-add-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    width: 140px;
+    height: 50px;
+    cursor: pointer;
+    border-radius: 30px;
+    background: rgb(51, 51, 51);
+    box-shadow: 1px 7px 19px 0px #888;
+  }
+</style>
diff --git a/desktop/static/.gitkeep b/electron/static/.gitkeep
similarity index 100%
rename from desktop/static/.gitkeep
rename to electron/static/.gitkeep
diff --git a/native-api/clipboard/index.js b/native-api/clipboard/index.js
index e66fba8..92560c6 100644
--- a/native-api/clipboard/index.js
+++ b/native-api/clipboard/index.js
@@ -1,10 +1,15 @@
 /*
  * @Author: Blue 
  * @Date: 2020-07-01 15:27:05 
- * @Last Modified by:   Blue 
- * @Last Modified time: 2020-07-01 15:27:05 
+ * @Last Modified by: Blue
+ * @Last Modified time: 2020-07-02 10:56:50
  */
 
 
 
- 
\ No newline at end of file
+ navigator.permissions.query({ name: 'clipboard-read' }).then(result => {
+  
+
+
+
+ })
\ No newline at end of file