alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(Overlay): add @overlay-z-index less var

Browse Source
This commit is contained in:
陈嘉涵
2020-01-28 11:54:11 +08:00
parent 7609389623
commit 95d19f70d1
6 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/overlay/index.less
+1
View File
@@ -4,6 +4,7 @@
position: fixed;
top: 0;
left: 0;
z-index: @overlay-z-index;
width: 100%;
height: 100%;
background-color: @overlay-background-color;
src/overlay/index.tsx
+1 -4
View File
@@ -57,13 +57,10 @@ function Overlay(
Overlay.props = {
show: Boolean,
zIndex: [Number, String],
duration: [Number, String],
className: null as any,
customStyle: Object,
zIndex: {
type: [Number, String],
default: 1,
},
};
export default createComponent<OverlayProps, OverlayEvents>(Overlay);
src/overlay/test/__snapshots__/demo.spec.js.snap
+2 -2
View File
@@ -3,10 +3,10 @@
exports[`renders demo correctly 1`] = `
<div>
<div><button class="van-button van-button--primary van-button--normal" style="margin-left: 16px;"><span class="van-button__text">显示遮罩层</span></button>
<div class="van-overlay" style="z-index: 1; display: none;" name="van-fade"></div>
<div class="van-overlay" style="display: none;" name="van-fade"></div>
</div>
<div><button class="van-button van-button--primary van-button--normal" style="margin-left: 16px;"><span class="van-button__text">嵌入内容</span></button>
<div class="van-overlay" style="z-index: 1; display: none;" name="van-fade">
<div class="van-overlay" style="display: none;" name="van-fade">
<div class="wrapper">
<div class="block"></div>
</div>
src/overlay/test/__snapshots__/index.spec.js.snap
+4 -4
View File
@@ -1,11 +1,11 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`class-name prop 1`] = `<div class="van-overlay my-overlay" style="z-index: 1;" name="van-fade"></div>`;
exports[`class-name prop 1`] = `<div class="van-overlay my-overlay" name="van-fade"></div>`;
exports[`custom style prop 1`] = `<div class="van-overlay" style="z-index: 1; background-color: red;" name="van-fade"></div>`;
exports[`custom style prop 1`] = `<div class="van-overlay" style="background-color: red;" name="van-fade"></div>`;
exports[`default slot 1`] = `<div class="van-overlay" style="z-index: 1; display: none;" name="van-fade">Custom Default</div>`;
exports[`default slot 1`] = `<div class="van-overlay" style="display: none;" name="van-fade">Custom Default</div>`;
exports[`duration prop 1`] = `<div class="van-overlay" style="z-index: 1; animation-duration: 1s;" name="van-fade"></div>`;
exports[`duration prop 1`] = `<div class="van-overlay" style="animation-duration: 1s;" name="van-fade"></div>`;
exports[`z-index prop 1`] = `<div class="van-overlay" style="z-index: 99;" name="van-fade"></div>`;