perf: Review所有演示页，修复开发环境下可避免的警告以及保持所有演示页风格大致统一

src/views/guide/index.vue

@@ -6,10 +6,26 @@ defineOptions({
   name: "Guide"
 });
 
-const guide = () => {
+const onGuide = () => {
   intro()
     .setOptions({
       steps: [
+        {
+          element: document.querySelector(".sidebar-logo-container") as
+            | string
+            | HTMLElement,
+          title: "项目名称和Logo",
+          intro: "您可以在这里设置项目名称和Logo",
+          position: "left"
+        },
+        {
+          element: document.querySelector("#header-search") as
+            | string
+            | HTMLElement,
+          title: "搜索菜单",
+          intro: "您可以在这里搜索想要查看的菜单",
+          position: "left"
+        },
         {
           element: document.querySelector("#header-notice") as
             | string
@@ -49,12 +65,10 @@ const guide = () => {
     <template #header>
       <div class="card-header">
         <span class="font-medium">
-          引导页对于一些第一次进入项目的人很有用，你可以简单介绍下项目的功能
+          引导页常用于引导式介绍项目的基本功能或亮点
         </span>
       </div>
     </template>
-    <el-button type="primary" class="mt-[10px]" @click="guide">
-      打开引导页
-    </el-button>
+    <el-button @click="onGuide"> 打开引导页 </el-button>
   </el-card>
 </template>