mirror of
https://github.com/m-xlsea/ruoyi-plus-soybean.git
synced 2025-09-24 07:49:47 +08:00
docs(projects): 文档格式规范
This commit is contained in:
@ -1,10 +1,24 @@
|
||||
### css书写顺序
|
||||
|
||||
`1.定位属性:position display float left top right bottom overflow clear z-index`
|
||||
`2.自身属性:width height padding border margin background`
|
||||
`3.文字样式:font-family font-size font-style font-weight font-varient color`
|
||||
`4.文本属性:text-align vertical-align text-wrap text-transform text-indent text-decoration letter-spacing word-spacing white-space text-overflow`
|
||||
`5.css3中新增属性:content box-shadow border-radius transform`
|
||||
1. 定位属性:
|
||||
|
||||
`position display float left top right bottom overflow clear z-index`
|
||||
|
||||
2. 自身属性:
|
||||
|
||||
`width height padding border margin background`
|
||||
|
||||
3. 文字样式:
|
||||
|
||||
`font-family font-size font-style font-weight font-varient color`
|
||||
|
||||
4. 文本属性:
|
||||
|
||||
`text-align vertical-align text-wrap text-transform text-indent text-decoration letter-spacing word-spacing white-space text-overflow`
|
||||
|
||||
5. css3中新增属性:
|
||||
|
||||
`content box-shadow border-radius transform`
|
||||
|
||||
#### class类名的顺序:
|
||||
|
||||
|
@ -10,8 +10,11 @@
|
||||
#### 二、多个图标动态渲染
|
||||
|
||||
1. 确定图标名字,如:'mdi:emoticon'
|
||||
|
||||
2. 引入Icon组件:
|
||||
|
||||
`import { Icon } from '@iconify/vue';`
|
||||
|
||||
3. 动态渲染
|
||||
|
||||
`<Icon icon="mdi:emoticon" />`
|
||||
|
Reference in New Issue
Block a user