blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-05 19:41:45 +08:00
Code Issues Projects Releases Wiki Activity

[bugfix] Cell: border unshow (#714)

Browse Source
This commit is contained in:
neverland 2018-10-09 11:47:18 +08:00 committed by GitHub
parent 351866500e
commit 86e7027866
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 27 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
build/compiler.js
View File

@ -23,7 +23,7 @@ gulp.task('compile-less', () => {
.pipe(postcss())
.pipe(cssmin())
.pipe(insert.transform((contents, file) => {
if (!file.path.includes('packages'+ path.sep +'common')) {
if (!file.path.includes('packages' + path.sep + 'common')) {
contents = `@import '../common/index.wxss';` + contents;
}
return contents;

10
packages/cell/index.less
View File

@ -1,4 +1,5 @@
@import '../common/style/var.less';
@import "../common/style/mixins/hairline.less";
.van-cell {
width: 100%;
@ -12,10 +13,11 @@
font-size: 14px;
&::after {
left: 15px;
right: 0;
transform: scaleY(0.5);
border-bottom-width: 1px;
.hairline-bottom(@border-color, 15px);
}
&--borderless::after {
display: none;
}
&-group {

2
packages/cell/index.ts
View File

@ -33,9 +33,9 @@ VantComponent({
cellClass(): string {
const { data } = this;
return this.classNames('custom-class', 'van-cell', {
'van-hairline': data.border,
'van-cell--center': data.center,
'van-cell--required': data.required,
'van-cell--borderless': !data.border,
'van-cell--clickable': data.isLink || data.clickable
});
},

24
packages/common/style/mixins/hairline.less
View File

@ -1,13 +1,27 @@
.hairline(@border-color: #eee) {
content: '';
.hairline-common() {
content: ' ';
position: absolute;
pointer-events: none;
box-sizing: border-box;
transform-origin: center; /* cover wechat button:after default transforn-origin */
}
.hairline(@border-color: #eee) {
.hairline-common();
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
transform: scale(0.5);
pointer-events: none;
box-sizing: border-box;
transform-origin: center; /* cover wechat button:after default transforn-origin */
border: 0 solid @border-color;
}
.hairline-bottom(@border-color: #eee, @left: 0) {
.hairline-common();
top: auto;
left: @left;
right: 0;
bottom: 0;
transform: scaleY(0.5);
border-bottom: 1px solid @border-color;
}