diff --git a/doc/css书写规范.md b/doc/css书写规范.md index 7cb44abd..a9ce78fa 100644 --- a/doc/css书写规范.md +++ b/doc/css书写规范.md @@ -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类名的顺序: diff --git a/doc/iconify使用文档.md b/doc/iconify使用文档.md index aa6820ee..37c3dc40 100644 --- a/doc/iconify使用文档.md +++ b/doc/iconify使用文档.md @@ -9,12 +9,15 @@ #### 二、多个图标动态渲染 -1.确定图标名字,如:'mdi:emoticon' -2.引入Icon组件: -`import { Icon } from '@iconify/vue';` -3.动态渲染 +1. 确定图标名字,如:'mdi:emoticon' -`` +2. 引入Icon组件: + + `import { Icon } from '@iconify/vue';` + +3. 动态渲染 + + `` *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*