init

Author: wutongci

README.md

@@ -1,4 +1,4 @@
-# zeus-book
+# MediaPub 桌面文章视频发布软件
 
 > An electron-vue project
 
@@ -24,5 +24,3 @@ npm run lint
 ```
 
 ---
-
-This project was generated with [electron-vue](https://github.com/SimulatedGREG/electron-vue)@[45a3e22](https://github.com/SimulatedGREG/electron-vue/tree/45a3e224e7bb8fc71909021ccfdcfec0f461f634) using [vue-cli](https://github.com/vuejs/vue-cli). Documentation about the original structure can be found [here](https://simulatedgreg.gitbooks.io/electron-vue/content/index.html).

src/main/modules/ipcEvent.js

@@ -2,7 +2,7 @@ import { ipcMain } from 'electron'
 
 export default function () {
   ipcMain.on('download-start', (e, args) => {
-    let url = 'response:' + args.url
+    // let url = 'response:' + args.url
     console.log('send download msg')
   })
 }

src/renderer/components/LandingPage.vue

@@ -1,53 +1,64 @@
 <template>
-  <div id="wrapper">
-
-  </div>
+  <a-layout id="components-layout-demo-side" style="min-height: 100vh">
+    <a-layout-sider collapsible v-model="collapsed">
+      <div class="logo" />
+      <a-menu theme="dark" :defaultSelectedKeys="['1']" mode="inline">
+        <a-menu-item key="1">
+          <a-icon type="pie-chart" />
+          <span>Option 1</span>
+        </a-menu-item>
+        <a-menu-item key="2">
+          <a-icon type="desktop" />
+          <span>Option 2</span>
+        </a-menu-item>
+        <a-sub-menu key="sub1">
+          <span slot="title"><a-icon type="user" /><span>User</span></span>
+          <a-menu-item key="3">Tom</a-menu-item>
+          <a-menu-item key="4">Bill</a-menu-item>
+          <a-menu-item key="5">Alex</a-menu-item>
+        </a-sub-menu>
+        <a-sub-menu key="sub2">
+          <span slot="title"><a-icon type="team" /><span>Team</span></span>
+          <a-menu-item key="6">Team 1</a-menu-item>
+          <a-menu-item key="8">Team 2</a-menu-item>
+        </a-sub-menu>
+        <a-menu-item key="9">
+          <a-icon type="file" />
+          <span>File</span>
+        </a-menu-item>
+      </a-menu>
+    </a-layout-sider>
+    <a-layout>
+      <a-layout-header style="background: #fff; padding: 0" />
+      <a-layout-content style="margin: 0 16px">
+        <a-breadcrumb style="margin: 16px 0">
+          <a-breadcrumb-item>User</a-breadcrumb-item>
+          <a-breadcrumb-item>Bill</a-breadcrumb-item>
+        </a-breadcrumb>
+        <div :style="{ padding: '24px', background: '#fff', minHeight: '360px' }">
+          Bill is a cat.
+        </div>
+      </a-layout-content>
+      <a-layout-footer style="text-align: center">
+        Ant Design ©2018 Created by Ant UED
+      </a-layout-footer>
+    </a-layout>
+  </a-layout>
 </template>
-
 <script>
   export default {
-    name: 'landing-page',
-    components: {
-      'down-log': DownLog
-    },
     data () {
       return {
-        cache: [],
-        status: 'idle'
+        collapsed: false
       }
-    },
-    computed: {
-      isRunning () {
-        return this.status === 'running'
-      }
-    },
-    mounted () {
-
-    },
-    methods: {
     }
   }
 </script>
 
-
-
 <style>
-  @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
-  * {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-  }
-  body { font-family: 'Source Sans Pro', sans-serif; }
-  #wrapper {
-    background:
-      radial-gradient(
-        ellipse at top left,
-        rgba(255, 255, 255, 1) 40%,
-        rgba(229, 229, 229, .9) 100%
-      );
-    height: 100vh;
-    padding: 60px 80px;
-    width: 100vw;
+  #components-layout-demo-side .logo {
+    height: 32px;
+    background: rgba(255, 255, 255, 0.2);
+    margin: 16px;
   }
 </style>