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 | 4 | box-sizing: border-box; |
| 5 | 5 | width: 100%; |
| 6 | 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 | 20 | overflow: hidden; |
| 9 | 21 | background-color: #fff; |
| 10 | 22 | &--clickable { | ... | ... |
| ... | ... | @@ -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 | 24 | \ No newline at end of file | ... | ... |