docs: remove codegen image height, open details

This commit is contained in:
Justineo
2025-10-13 00:38:36 +08:00
parent 842e013663
commit ca8dda363d
2 changed files with 4 additions and 4 deletions

View File

@ -16,7 +16,7 @@ npm install echarts vue-echarts
#### Example #### Example
<details> <details open>
<summary><a href="https://stackblitz.com/edit/vue-echarts-8?file=src%2FApp.vue">Demo →</a></summary> <summary><a href="https://stackblitz.com/edit/vue-echarts-8?file=src%2FApp.vue">Demo →</a></summary>
```vue ```vue
@ -101,7 +101,7 @@ To keep your bundle size small, we recommend manually importing the components a
<picture> <picture>
<source media="(prefers-color-scheme: dark)" srcset="assets/codegen-dark.webp"> <source media="(prefers-color-scheme: dark)" srcset="assets/codegen-dark.webp">
<source media="(prefers-color-scheme: light)" srcset="assets/codegen-light.webp"> <source media="(prefers-color-scheme: light)" srcset="assets/codegen-light.webp">
<img alt="A modal for generating ECharts import code. The left panel shows a chart configuration in JSON, while the right panel displays TypeScript import statements for ECharts charts and components." src="assets/codegen-light.webp" height="200"> <img alt="A modal for generating ECharts import code. The left panel shows a chart configuration in JSON, while the right panel displays TypeScript import statements for ECharts charts and components." src="assets/codegen-light.webp">
</picture> </picture>
[Try it →](https://vue-echarts.dev/#codegen) [Try it →](https://vue-echarts.dev/#codegen)

View File

@ -16,7 +16,7 @@ npm install echarts vue-echarts
#### 示例 #### 示例
<details> <details open>
<summary><a href="https://stackblitz.com/edit/vue-echarts-8?file=src%2FApp.vue">Demo →</a></summary> <summary><a href="https://stackblitz.com/edit/vue-echarts-8?file=src%2FApp.vue">Demo →</a></summary>
```vue ```vue
@ -101,7 +101,7 @@ const option = ref({
<picture> <picture>
<source media="(prefers-color-scheme: dark)" srcset="assets/codegen-dark.webp"> <source media="(prefers-color-scheme: dark)" srcset="assets/codegen-dark.webp">
<source media="(prefers-color-scheme: light)" srcset="assets/codegen-light.webp"> <source media="(prefers-color-scheme: light)" srcset="assets/codegen-light.webp">
<img alt="一个用于生成 ECharts 导入代码的弹窗。左侧面板展示图表的 JSON 配置,右侧面板展示对应的 TypeScript 导入语句。" src="assets/codegen-light.webp" height="200"> <img alt="一个用于生成 ECharts 导入代码的弹窗。左侧面板展示图表的 JSON 配置,右侧面板展示对应的 TypeScript 导入语句。" src="assets/codegen-light.webp">
</picture> </picture>
[试一试 →](https://vue-echarts.dev/#codegen) [试一试 →](https://vue-echarts.dev/#codegen)