Commit 6eaa2728f4e613903def6cbb1a452fe45055993d
1 parent
15f7c2a0
Exists in
master
[优化] 优化Cell组件下边框，上传变量文件
Showing
2 changed files
with
36 additions
and
1 deletions
Show diff stats
components/cell/index.scss
| @@ -4,7 +4,19 @@ | @@ -4,7 +4,19 @@ | ||
| 4 | box-sizing: border-box; | 4 | box-sizing: border-box; |
| 5 | width: 100%; | 5 | width: 100%; |
| 6 | padding: $h-gap-lg $v-gap-md; | 6 | padding: $h-gap-lg $v-gap-md; |
| 7 | - border-bottom: 1upx solid $color-border; | 7 | + &::after { |
| 8 | + position: absolute; | ||
| 9 | + content: ''; | ||
| 10 | + width: 100%; | ||
| 11 | + left: 0; | ||
| 12 | + bottom: 0; | ||
| 13 | + height: 1px; | ||
| 14 | + background-color: $color-border; | ||
| 15 | + -webkit-transform: scale(1, 0.5); | ||
| 16 | + transform: scale(1, 0.5); | ||
| 17 | + -webkit-transform-origin: center bottom; | ||
| 18 | + transform-origin: center bottom; | ||
| 19 | + } | ||
| 8 | overflow: hidden; | 20 | overflow: hidden; |
| 9 | background-color: #fff; | 21 | background-color: #fff; |
| 10 | &--clickable { | 22 | &--clickable { |
| @@ -0,0 +1,23 @@ | @@ -0,0 +1,23 @@ | ||
| 1 | +$color-primary: #FCD404; | ||
| 2 | + | ||
| 3 | +$color-success: #52c41a; | ||
| 4 | +$color-warning: #fa8c16; | ||
| 5 | +$color-error: #f5222d; | ||
| 6 | + | ||
| 7 | +$color-minor: #8c8c8c; | ||
| 8 | +$color-border: #f0f0f0; | ||
| 9 | +$color-disabled: #ccc; | ||
| 10 | + | ||
| 11 | +$bg-active: #f3f3f3; | ||
| 12 | +$bg-disabled: #f5f5f5; | ||
| 13 | + | ||
| 14 | +$font-lg: 42upx; | ||
| 15 | +$font-md: 30upx; | ||
| 16 | +$font-sm: 22upx; | ||
| 17 | + | ||
| 18 | +$h-gap-lg: 20upx; | ||
| 19 | +$h-gap-md: 15upx; | ||
| 20 | +$h-gap-sm: 10upx; | ||
| 21 | +$v-gap-lg: 45upx; | ||
| 22 | +$v-gap-md: 30upx; | ||
| 23 | +$v-gap-sm: 20upx; | ||
| 0 | \ No newline at end of file | 24 | \ No newline at end of file |