fix: UI调整，接口交互逻辑测试

Author: Ymm0008

src/assets/style/common.styl

@@ -1,13 +1,11 @@
 .vue-ui-button>.content>.button-icon svg
   fill: #f44336
 .vue-ui-button:not(.ghost):hover, .vue-ui-dropdown.open .dropdown-trigger .vue-ui-button:not(.ghost)
-  background: rgba(250,44,25,.1)
+  background rgba(250,83,66,0.07)!important
 .vue-ui-dropdown.open .dropdown-trigger .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost), .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost):hover
-  background: rgba(250,44,25,.1)
-.vue-ui-button:not(.ghost):hover, .vue-ui-dropdown.open .dropdown-trigger .vue-ui-button:not(.ghost)
-  background: rgba(250,44,25,.1)
+  background: rgba(250,83,66,0.07)!important
 .vue-ui-button.flat:not(.ghost):active:not(.ghost):hover, .vue-ui-button.flat:not(.ghost):hover:not(.ghost):hover, .vue-ui-dropdown.open .dropdown-trigger .vue-ui-button.flat:not(.ghost):active:not(.ghost), .vue-ui-dropdown.open .dropdown-trigger .vue-ui-button.flat:not(.ghost):hover:not(.ghost), .vue-ui-dropdown.open .dropdown-trigger .vue-ui-button.flat:not(.ghost):not(.ghost):hover, .vue-ui-dropdown.open .dropdown-trigger .vue-ui-dropdown.open .dropdown-trigger .vue-ui-button.flat:not(.ghost):not(.ghost)
-  background: rgba(250,44,25,.1)
+  background: rgba(250,83,66,0.07)!important
 .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat),
 .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat)
   color: #fa2c19
@@ -17,7 +15,7 @@
   background: #fff
   color: #333
 .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat)
-  background: rgba(250,44,25,.1)
+  background: rgba(250,83,66,0.07)!important
 .vue-ui-input>.content
   background: #fff!important
   border: 1px solid #d9d9d9

src/components/App.vue

@@ -206,7 +206,7 @@ export default {
       const title = encodeURIComponent(this.title);
       const body = encodeURIComponent(this.generated.markdown);
       const label =
-        this.type === "feature-request" ? "&labels=feature%20request" : "";
+        this.type === "feature-request" ? "&labels=help%20wanted" : "";
       window.open(
         `https://github.com/${this.repo.id}/issues/new?title=${title}&body=${body}${label}`
       );
@@ -218,6 +218,20 @@ export default {
 <style lang="stylus">
 @import '@vue/ui/dist/vue-ui.css'
 @import '../assets/style/common.styl'
+.vue-ui-modal
+  .default-body, .header
+    padding 10px 24px!important
+  .close-button
+    top 13px!important
+    width: 20px
+    height: 20px
+  .body
+    h3
+      font-size 16px
+      font-weight 700
+      margin: 15px 0 8px
+    p
+      font-size 14px
 </style>
 
 <style lang="stylus" scoped>
@@ -254,12 +268,12 @@ export default {
     background-color: #F56C6C
     border-color: #F56C6C
     color: #fff
-    font-size: 14px;
+    font-size: 14px
     font-weight 600
     &:hover
-      background: #f78989;
-      border-color: #f78989;
-      color: #FFF;
+      background: rgba(245,108,108,0.83)!important
+      border-color: #f78989
+      color: #FFF
 .app-footer
   text-align center
   padding 24px 0