Browse Source

修改排版

gaoshuaixing 4 years ago
parent
commit
e06001dba8

+ 1 - 0
frontend/.eslintrc.js

@@ -14,6 +14,7 @@ module.exports = {
     'no-console': 'off',
     "no-unused-vars":"off", //重要 var 变量为引入
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    "no-tabs":"off",
     'generator-star-spacing': 'off',
     'no-mixed-operators': 0,
     "vue/max-attributes-per-line": [2, {

+ 15 - 13
frontend/src/views/demo/file/Index.vue

@@ -2,7 +2,7 @@
   <div id="app-demo-file">
     <div class="one-block-1">
       <span>
-        上传文件到sm图床
+        1. 上传文件到sm图床
       </span>
     </div>  
     <div class="one-block-2">
@@ -35,7 +35,7 @@
     </div>
     <div class="one-block-1">
       <span>
-        打开文件夹
+        2. 打开文件夹
       </span>
     </div>  
     <div class="one-block-2">
@@ -51,19 +51,20 @@
     </div>
     <div class="one-block-1">
       <span>
-        保存目录
+        3. 选择保存目录
       </span>
     </div>  
     <div class="one-block-2">
-			<a-input addon-before="保存目录" v-model="dir_path" :value="dir_path" />
-			<a-button @click="selectDir">修改目录</a-button>
-      <!-- <a-card hoverable style="width: 100%">
-        <template slot="actions" class="ant-card-actions">
-          <a @click="selectDir">修改目录</a>
-        </template>
-        <a-card-meta v-model="dir_path" title="保存目录" :description="dir_path">
-        </a-card-meta>
-      </a-card> -->
+      <a-row>
+        <a-col :span="12">
+          <a-input v-model="dir_path" :value="dir_path" addon-before="保存目录" />
+        </a-col>
+        <a-col :span="12">
+          <a-button @click="selectDir">
+            修改目录
+          </a-button>
+        </a-col>
+      </a-row>
     </div>
   </div>
 </template>
@@ -141,6 +142,7 @@ export default {
         if (res.code !== 0) {
           return false
         }
+				console.log('res.data.dir:', res.data.dir)
         this.dir_path = res.data.dir;
       }).catch(err => {
         this.$message.error('异常')
@@ -152,7 +154,7 @@ export default {
 <style lang="less" scoped>
 #app-demo-file {
   padding: 0px 10px;
-  text-align: center;
+  text-align: left;
   width: 100%;
   .one-block-1 {
     font-size: 16px;

+ 3 - 3
frontend/src/views/demo/shortcut/Index.vue

@@ -2,13 +2,13 @@
   <div id="app-demo-shortcut">
     <div class="one-block-1">
       <span>
-        快捷键
+        1. 快捷键
       </span>
     </div>  
     <div class="one-block-2">
       <a-row :gutter="[16,16]">
         <a-col :span="24">
-          1. 窗口最小化
+          【窗口最小化】
           <a-form :form="form" @submit="handleSubmit">
             <a-form-item>
               <hot-key-input
@@ -86,7 +86,7 @@ export default {
 <style lang="less" scoped>
 #app-demo-shortcut {
   padding: 0px 10px;
-  text-align: center;
+  text-align: left;
   width: 100%;
   .one-block-1 {
     font-size: 16px;

+ 3 - 3
frontend/src/views/demo/socket/Index.vue

@@ -2,7 +2,7 @@
   <div id="app-demo-socket-ipc">
     <div class="one-block-1">
       <span>
-        渲染进程与主进程IPC通信
+        1. 渲染进程与主进程IPC通信
       </span>
     </div>  
     <div class="one-block-2">
@@ -16,7 +16,7 @@
     </div>
     <div class="one-block-1">
       <span>
-        主进程API执行网页函数
+        2. 主进程API执行网页函数
       </span>
     </div>  
     <div class="one-block-2">
@@ -62,7 +62,7 @@ export default {
 <style lang="less" scoped>
 #app-demo-socket-ipc {
   padding: 0px 10px;
-  text-align: center;
+  text-align: left;
   width: 100%;
   .one-block-1 {
     font-size: 16px;

+ 8 - 3
frontend/src/views/demo/software/Index.vue

@@ -2,10 +2,12 @@
   <div id="app-demo-software-open">
     <div class="one-block-1">
       <span>
-        调用其它软件(exe、bash等可执行程序)
+        1. 调用其它软件(exe、bash等可执行程序)
       </span>
       <p/>
-      注:请先将【powershell.exe】复制到【electron-egg/build/extraResources】目录中
+      <span class="sub-content">
+        注:请先将【powershell.exe】复制到【electron-egg/build/extraResources】目录中
+      </span> 
     </div>  
     <div class="one-block-2">
       <a-list bordered :data-source="data">
@@ -52,11 +54,14 @@ export default {
 <style lang="less" scoped>
 #app-demo-software-open {
   padding: 0px 10px;
-  text-align: center;
+  text-align: left;
   width: 100%;
   .one-block-1 {
     font-size: 16px;
     padding-top: 10px;
+    .sub-content {
+      font-size: 14px;
+    }
   }
   .one-block-2 {
     padding-top: 10px;

+ 1 - 1
frontend/src/views/demo/system/Index.vue

@@ -74,7 +74,7 @@ export default {
 <style lang="less" scoped>
 #app-demo-system-launch {
   padding: 0px 10px;
-  text-align: center;
+  text-align: left;
   width: 100%;
   .one-block-1 {
     font-size: 16px;

+ 1 - 1
frontend/src/views/other/Index.vue

@@ -33,7 +33,7 @@ export default {
 <style lang="less" scoped>
 #app-other {
   padding: 0px 10px;
-  text-align: center;
+  text-align: left;
   width: 100%;
   .one-block-1 {
     font-size: 16px;

+ 1 - 1
frontend/vue.config.js

@@ -12,7 +12,7 @@ module.exports = {
       config
         .plugin('html')
         .tap(args => {
-          args[0].title= 'electron-egg'
+          args[0].title= 'electron-egg' // 设置title
           return args
         })
     },

+ 1 - 1
package.json

@@ -1,6 +1,6 @@
 {
   "name": "electron-egg",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "A fast, desktop software development framework",
   "main": "main.js",
   "softName": "electron-egg",