# slidev-theme-robot-pre1

**Repository Path**: echmo/slidev-theme-robot-pre1

## Basic Information

- **Project Name**: slidev-theme-robot-pre1
- **Description**: slidev幼儿阶段机器人课程主题
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-12-19
- **Last Updated**: 2026-01-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# slidev-theme-aircraft-pre1

[![NPM version](https://img.shields.io/npm/v/@echmo/slidev-theme-robot-pre1?color=3AB9D4&label=)](https://www.npmjs.com/package/@echmo/slidev-theme-robot-pre1)

学前阶段机器人课程主题


## 开头配置

```md
---
theme: "@echmo/slidev-theme-robot-pre1"
transition: fade
download: false
export: false
browserExporter: false
colorSchema: light
---
```

## 常用方法

嵌入图片

```html
<img src="/assets/example/book.png" h-36 border-2/>

<ImgLabel label="好吃的">
    <img src="/assets/example/book.png" h-36 border-2/>
</ImgLabel>
```

![](/example-export/3.png)


## 布局

通过在小节前添加 `layout: 布局名称` 来设置布局

```md
---
layout: name
---
```

### 封面

第一页默认是这个布局

__注意：你需要使用`::goals::`来标识课堂目标__

```md
---

# 课题

::goals::

## 1. 了解秋千的相关知识

## 2. 认识齿轮传动机构，感受齿轮传动机构的基本作用

---
```


![](/example-export/1.png)

### 小节布局

```md
---
layout: section
---

# 布局

---
```

![](/example-export/4.png)


### 默认布局

不指定时使用这个布局

![](/example-export/5.png)


### chat布局

__注意：你需要使用`::chat::`来标识对话框文本__

```md
---
layout: chat
---

# 标题

chat布局

::chat::

显示在底部对话框的文本 

---
```

![](/example-export/6.png)


### 材料列表布局

显示材料列表图片

```md
---
layout: list
---

材料列表布局

<img src="/assets/example/list.png" />

---
```

![](/example-export/7.png)


### 结束

在最后一页指定 `end` 布局来添加结束页

```md
---
layout: end
---
```

![](/example-export/11.png)


## 组件

组件是一些具有集成样式和功能的元素，使用大写字母开头的标签


### 字体

```html
<BigText>特别大的字</BigText>

把一部分字体<Text>突出</Text>显示

<Badge>使用Badge组件来创建标签</Badge>

```

![](/example-export/9.png)

---

### 步骤图

通过 `<Step>` 标签创建包含多个图片的步骤图，并通过按钮切换

```html
<Step>
    <img src="./assets/example/step1.png" >
    <img src="./assets/example/step2.png" >
    <img src="./assets/example/step3.png" >
    <img src="./assets/example/step4.png" >
</Step>
```

![](/example-export/10.png)


__created by echmo__