From 6eaa2728f4e613903def6cbb1a452fe45055993d Mon Sep 17 00:00:00 2001 From: 刘汉宸 Date: Fri, 3 Apr 2020 15:14:50 +0800 Subject: [PATCH] [优化] 优化Cell组件下边框,上传变量文件 --- components/cell/index.scss | 14 +++++++++++++- variables.scss | 23 +++++++++++++++++++++++ 2 files changed, 36 insertions(+), 1 deletion(-) create mode 100644 variables.scss diff --git a/components/cell/index.scss b/components/cell/index.scss index 1a799d2..548aa9f 100644 --- a/components/cell/index.scss +++ b/components/cell/index.scss @@ -4,7 +4,19 @@ box-sizing: border-box; width: 100%; padding: $h-gap-lg $v-gap-md; - border-bottom: 1upx solid $color-border; + &::after { + position: absolute; + content: ''; + width: 100%; + left: 0; + bottom: 0; + height: 1px; + background-color: $color-border; + -webkit-transform: scale(1, 0.5); + transform: scale(1, 0.5); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + } overflow: hidden; background-color: #fff; &--clickable { diff --git a/variables.scss b/variables.scss new file mode 100644 index 0000000..638f4ae --- /dev/null +++ b/variables.scss @@ -0,0 +1,23 @@ +$color-primary: #FCD404; + +$color-success: #52c41a; +$color-warning: #fa8c16; +$color-error: #f5222d; + +$color-minor: #8c8c8c; +$color-border: #f0f0f0; +$color-disabled: #ccc; + +$bg-active: #f3f3f3; +$bg-disabled: #f5f5f5; + +$font-lg: 42upx; +$font-md: 30upx; +$font-sm: 22upx; + +$h-gap-lg: 20upx; +$h-gap-md: 15upx; +$h-gap-sm: 10upx; +$v-gap-lg: 45upx; +$v-gap-md: 30upx; +$v-gap-sm: 20upx; \ No newline at end of file -- libgit2 0.21.0