chore:

packages/ui/certd-client/src/components/tutorial/index.vue

@@ -6,23 +6,16 @@ const openedRef = ref(false);
 function open() {
   openedRef.value = true;
 }
-function close() {
-  openedRef.value = false;
-}
-function prev() {
-  console.log("prev");
-}
-function next() {
-  console.log("next");
-}
-
-const settingStore = useSettingStore();
+const slots = defineSlots();
 </script>
 
 <template>
-  <div v-if="!settingStore.isComm" class="tutorial-button" @click="open">
-    <fs-icon icon="mingcute:question-line"></fs-icon>
-    <div class="ml-5">使用教程</div>
+  <div class="tutorial-button pointer" @click="open">
+    <template v-if="!slots.default">
+      <fs-icon icon="mingcute:question-line"></fs-icon>
+      <div class="ml-5">使用教程</div>
+    </template>
+    <slot></slot>
     <a-modal v-model:open="openedRef" class="tutorial-modal" width="90%">
       <template #title> 使用教程 </template>
       <tutorial-steps v-if="openedRef" />

packages/ui/certd-client/src/components/tutorial/tutorial-steps.vue

@@ -45,10 +45,7 @@ const steps = ref<Step[]>([
     items: [
       {
         title: "教程演示内容",
-        descriptions: [
-          "1. 本教程演示如何全自动申请和更新证书，部署证书到阿里云CDN和Nginx，证书到期后自动续期，自动部署",
-          "2. 演示流程：创建证书申请流水线 -> 添加部署任务 -> 运行测试 -> 设置定时执行和邮件通知"
-        ]
+        descriptions: ["本教程演示如何自动申请证书并部署到Nginx上"]
       },
       {
         image: "/static/doc/images/1-add.png",