mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-05-22 06:31:46 +08:00
[bugfix] Cell: border overlimit (#601)
This commit is contained in:
parent
8e2639b9e5
commit
9454e8ce55
@ -13,7 +13,9 @@
|
||||
font-size: 14px;
|
||||
|
||||
&::after {
|
||||
margin-left: 15px;
|
||||
left: 15px;
|
||||
right: 0;
|
||||
transform: scaleY(0.5);
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
|
@ -1,4 +1,4 @@
|
||||
@import "./mixins/border-retina.pcss";
|
||||
@import "./mixins/hairline.pcss";
|
||||
|
||||
.van-hairline,
|
||||
.van-hairline--top,
|
||||
|
@ -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;
|
||||
}
|
14
packages/common/style/mixins/hairline.pcss
Normal file
14
packages/common/style/mixins/hairline.pcss
Normal 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;
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user