xinyin025/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-09-24 20:36:37 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

docs(projects): 文档格式规范

Browse Source
This commit is contained in:
Soybean 2021-11-08 06:17:20 +08:00
parent 8d2ba3e576
commit 560b8a158f
2 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
doc/css书写规范.md
View File

@ -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类名的顺序：

15
doc/iconify使用文档.md
View File

@ -9,12 +9,15 @@
#### 二、多个图标动态渲染
1.确定图标名字，如：'mdi:emoticon'
2.引入Icon组件：
`import { Icon } from '@iconify/vue';`
3.动态渲染
1. 确定图标名字，如：'mdi:emoticon'
`<Icon icon="mdi:emoticon" />`
2. 引入Icon组件：
`import { Icon } from '@iconify/vue';`
3. 动态渲染
`<Icon icon="mdi:emoticon" />`
*ps：Icon组件属性 https://docs.iconify.design/icon-components/vue/*
@ -32,7 +35,7 @@
4. 动态渲染
`() => h(Icon, { icon: 'mdi:emoticon', style: { color: '#f00', fontSize: '16px' } })`
`() => h(Icon, { icon: 'mdi:emoticon', style: { color: '#f00', fontSize: '16px' } })`
*ps：@/uitls已封装好了函数：iconifyRender*