diff --git a/src/assets/icons/fixed-right-qq.svg b/src/assets/icons/fixed-right-qq.svg
deleted file mode 100644
index 969c4612..00000000
--- a/src/assets/icons/fixed-right-qq.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M878.84 489.558c-29.743-47-42.633-97.607-50.35-151.176C800.417 143.543 608.343 17.635 422.354 75.3 299.54 113.381 224.75 199.036 199.868 325.796c-11.624 59.218-22.74 117-56.89 169.79-34.466 53.28-43.74 115.843-39.244 179.3 2.598 36.665 13.79 70.055 40.995 97.233 8.184 8.174 16.292 21.674 15.855 32.386-3.144 77.23 42.516 118.05 107.2 140.595 71.654 24.975 144.968 23.878 215.783-5.914 19.299-8.12 34.811-11.058 55.074-1.221 58.244 28.272 120.867 28.719 182.709 17.476 98.704-17.944 142.118-71.041 142.442-169.584 30.923-22.389 50.298-53.787 54.758-93.077 8.156-71.806-.712-141.6-39.71-203.222zm-40.041 168.231c-.549 18.204-7.914 36.202-15.062 66.66l-54.693-46.324c-17.599 26.982-34.342 52.65-52.53 80.537 10.998 6.033 23.923 10.175 32.673 18.636 12.176 11.773 27.23 25.605 30.188 40.686 4.279 21.827-15.523 34.544-33.882 42.758-58.292 26.08-118.836 29-175.529.451-40.527-20.408-73.857-21.777-114.39-.441-53.108 27.95-110.563 24.686-166.789 4.917-6.126-2.154-12.068-5.221-17.572-8.692-36.836-23.223-37.796-52.719-2.018-76.576 11.974-7.985 25.356-13.857 38.788-21.068-17.693-27.946-34.155-53.953-51.922-82.017l-45.513 38.839c-28.297-21.745-26.875-48.763-25.337-74.01 3.245-53.263 17.492-103.337 53.944-144.31 13.664-15.36 18.348-31.765 21.015-52.399 5.81-44.936 14.763-89.923 27.454-133.424 30.692-105.216 129.925-174.186 237.442-168.36 105.725 5.73 195.386 82.577 217.572 187.954 9.343 44.375 15.066 89.525 24.912 133.772 2.943 13.225 13.255 25.37 21.945 36.658 35.44 46.039 51.026 98.507 49.304 155.753z"/></svg>
\ No newline at end of file
diff --git a/src/layout/components/BuyIt/index.vue b/src/layout/components/BuyIt/index.vue
index d12d1368..a9a15d27 100644
--- a/src/layout/components/BuyIt/index.vue
+++ b/src/layout/components/BuyIt/index.vue
@@ -1,24 +1,20 @@
 <template>
     <div class="buy-it">
-        <div class="item" @click="open('http://wpa.qq.com/msgrd?v=3&uin=304327508&site=qq&menu=yes')">
-            <svg-icon name="fixed-right-qq" />
-            <span class="title">在线<br>咨询</span>
-        </div>
-        <div class="item chat" @click="open('https://qm.qq.com/cgi-bin/qm/qr?k=WoDBYN0S9r94f9oBZkxlGbiYxu3dEzgt&jump_from=webapi')">
-            <svg-icon name="fixed-right-chat" />
-            <span class="title">加入<br>QQ群</span>
-        </div>
-        <div class="item buy" @click="open(`https://hooray.${location.origin.includes('gitee') ? 'gitee' : 'github'}.io/fantastic-admin/buy.html`)">
+        <div class="item" @click="open(`https://hooray.${location.origin.includes('gitee') ? 'gitee' : 'github'}.io/fantastic-admin/buy.html`)">
             <svg-icon name="fixed-right-buy" />
             <span class="title">购买<br>专业版</span>
         </div>
-        <div class="item doc" @click="open(`https://hooray.${location.origin.includes('gitee') ? 'gitee' : 'github'}.io/fantastic-admin/`)">
+        <div class="item" @click="open(`https://${location.origin.includes('gitee') ? 'gitee' : 'github'}.com/hooray/fantastic-admin/`)">
+            <svg-icon name="fixed-right-code" />
+            <span class="title">下载<br>基础版</span>
+        </div>
+        <div class="item" @click="open(`https://hooray.${location.origin.includes('gitee') ? 'gitee' : 'github'}.io/fantastic-admin/`)">
             <svg-icon name="fixed-right-doc" />
             <span class="title">开发<br>文档</span>
         </div>
-        <div class="item code" @click="open(`https://${location.origin.includes('gitee') ? 'gitee' : 'github'}.com/hooray/fantastic-admin/`)">
-            <svg-icon name="fixed-right-code" />
-            <span class="title">下载<br>基础版</span>
+        <div class="item" @click="open(`https://hooray.${location.origin.includes('gitee') ? 'gitee' : 'github'}.io/fantastic-admin/support.html`)">
+            <svg-icon name="fixed-right-chat" />
+            <span class="title">技术<br>支持</span>
         </div>
     </div>
 </template>
@@ -46,18 +42,6 @@ export default {
             position: 'bottom-right',
             duration: 0
         })
-        setTimeout(() => {
-            this.$notify({
-                type: 'warning',
-                title: '点⭐领取专业版源码',
-                dangerouslyUseHTMLString: true,
-                message: `
-                    <p>给项目仓库点⭐就可以领取专业版源码，点<a href="https://hooray.${location.origin.includes('gitee') ? 'gitee' : 'github'}.io/fantastic-admin/buy" target="_blank"><b>这里</b></a>了解一下</p>
-                `,
-                position: 'bottom-right',
-                duration: 0
-            })
-        }, 0)
     },
     methods: {
         open(url) {
@@ -73,7 +57,7 @@ export default {
     z-index: 10;
     right: 0;
     top: 50%;
-    margin-top: -170px;
+    transform: translateY(-50%);
     width: 60px;
     display: flex;
     flex-direction: column;
@@ -84,7 +68,6 @@ export default {
         height: 70px;
         text-align: center;
         color: #fff;
-        background-color: #409eff;
         border-bottom: 1px solid #fff;
         transition: 0.3s;
         opacity: 0.6;
@@ -99,16 +82,16 @@ export default {
             border-bottom-left-radius: 5px;
             border-bottom: 0;
         }
-        &.chat {
-            background-color: #0fcc1a;
-        }
-        &.buy {
+        &:nth-child(1) {
             background-color: #ff4200;
         }
-        &.doc {
-            background-color: #727272;
+        &:nth-child(2) {
+            background-color: #409eff;
         }
-        &.code {
+        &:nth-child(3) {
+            background-color: #0fcc1a;
+        }
+        &:nth-child(4) {
             background-color: #343b42;
         }
         .svg-icon {