浏览代码

upd: collapse 文档修改,多选按钮文件配置

Ymm0008 5 年之前
父节点
当前提交
f23c6744fb
共有 2 个文件被更改,包括 27 次插入13 次删除
  1. 21 12
      src/config.ts
  2. 6 1
      src/packages/collapse/doc.md

+ 21 - 12
src/config.ts

@@ -48,6 +48,24 @@ export const nav = [
         show: true,
         desc: '按钮用于触发一个操作,如提交表单。',
         author: 'richard1015'
+      },
+      {
+        name: 'collapse',
+        sort: 2,
+        cName: '折叠面板',
+        type: 'component',
+        show: true,
+        desc: '折叠面板',
+        author: 'Ymm0008'
+      },
+      {
+        name: 'collapse',
+        sort: 3,
+        cName: '折叠面板-item',
+        type: 'component',
+        show: false,
+        desc: '折叠面板-item',
+        author: 'Ymm0008'
       }
     ]
   },
@@ -114,21 +132,12 @@ export const nav = [
         author: 'ailululu'
       },
       {
-        name: 'collapse',
+        name: 'Checkbox',
         sort: 5,
-        cName: '折叠面板',
+        cName: '复选按钮',
         type: 'component',
         show: true,
-        desc: '折叠面板',
-        author: 'Ymm0008'
-      },
-      {
-        name: 'collapse',
-        sort: 6,
-        cName: '折叠面板-item',
-        type: 'component',
-        show: false,
-        desc: '折叠面板-item',
+        desc: '复选按钮',
         author: 'Ymm0008'
       }
     ]

+ 6 - 1
src/packages/collapse/doc.md

@@ -63,7 +63,8 @@ export default {
 通过`expandIconPosition`可以设置图标的位置,icon设置自定义图标,rotate设置图标旋转的角度
 
 ```html
-<nut-collapse v-model="activeName" :accordion="true" :expand-icon-position="expandIconPosition" :icon="icon" :rotate="rotate">
+<nut-collapse v-model="activeName" :accordion="true" :expand-icon-position="expandIconPosition" :icon="icon" :rotate="rotate" :icon-width="iconWidth"
+        :icon-height="iconHeight">
     <nut-collapse-item :title="title1" :name="1">
         京东数科IPO将引入“绿鞋机制” 
     </nut-collapse-item>
@@ -81,6 +82,8 @@ export default {
       expandIconPosition: 'left',
       icon: 'https://img11.360buyimg.com/imagetools/jfs/t1/132849/8/9709/550/5f5f0d8aE802abee7/68bd02b3a52c3988.png'
       rotate: 180,
+      iconWidth: '20px',
+      iconHeight: '20px',
     };
   }
 };
@@ -108,4 +111,6 @@ export default {
 | expand-icon-position | 标题图标的位置 | string | right |
 | sub-title | 标题栏副标题 | string | - |
 | icon | 标题栏自定义图标链接 | string | - |
+| icon-width | 标题栏自定义图标宽度 | string | 24px |
+| icon-height | 标题栏自定义图标高度 | string | 12px |
 | rotate | 点击折叠和展开的旋转角度,在自定义图标模式下生效 | string \ number | 180 |