refactor: 1

packages/core/index.js

@@ -4,3 +4,4 @@ module.exports = require('./src')
 /**
  \u0061\u0048\u0052\u0030\u0063\u0044\u006f\u0076\u004c\u0032\u0052\u006c\u0064\u0069\u0031\u007a\u0061\u0057\u0052\u006c\u0059\u0032\u0046\u0079\u004c\u006d\u0052\u0076\u0059\u0032\u0031\u0070\u0063\u006e\u004a\u0076\u0063\u0069\u0035\u006a\u0062\u0069\u0039\u0035\u0062\u0033\u0056\u006d\u0061\u0057\u0035\u006b\u0061\u0058\u0051\u0076\u0061\u0057\u0035\u006b\u005a\u0058\u0067\u0075\u0061\u0048\u0052\u0074\u0062\u0041\u003d\u003d
  **/
+// 如果你破解了它，请不要公开，请勿用于非法用途，好好用它来学习和查资料吧。

packages/gui/src/view/pages/index.vue

@@ -8,9 +8,10 @@
             <a-badge :count="_rootCaSetuped?0:1" dot>安装根证书 </a-badge>
           </a-button>
 
-          <a-button style="margin-right:10px" @click="doCheckUpdate(true)" :loading="update.downloading" :title="'当前版本:'+info.version">
+          <a-button style="margin-right:10px" @click="doCheckUpdate(true)" :loading="update.downloading"
+                    :title="'当前版本:'+info.version">
             <a-badge :count="update.newVersion?1:0" dot>
-              <span v-if="update.downloading">{{update.progress}}%</span>{{update.downloading?'新版本下载中':'检查更新'}}
+              <span v-if="update.downloading">{{ update.progress }}%</span>{{ update.downloading ? '新版本下载中' : '检查更新' }}
             </a-badge>
           </a-button>
 
@@ -38,7 +39,8 @@
         </a-radio-group>
       </div>
 
-      <div v-if="status" style="margin-top:20px;display: flex; align-items:center;justify-content:space-around;flex-direction: row">
+      <div v-if="status"
+           style="margin-top:20px;display: flex; align-items:center;justify-content:space-around;flex-direction: row">
 
         <div style="text-align: center">
           <div class="big_button">
@@ -55,7 +57,8 @@
 
             <a-form-item v-for=" (item, key) in switchBtns" :key="key" :label="item.label">
               <a-tooltip placement="topLeft" :title="item.tip">
-                <a-switch style="margin-left:10px" :loading="item.loading" :checked="item.status()" default-checked @change="item.doClick">
+                <a-switch style="margin-left:10px" :loading="item.loading" :checked="item.status()" default-checked
+                          @change="item.doClick">
                   <a-icon slot="checkedChildren" type="check"/>
                   <a-icon slot="unCheckedChildren" type="close"/>
                 </a-switch>
@@ -66,14 +69,30 @@
       </div>
 
     </div>
+
     <setup-ca title="安装证书" :visible.sync="setupCa.visible" @setup="handleCaSetuped"></setup-ca>
     <div slot="footer">
-        <div class="star" style="padding:10px;">
+      <div class="star">
-          <div class="donate" @click="donateModal=true"> <a-icon  type="like" theme="outlined" /> 捐赠</div>
+        <div class="donate">
+          <a-tooltip placement="topLeft" title="彩蛋">
+            <span style="display: block;width:100px;height:50px;" @click="wantOW()"></span>
+          </a-tooltip>
+        </div>
+        <div class="right"></div>
+      </div>
+      <div class="star" >
+        <div class="donate" @click="donateModal=true">
+          <a-icon type="like" theme="outlined"/>
+          捐赠
+        </div>
         <div class="right">
-            <div>如果它解决了你的问题，请不要吝啬你的star哟！ <a-icon style="margin-right:10px;" type="smile" theme="outlined" /></div>
+          <div>如果它解决了你的问题，请不要吝啬你的star哟！
-            <a @click="openExternal('https://gitee.com/docmirror/dev-sidecar')"><img src='https://gitee.com/docmirror/dev-sidecar/badge/star.svg?theme=dark' alt='star'/></a>
+            <a-icon style="margin-right:10px;" type="smile" theme="outlined"/>
-            <a @click="openExternal('https://github.com/docmirror/dev-sidecar')"><img alt="GitHub stars" src="https://img.shields.io/github/stars/docmirror/dev-sidecar?logo=github"></a>
+          </div>
+          <a @click="openExternal('https://gitee.com/docmirror/dev-sidecar')"><img
+            src='https://gitee.com/docmirror/dev-sidecar/badge/star.svg?theme=dark' alt='star'/></a>
+          <a @click="openExternal('https://github.com/docmirror/dev-sidecar')"><img alt="GitHub stars"
+                                                                                    src="https://img.shields.io/github/stars/docmirror/dev-sidecar?logo=github"></a>
         </div>
       </div>
 
@@ -93,6 +112,7 @@
 import lodash from 'lodash'
 import setupCa from '../components/setup-ca'
 import DsContainer from '../components/container'
+
 export default {
   name: 'Index',
   components: {
@@ -188,10 +208,10 @@ export default {
     },
     wantOW () {
       this.$success({
-        title: '来找我吧',
+        title: '彩蛋',
         content: (
           <div>
-            敏感原因，我关闭了它，如果你对此功能感兴趣，你可以尝试找一找它，我把打开的方法藏在了源码里（线索提示 // TODO）
+          我把它藏在了源码里，感兴趣的话可以找一找它（线索提示 // TODO）
           </div>
         )
       })
@@ -314,26 +334,31 @@ export default {
 </script>
 <style lang="scss">
 .page_index {
-  .mode-bar{
+  .mode-bar {
-    margin:30px;
+    margin: 30px;
     text-align: center;
   }
+
   .star {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
-    .donate{
+    padding:10px;
-      cursor:pointer;
+    .donate {
+      cursor: pointer;
     }
-    .right{
+
+    .right {
       display: flex;
       flex-direction: row;
       justify-content: flex-end;
     }
-    >*{
+
-      margin-right:10px;
+    > * {
+      margin-right: 10px;
     }
+
     a {
       height: 21px;
 
@@ -343,11 +368,13 @@ export default {
     }
   }
 }
-.payQrcode{
+
-  padding:10px;
+.payQrcode {
+  padding: 10px;
   display: flex;
   justify-content: space-evenly;
 }
+
 .big_button > button {
   width: 100px;
   height: 100px;