File tree Expand file tree Collapse file tree 5 files changed +28
-28
lines changed
src/packages/__VUE/addresslist Expand file tree Collapse file tree 5 files changed +28
-28
lines changed Original file line number Diff line number Diff line change @@ -259,13 +259,13 @@ export default {
259
259
260
260
The ` AddressList ` component is divided into several areas by default, and these areas are defined as slots, which can be replaced as needed
261
261
262
- | Name | Description | Illustrate |
262
+ | Name | Description | Scoped Slots |
263
263
| ------------- | ----------------------------------------------- | ----------- |
264
- | item-infos | Address list item name/contact/default one line | public |
265
- | item-icon | address list item icon | public |
266
- | item-addr | Address list item detailed address | public |
267
- | swipe-right | Address list item right swipe area | Use with swipe |
268
- | longpress-btns | Address list item long press to mask content | Use with long press |
264
+ | item-infos | Address list item name/contact/default one line | ` { item } ` |
265
+ | item-icon | address list item icon | ` { item } ` |
266
+ | item-addr | Address list item detailed address | ` { item } ` |
267
+ | swipe-right | Address list item right swipe area | ` { item } ` |
268
+ | longpress-btns | Address list item long press to mask content | ` { item } ` |
269
269
270
270
### Each item in the data array is smoothed with the parameters of the dataOptions object
271
271
Original file line number Diff line number Diff line change @@ -260,13 +260,13 @@ export default {
260
260
261
261
` AddressList ` 组件默认划分为若干区域,这些区域都定义成了插槽,可以按照需求进行替换
262
262
263
- | 名称 | 说明 | 说明 |
263
+ | 名称 | 说明 | 作用域参数 |
264
264
| ------------- | -------------------------------- | -------------- |
265
- | item-infos | 地址列表项姓名/联系方式/默认一行 | 公共 |
266
- | item-icon | 地址列表项图标 | 公共 |
267
- | item-addr | 地址列表项详细地址 | 公共 |
268
- | swipe-right | 地址列表项右滑区域 | 滑动功能下使用 |
269
- | longpress-btns | 地址列表项长按遮罩内容 | 长按功能下使用 |
265
+ | item-infos | 地址列表项姓名/联系方式/默认一行 | ` { item } ` |
266
+ | item-icon | 地址列表项图标 | ` { item } ` |
267
+ | item-addr | 地址列表项详细地址 | ` { item } ` |
268
+ | swipe-right | 地址列表项右滑区域 | ` { item } ` |
269
+ | longpress-btns | 地址列表项长按遮罩内容 | ` { item } ` |
270
270
271
271
### data 数组中每一项 与 dataOptions 对象的参数磨平
272
272
Original file line number Diff line number Diff line change @@ -260,13 +260,13 @@ export default {
260
260
261
261
` AddressList ` 组件默认划分为若干区域,这些区域都定义成了插槽,可以按照需求进行替换
262
262
263
- | 名称 | 说明 | 说明 |
263
+ | 名称 | 说明 | 作用域参数 |
264
264
| ------------- | -------------------------------- | -------------- |
265
- | item-infos | 地址列表项姓名/联系方式/默认一行 | 公共 |
266
- | item-icon | 地址列表项图标 | 公共 |
267
- | item-addr | 地址列表项详细地址 | 公共 |
268
- | swipe-right | 地址列表项右滑区域 | 滑动功能下使用 |
269
- | longpress-btns | 地址列表项长按遮罩内容 | 长按功能下使用 |
265
+ | item-infos | 地址列表项姓名/联系方式/默认一行 | ` { item } ` |
266
+ | item-icon | 地址列表项图标 | ` { item } ` |
267
+ | item-addr | 地址列表项详细地址 | ` { item } ` |
268
+ | swipe-right | 地址列表项右滑区域 | ` { item } ` |
269
+ | longpress-btns | 地址列表项长按遮罩内容 | ` { item } ` |
270
270
271
271
### data 数组中每一项 与 dataOptions 对象的参数磨平
272
272
Original file line number Diff line number Diff line change 15
15
@longDel =" clickLongDel"
16
16
>
17
17
<template #content-info >
18
- <slot name =" item-infos" ></slot >
18
+ <slot name =" item-infos" :item = " item " ></slot >
19
19
</template >
20
20
<template #content-icons >
21
- <slot name =" item-icon" ></slot >
21
+ <slot name =" item-icon" :item = " item " ></slot >
22
22
</template >
23
23
<template #content-addrs >
24
- <slot name =" item-addr" ></slot >
24
+ <slot name =" item-addr" :item = " item " ></slot >
25
25
</template >
26
26
<template #longpress-all v-if =" longPress " >
27
- <slot name =" longpress-btns" ></slot >
27
+ <slot name =" longpress-btns" :item = " item " ></slot >
28
28
</template >
29
29
<template #swipe-right-btn v-if =" swipeEdition " >
30
- <slot name =" swipe-right" ></slot >
30
+ <slot name =" swipe-right" :item = " item " ></slot >
31
31
</template >
32
32
</general-shell >
33
33
<div class =" nut-address-list__bottom" v-if =" showBottomButton" @click =" addAddress" >
Original file line number Diff line number Diff line change 15
15
@longDel =" clickLongDel"
16
16
>
17
17
<template #content-info >
18
- <slot name =" item-infos" ></slot >
18
+ <slot name =" item-infos" :item = " item " ></slot >
19
19
</template >
20
20
<template #content-icons >
21
- <slot name =" item-icon" ></slot >
21
+ <slot name =" item-icon" :item = " item " ></slot >
22
22
</template >
23
23
<template #content-addrs >
24
- <slot name =" item-addr" ></slot >
24
+ <slot name =" item-addr" :item = " item " ></slot >
25
25
</template >
26
26
<template #longpress-all v-if =" longPress " >
27
- <slot name =" longpress-btns" ></slot >
27
+ <slot name =" longpress-btns" :item = " item " ></slot >
28
28
</template >
29
29
<template #swipe-right-btn v-if =" swipeEdition " >
30
- <slot name =" swipe-right" ></slot >
30
+ <slot name =" swipe-right" :item = " item " ></slot >
31
31
</template >
32
32
</general-shell >
33
33
<div class =" nut-address-list__bottom" v-if =" showBottomButton" @click =" addAddress" >
You can’t perform that action at this time.
0 commit comments