fix(docs): 更新多个组件文档，修正示例代码格式为 HTML，优化代码结构

Author: weilei

docs/components/typewriter.md

@@ -54,7 +54,7 @@
 
 ## 使用示例
 
-```vue
+```html
 <template>
   <div>
     <el-x-typewriter
@@ -78,28 +78,28 @@
 </template>
 
 <script>
-export default {
-  data() {
-    return {
-      contentText: `# 完整功能演示
+  export default {
+    data() {
+      return {
+        contentText: `# 完整功能演示
 - 支持**Markdown**渲染
 - 代码高亮: \`const example = true\`
 - 可配置的打字效果`,
-      typingSpeed: 40,
-      progress: 0,
-    };
-  },
-  methods: {
-    handleStart() {
-      console.log("打字开始");
+        typingSpeed: 40,
+        progress: 0,
+      };
     },
-    handleTyping({ progress }) {
-      this.progress = progress;
+    methods: {
+      handleStart() {
+        console.log("打字开始");
+      },
+      handleTyping({ progress }) {
+        this.progress = progress;
+      },
+      handleFinish(instance) {
+        console.log("打字完成", instance);
+      },
     },
-    handleFinish(instance) {
-      console.log("打字完成", instance);
-    },
-  },
-};
+  };
 </script>
 ```

docs/src/.vuepress/styles/index.styl

@@ -85,6 +85,9 @@ $accentColor = #409EFF
 }
 
 // Element UI 文档风格的代码块样式
+.theme-default-content pre code, .theme-default-content pre[class*="language-"] code {
+  color:#000000;
+}
 .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
    background:none;
 }

docs/src/components/attachments.md

@@ -31,24 +31,24 @@
 
 :::demo
 
-```vue
+```html
 <template>
   <div>
     <!-- 示例代码 -->
   </div>
 </template>
 
 <script>
-export default {
-  data() {
-    return {
-      // 数据
-    };
-  },
-  methods: {
-    // 方法
-  },
-};
+  export default {
+    data() {
+      return {
+        // 数据
+      };
+    },
+    methods: {
+      // 方法
+    },
+  };
 </script>
 ```