[bugfix] Cell: border overlimit (#601)

This commit is contained in:
neverland 2018-09-19 17:38:22 +08:00 committed by GitHub
parent 8e2639b9e5
commit 9454e8ce55
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 18 additions and 35 deletions

View File

@ -13,7 +13,9 @@
font-size: 14px;
&::after {
margin-left: 15px;
left: 15px;
right: 0;
transform: scaleY(0.5);
border-bottom-width: 1px;
}

View File

@ -1,4 +1,4 @@
@import "./mixins/border-retina.pcss";
@import "./mixins/hairline.pcss";
.van-hairline,
.van-hairline--top,

View File

@ -1,33 +0,0 @@
@import '../var.pcss';
$border-poses: top, right, bottom, left;
@define-mixin border-retina $poses: $border-poses, $border-retina-color: $border-color {
content: '';
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
transform: scale(0.5);
pointer-events: none;
box-sizing: border-box;
@each $pos in $poses {
border-$(pos): 1px solid $border-retina-color;
}
}
@define-mixin hairline $border-retina-color: $border-color {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
transform: scale(.5);
transform-origin: 0 0;
pointer-events: none;
box-sizing: border-box;
border: 0 solid $border-retina-color;
}

View File

@ -0,0 +1,14 @@
@import '../var.pcss';
@define-mixin hairline $border-retina-color: $border-color {
content: '';
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
transform: scale(0.5);
pointer-events: none;
box-sizing: border-box;
border: 0 solid $border-retina-color;
}