From c5c1f27cc0266e465539fac6afde1b86d5b5d82a Mon Sep 17 00:00:00 2001 From: neverland Date: Fri, 14 Sep 2018 15:52:32 +0800 Subject: [PATCH] [bugfix] hairline (#577) --- dist/cell/index.wxss | 2 +- packages/cell/index.pcss | 5 +---- packages/common/style/mixins/border-retina.pcss | 11 +++++------ packages/tag/README.md | 2 +- 4 files changed, 8 insertions(+), 12 deletions(-) diff --git a/dist/cell/index.wxss b/dist/cell/index.wxss index ac27da29..2baa8dab 100644 --- a/dist/cell/index.wxss +++ b/dist/cell/index.wxss @@ -1 +1 @@ -.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #eee}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}.van-cell{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 15px;box-sizing:border-box;line-height:24px;position:relative;background-color:#fff;color:#333;font-size:14px}.van-cell::after{left:15px;right:0;width:auto;-webkit-transform:scale(1,.5);transform:scale(1,.5);border-bottom-width:1px}.van-cell-group{background-color:#fff}.van-cell__label{font-size:12px;line-height:1.2;color:#666}.van-cell__title,.van-cell__value{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-cell__value{overflow:hidden;text-align:right;vertical-align:middle}.van-cell__left-icon{font-size:16px;line-height:24px;margin-right:5px;vertical-align:middle}.van-cell__right-icon{color:#999;font-size:12px;line-height:24px;margin-left:5px}.van-cell--clickable:active{background-color:#e8e8e8}.van-cell--required{overflow:visible}.van-cell--required::before{content:'*';position:absolute;left:7px;font-size:14px;color:#f44}.van-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center} \ No newline at end of file +.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #eee}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}.van-cell{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 15px;box-sizing:border-box;line-height:24px;position:relative;background-color:#fff;color:#333;font-size:14px}.van-cell::after{margin-left:15px;border-bottom-width:1px}.van-cell-group{background-color:#fff}.van-cell__label{font-size:12px;line-height:1.2;color:#666}.van-cell__title,.van-cell__value{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-cell__value{overflow:hidden;text-align:right;vertical-align:middle}.van-cell__left-icon{font-size:16px;line-height:24px;margin-right:5px;vertical-align:middle}.van-cell__right-icon{color:#999;font-size:12px;line-height:24px;margin-left:5px}.van-cell--clickable:active{background-color:#e8e8e8}.van-cell--required{overflow:visible}.van-cell--required::before{content:'*';position:absolute;left:7px;font-size:14px;color:#f44}.van-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center} \ No newline at end of file diff --git a/packages/cell/index.pcss b/packages/cell/index.pcss index 6247ee91..d8c44f42 100644 --- a/packages/cell/index.pcss +++ b/packages/cell/index.pcss @@ -13,10 +13,7 @@ font-size: 14px; &::after { - left: 15px; - right: 0; - width: auto; - transform: scale(1, .5); + margin-left: 15px; border-bottom-width: 1px; } diff --git a/packages/common/style/mixins/border-retina.pcss b/packages/common/style/mixins/border-retina.pcss index c9706944..ed8df665 100644 --- a/packages/common/style/mixins/border-retina.pcss +++ b/packages/common/style/mixins/border-retina.pcss @@ -5,12 +5,11 @@ $border-poses: top, right, bottom, left; @define-mixin border-retina $poses: $border-poses, $border-retina-color: $border-color { content: ''; position: absolute; - top: 0; - left: 0; - width: 199%; - height: 199%; - transform: scale(.5); - transform-origin: 0 0; + top: -50%; + left: -50%; + right: -50%; + bottom: -50%; + transform: scale(0.5); pointer-events: none; box-sizing: border-box; diff --git a/packages/tag/README.md b/packages/tag/README.md index 7f5c0c7d..108264e9 100644 --- a/packages/tag/README.md +++ b/packages/tag/README.md @@ -53,7 +53,7 @@ | 名称 | 说明 | |-----------|-----------| -| default | 自定义 Tag 显示内容 | +| - | 自定义 Tag 显示内容 | ### 外部样式类