mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-27 05:00:48 +08:00
33 lines
479 B
Markdown
33 lines
479 B
Markdown
|
# 定制
|
||
|
|
```html
|
||
|
|
<n-gradient-text
|
||
|
|
:gradient="{
|
||
|
|
from: 'rgb(85, 85, 85)',
|
||
|
|
to: 'rgb(170, 170, 170)'
|
||
|
|
}"
|
||
|
|
>
|
||
|
|
定制颜色
|
||
|
|
</n-gradient-text>
|
||
|
|
<br/>
|
||
|
|
<n-gradient-text
|
||
|
|
:gradient="{
|
||
|
|
deg: 180,
|
||
|
|
from: 'rgb(85, 85, 85)',
|
||
|
|
to: 'rgb(170, 170, 170)'
|
||
|
|
}"
|
||
|
|
>
|
||
|
|
定制颜色
|
||
|
|
</n-gradient-text>
|
||
|
|
<br/>
|
||
|
|
<n-gradient-text
|
||
|
|
gradient="linear-gradient(90deg, red 0%, green 50%, blue 100%)"
|
||
|
|
>
|
||
|
|
定制颜色
|
||
|
|
</n-gradient-text>
|
||
|
|
```
|
||
|
|
```css
|
||
|
|
.n-gradient-text {
|
||
|
|
font-size: 24px;
|
||
|
|
}
|
||
|
|
```
|