mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-12 12:25:16 +08:00
41 lines
548 B
Markdown
41 lines
548 B
Markdown
|
# 基础
|
||
|
```html
|
||
|
<n-icon
|
||
|
size="40"
|
||
|
>
|
||
|
<ios-contacts/>
|
||
|
</n-icon>
|
||
|
<n-icon
|
||
|
size="40"
|
||
|
color="rgb(255, 0, 0)"
|
||
|
>
|
||
|
<md-contacts/>
|
||
|
</n-icon>
|
||
|
<n-icon
|
||
|
size="40"
|
||
|
:themed-style="{
|
||
|
dark: {
|
||
|
fill: 'yellow'
|
||
|
},
|
||
|
light: {
|
||
|
fill: 'red'
|
||
|
}
|
||
|
}"
|
||
|
>
|
||
|
<md-cash />
|
||
|
</n-icon>
|
||
|
```
|
||
|
```js
|
||
|
import mdCash from 'naive-ui/lib/icons/md-cash'
|
||
|
import mdContacts from 'naive-ui/lib/icons/md-contacts'
|
||
|
import iosContacts from 'naive-ui/lib/icons/ios-contacts'
|
||
|
|
||
|
export default {
|
||
|
components: {
|
||
|
mdCash,
|
||
|
mdContacts,
|
||
|
iosContacts
|
||
|
}
|
||
|
}
|
||
|
```
|