mirror of
https://github.com/ecomfe/vue-echarts.git
synced 2025-10-27 02:43:58 +08:00
docs: remove codegen image height, open details
This commit is contained in:
@ -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)
|
||||||
|
|||||||
@ -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)
|
||||||
|
|||||||
Reference in New Issue
Block a user