diff --git a/cc-inspector/src/views/devtools/index.vue b/cc-inspector/src/views/devtools/index.vue
index eaca8cb..f6b4204 100644
--- a/cc-inspector/src/views/devtools/index.vue
+++ b/cc-inspector/src/views/devtools/index.vue
@@ -62,7 +62,28 @@ export default defineComponent({
     });
     onMounted(() => {
       ccui.footbar.showTipsArray({
-        tips: ["press space in the hierarchy to quickly control the display and hiding of nodes"],
+        tips: [
+          "Press space in the hierarchy to quickly control the display and hiding of nodes", //
+          "If you encounter any problems during use, please feel free to contact me",
+        ],
+      });
+      ccui.footbar.registerCmd({
+        icon: "github",
+        cb: () => {
+          window.open("https://github.com/tidys/cc-inspector-chrome");
+        },
+      });
+      ccui.footbar.registerCmd({
+        icon: "qq",
+        cb: () => {
+          window.open("https://jq.qq.com/?_wv=1027&k=5SdPdy2");
+        },
+      });
+      ccui.footbar.registerCmd({
+        icon: "support",
+        cb: () => {
+          window.open("https://github.com/tidys/cc-inspector-chrome/issues");
+        },
       });
       Bus.on(BusMsg.EnableSchedule, funcEnableSchedule);
       timer.create();
diff --git a/cc-inspector/src/views/options/cocos.png b/cc-inspector/src/views/options/cocos.png
deleted file mode 100644
index efcdfdb..0000000
Binary files a/cc-inspector/src/views/options/cocos.png and /dev/null differ
diff --git a/cc-inspector/src/views/options/index.vue b/cc-inspector/src/views/options/index.vue
index 6317128..54d10f6 100644
--- a/cc-inspector/src/views/options/index.vue
+++ b/cc-inspector/src/views/options/index.vue
@@ -1,7 +1,16 @@
 <template>
   <div class="options">
-    <div class="text">哈哈，让你发现了</div>
-    <div class="text">不过这里什么都没有</div>
+    <ul>
+      <li>
+        <div class="money">
+          <div class="tips">support me with WeChat Pay</div>
+          <img class="png" src="./res/money.png" alt="" />
+        </div>
+      </li>
+      <li>
+        <a target="_blank" href="https://patreon.com/inspector_game?utm_medium=unknown&utm_source=join_link&utm_campaign=creatorshare_creator&utm_content=copyLink">support me with Patreon</a>
+      </li>
+    </ul>
   </div>
 </template>
 <script lang="ts">
@@ -22,10 +31,17 @@ export default defineComponent({
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  font-size: 30px;
+  user-select: none;
+  .png {
+    width: auto;
+    height: 130px;
+  }
 
-  .text {
-    user-select: none;
-    font-size: 40px;
+  .tips {
+    text-align: center;
+    width: 100%;
+    color: #000000;
   }
 }
 </style>
diff --git a/cc-inspector/src/views/popup/res/money.png b/cc-inspector/src/views/options/res/money.png
similarity index 100%
rename from cc-inspector/src/views/popup/res/money.png
rename to cc-inspector/src/views/options/res/money.png
diff --git a/cc-inspector/src/views/popup/index.vue b/cc-inspector/src/views/popup/index.vue
index 04aff9f..a6a1f66 100644
--- a/cc-inspector/src/views/popup/index.vue
+++ b/cc-inspector/src/views/popup/index.vue
@@ -1,35 +1,11 @@
 <template>
   <div class="popup">
-    <div class="head">
-      <div class="name">{{ title }}</div>
-      <div style="flex: 1"></div>
-      <CCButton @click="onClickOptions">
-        <i class="iconfont icon_settings"></i>
-      </CCButton>
-    </div>
-
-    <div class="wechat">
-      <div class="money">
-        <img class="png" src="./res/money.png" alt="" />
-        <div class="tips">请我喝杯奶茶</div>
-      </div>
-      <div class="space"></div>
-      <div class="friends">
-        <img class="png" src="./res/friend.png" alt="" />
-        <div class="tips">交个朋友</div>
-      </div>
-    </div>
-
+    <ol>
+      <li class="tips">Scan me on WeChat</li>
+      <li class="tips">Add me as a friend</li>
+    </ol>
+    <img class="png" src="./res/friend.png" alt="" />
     <div class="foot">
-      <a href="https://tidys.gitee.io/doc/#" target="_blank">
-        <img class="icon" src="./res/tiezi.png" alt="" />
-      </a>
-      <a href="https://github.com/tidys/CocosCreatorPlugins/tree/master/CocosCreatorInspector" target="_blank">
-        <img class="icon" src="./res/github.png" alt="" />
-      </a>
-      <a href="https://jq.qq.com/?_wv=1027&k=5SdPdy2" target="_blank">
-        <img class="icon" src="./res/qq.png" alt="" />
-      </a>
       <div class="space"></div>
       <div v-if="version">ver:{{ version }}</div>
     </div>
@@ -39,7 +15,7 @@
 import ccui from "@xuyanfeng/cc-ui";
 import CCP from "cc-plugin/src/ccp/entry-render";
 import { ChromeConst } from "cc-plugin/src/chrome/const";
-import { defineComponent, nextTick, onMounted, provide, ref } from "vue";
+import { defineComponent, onMounted, ref } from "vue";
 const { CCInput, CCButton, CCInputNumber, CCSelect, CCCheckBox, CCColor } = ccui.components;
 export default defineComponent({
   name: "popup",
@@ -94,41 +70,9 @@ export default defineComponent({
   flex-direction: column;
   padding: 10px;
 
-  .head {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-
-    .name {
-      user-select: none;
-      font-size: 18px;
-      font-weight: bold;
-    }
+  .tips {
+    color: #000000;
   }
-
-  .wechat {
-    margin: 10px 0;
-    display: flex;
-    flex-direction: row;
-
-    .space {
-      flex: 1;
-    }
-
-    .png {
-      width: auto;
-      height: 130px;
-    }
-
-    .tips {
-      font-size: 15px;
-      user-select: none;
-      text-align: center;
-      width: 100%;
-      color: #6d6d6d;
-    }
-  }
-
   .foot {
     display: flex;
     flex-direction: row;