feat(Picker): add columns-top、columns-bottom slot (#4607)

This commit is contained in:
neverland
2019-09-27 17:25:23 +08:00
committed by GitHub
parent 9729879593
commit b8daee5551
4 changed files with 29 additions and 0 deletions
@@ -28,6 +28,17 @@ exports[`column watch default index 2`] = `
</div>
`;
exports[`columns-top、columns-bottom prop 1`] = `
<div class="van-picker">
<div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
<!---->Custom Columns Top<div class="van-picker__columns" style="height: 220px;">
<div class="van-picker__mask" style="background-size: 100% 88px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>Custom Columns Bottom
<!---->
</div>
`;
exports[`not allow html 1`] = `
<div class="van-picker">
<!---->
+14
View File
@@ -206,3 +206,17 @@ test('not allow html', () => {
expect(wrapper).toMatchSnapshot();
});
test('columns-top、columns-bottom prop', () => {
const wrapper = mount(Picker, {
propsData: {
showToolbar: true
},
scopedSlots: {
'columns-top': () => 'Custom Columns Top',
'columns-bottom': () => 'Custom Columns Bottom',
}
});
expect(wrapper).toMatchSnapshot();
});