feat: 工具详情页添加描述

src/components/Tools/TextToImg/TextToImg.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { reactive, ref, shallowRef, onBeforeUnmount } from 'vue'
 import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue'
+import ToolDetail from '@/components/Layout/ToolDetail/ToolDetail.vue'
 import html2canvas from "html2canvas";
 import '@wangeditor/editor/dist/css/style.css' // 引入富文本 css
 import { Editor, Toolbar } from '@wangeditor/editor-for-vue'  //富文本组件
@@ -132,9 +133,14 @@ onBeforeUnmount(() => {
         />
         <div ref="poster" class="absolute top-0 -z-10" v-html="valueHtml"></div>
       </div>
-
-      <!-- v-html="valueHtml" -->
     </div>
+
+    <!-- desc -->
+    <ToolDetail title="描述">
+      <el-text>
+        把文本转换成图片，生成长图，富文本自定义文字排版，可导出png，jpeg格式，可更换背景图，设置宽度，是好用的文本转图片工具
+      </el-text> 
+    </ToolDetail>
   </div>
 </template>