|
|
@@ -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 |
|