<commit_before>---
toc
---
# 深入

## 组件功能
### 颜色

<demo-color title="单色 (默认: 继承字体颜色)" />
::: details 查看代码
<<<@/docs/.vuepress/components/DemoColor.vue#demo
:::

<demo-reverse-color title="r-color (反转填充或描边属性)" />

> 时钟图标：圆形是填充，时针分针是描边， Vue 图标：第一个 path 是描边，第二个是 path 是填充

::: details 查看代码
<<<@/docs/.vuepress/components/DemoReverseColor.vue#demo
:::

<demo-multi-color title="多色（按照 path/shape 的顺序设置）" />
::: details 查看代码
<<<@/docs/.vuepress/components/DemoMultiColor.vue#demo
:::

<demo-original-color title="原色 (original)" />
::: details 查看代码
<<<@/docs/.vuepress/components/DemoOriginalColor.vue#demo
:::

<demo-gradient title="渐变" />
::: details 查看代码
<<<@/docs/.vuepress/components/DemoGradient.vue#demo
:::

> 第二和第三个色轮是在原色的基础上修改某些颜色

### 大小
<demo-size title="size, 默认单位：px, 默认大小：16px" />
::: details 查看代码
<<<@/docs/.vuepress/components/DemoSize.vue#demo
:::

### 填充/描边
<demo-fill title="fill, 默认：true" />
::: details 查看代码
<<<@/docs/.vuepress/components/DemoFill.vue#demo<commit_msg>fix docs<commit_after>---
toc
---
# 深入

## 组件功能
### 颜色

<demo-color title="单色 (默认: 继承字体颜色)" />
::: details 查看代码
<<<@/docs/.vuepress/components/DemoColor.vue#demo
:::

<demo-reverse-color title="r-color (反转填充或描边属性)" />

> 时钟图标：圆形是填充，时针分针是描边， Vue 图标：第一个 path 是描边，第二个是 path 是填充

::: details 查看代码
<<<@/docs/.vuepress/components/DemoReverseColor.vue#demo
:::

<demo-multi-color title="多色（按照 path/shape 的顺序设置）" />
::: details 查看代码
<<<@/docs/.vuepress/components/DemoMultiColor.vue#demo
:::

<demo-original-color title="原色 (original)" />
::: details 查看代码
<<<@/docs/.vuepress/components/DemoOriginalColor.vue#demo
:::

> 第二和第三个色轮是在原色的基础上修改某些颜色

<demo-gradient title="渐变" />
::: details 查看代码
<<<@/docs/.vuepress/components/DemoGradient.vue#demo
:::

### 大小
<demo-size title="size, 默认单位：px, 默认大小：16px" />
::: details 查看代码
<<<@/docs/.vuepress/components/DemoSize.vue#demo
:::

### 填充/描边
<demo-fill title="fill, 默认：true" />
::: details 查看代码
<<<@/docs/.vuepress/components/DemoFill.vue#demo
{'fraction_non_alphanumeric': 0.2184788157223073, 'fraction_numerical': 0.002041858090862685, 'mean_word_length': 4.903614457831325, 'pattern_counts': {'":': 0, '<': 59, '<?xml version=': 0, '>': 21, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7614972', 'n_tokens_mistral': 983, 'n_tokens_neox': 1063, 'n_words': 118}