ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 02:31:21 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

badge css done

Browse Source
This commit is contained in:
zhuxiang
2017-02-26 15:42:19 +08:00
parent 7bfc4f4323
commit 44600789dc
13 changed files with 185 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
packages/zanui-css/src/badge.css Normal file
View File

@@ -0,0 +1,71 @@
@import "./common/var.pcss";
@import "./mixins/border_retina.pcss";
@component-namespace z {
@b badge-group {
position: relative;
width: 85px;
&::after {
@mixin border-retina (top);
}
}
@b badge {
display: block;
overflow: hidden;
position: relative;
padding: 20px 15px;
box-sizing: border-box;
line-height: 14px;
background-color: $c-background;
color: $c-gray-darker;
font-size: 14px;
text-decoration: none;
white-space: nowrap;
@e active {
display: none;
position: absolute;
left: 0;
top: 0;
width: 3px;
height: 100%;
background-color: #FF4444;
}
@e info {
position: absolute;
top: 2px;
right: 2px;
font-size: 10px;
transform:scale(0.8);
text-align: center;
box-sizing: border-box;
padding: 0 6px;
min-width: 18px;
height: 18px;
line-height: 18px;
border-radius: 9px;
background-color: #FF4444;
color: $c-white;
}
@when select {
font-weight: bold;
color: $c-black;
background-color: $c-white;
.z-badge__active {
display: block;
}
&::after {
@mixin border-retina (top);
@mixin border-retina (right);
@mixin border-retina (left);
}
}
&::after {
@mixin border-retina (bottom);
}
&:last-child {
&::after {
border-bottom: 0;
}
}
}
}

1
packages/zanui-css/src/index.css
View File

@@ -12,3 +12,4 @@
@import './popup.css';
@import './radio.css';
@import './switch.css';
@import './badge.css';