i18n(zh-cn): Update directives-reference.mdx

huyikai · huyikai · commit bb547d2410fd · 2024-01-12T09:41:42.000+08:00
diff --git a/src/content/docs/zh-cn/reference/directives-reference.mdx b/src/content/docs/zh-cn/reference/directives-reference.mdx
@@ -3,6 +3,7 @@ title: 模板指令参考
 ---
 
 import Since from '~/components/Since.astro';
+import ReadMore from '~/components/ReadMore.astro'
 
 **模板指令**是特殊的 HTML 属性，它可以在任一 Astro 组件模板（`.astro` 文件）中使用，也可以在 `.mdx` 文件中使用。
 
@@ -208,7 +209,7 @@ import api from '../db/api.js';
 
 你可以在组件中同时使用 `<style>` 和 `<style is:global>`，创建一些全局样式规则，同时仍对大部分组件 CSS 进行作用域控制。
 
-📚 有关全局样式工作的更多细节，请参见[样式 & CSS](/zh-cn/guides/styling/#全局样式)页面。
+<ReadMore>有关全局样式工作的更多细节，请参见 [样式 & CSS](/zh-cn/guides/styling/#全局样式) 页面。</ReadMore>
 
 ```astro
 <style is:global>
@@ -248,7 +249,7 @@ import api from '../db/api.js';
 </script>
 ```
 
-📚 查看[客户端脚本](/zh-cn/guides/client-side-scripts/)如何在 Astro 组件中工作。
+<ReadMore>查看 [客户端脚本](/zh-cn/guides/client-side-scripts/) 如何在 Astro 组件中工作。</ReadMore>
 
 ### `define:vars`
 
