blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-05 19:41:45 +08:00
Code Issues Projects Releases Wiki Activity

feat(panel): remove useFooterSlot (#4205)

Browse Source
This commit is contained in:
rex 2021-05-11 15:12:32 +08:00 committed by GitHub
parent b9920eee4a
commit 62f7d2b65e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/panel/README.md
View File

@ -27,7 +27,7 @@
使用`slot`自定义内容。
```html
<van-panel title="标题" desc="描述信息" status="状态" use-footer-slot>
<van-panel title="标题" desc="描述信息" status="状态">
<view>内容</view>
<view slot="footer">
<van-button size="small">按钮</van-button>
@ -40,12 +40,11 @@
### Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
| --------------- | -------------------- | --------- | ------- | ---- |
| title | 标题 | _string_ | - | - |
| desc | 描述 | _string_ | - | - |
| status | 状态 | _string_ | - | - |
| use-footer-slot | 是否使用 footer slot | _boolean_ | `false` | - |
| 参数 | 说明 | 类型 | 默认值 | 版本 |
| ------ | ---- | -------- | ------ | ---- |
| title | 标题 | _string_ | - | - |
| desc | 描述 | _string_ | - | - |
| status | 状态 | _string_ | - | - |
### Slot
@ -53,7 +52,7 @@
| ------ | -------------------------------------------------------------- |
| - | 自定义内容 |
| header | 自定义 header，如果设置了`title`、`desc`、`status`属性则不生效 |
| footer | 自定义 footer，需要设置 `use-footer-slot`属性 |
| footer | 自定义 footer |
### 外部样式类

4
packages/panel/index.less
View File

@ -10,5 +10,9 @@
&__footer {
.theme(padding,'@panel-footer-padding');
&:empty {
display: none;
}
}
}

1
packages/panel/index.ts
View File

@ -7,6 +7,5 @@ VantComponent({
desc: String,
title: String,
status: String,
useFooterSlot: Boolean,
},
});

4
packages/panel/index.wxml
View File

@ -1,5 +1,5 @@
<view class="van-panel van-hairline--top-bottom custom-class">
<van-cell
<van-cell
wx:if="{{ title || desc || status }}"
title="{{ title }}"
label="{{ desc }}"
@ -13,7 +13,7 @@
<slot />
</view>
<view wx:if="{{ useFooterSlot }}" class="van-panel__footer van-hairline--top footer-class">
<view class="van-panel__footer van-hairline--top footer-class">
<slot name="footer" />
</view>
</view>