chore: markdown渲染图表失败展示

src/components/markdown-render/markdown-render.vue

@@ -273,6 +273,13 @@ defineExpose({
   font-family: 'Microsoft YaHei UI';
   font-size: 14px;
   color: #999;
+
+  .render-error-icon-container {
+    width: 20px;
+    height: 20px;
+    background-image: url('@/assets/svgs/mermaid-error.svg');
+    background-size: 100% 100%;
+  }
 }
 
 :deep(.mermaid-rendering-container) {

src/components/markdown-render/utils/markdown-parser.ts

@@ -87,7 +87,7 @@ const walkTokens = async (token: any) => {
         token.text = tempDiv.innerHTML
       } catch (error) {
         token.text = `<div class="mermaid-error">
-            <div class="h-5 w-5 bg-[url(@/assets/svgs/mermaid-error.svg)] bg-cover"></div>
+            <div class="render-error-icon-container"></div>
             <span>${t('common_module.mermaid_render_error')}</span>
           </div>`
       }