新增腾讯、网易云歌单链接打开

src/renderer/components/core/Toolbar.vue

@@ -129,6 +129,9 @@ export default {
 }
 .input {
   -webkit-app-region: no-drag;
+  position: absolute;
+  left: 15px;
+  top: 13px;
 }
 
 // img {

src/renderer/components/material/SearchInput.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-div(:class="[$style.search, focus ? $style.active : '']")
+div(:class="[$style.search, focus ? $style.active : '', big ? $style.big : '', small ? $style.small : '']")
   div(:class="$style.form")
     input(:placeholder="placeholder" v-model.trim="text"
           @focus="handleFocus" @blur="handleBlur" @input="$emit('input', text)"
@@ -36,6 +36,14 @@ export default {
       type: String,
       default: '',
     },
+    big: {
+      type: Boolean,
+      default: false,
+    },
+    small: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
@@ -101,9 +109,6 @@ export default {
 @import '../../assets/styles/layout.less';
 
 .search {
-  position: absolute;
-  left: 15px;
-  top: 13px;
   border-radius: 3px;
   transition: box-shadow .4s ease, background-color @transition-theme;
   display: flex;
@@ -193,6 +198,19 @@ export default {
   }
 }
 
+.big {
+  width: 500px;
+  // input {
+  //   line-height: 30px;
+  // }
+  .form {
+    height: 30px;
+    button {
+      padding: 6px 10px;
+    }
+  }
+}
+
 each(@themes, {
   :global(#container.@{value}) {