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

[Improvement] Icon add 'info' prop (#447)

Browse Source
This commit is contained in:
neverland
2017-12-18 11:37:41 +08:00
committed by GitHub
parent 4c18aca42f
commit a8666591c9
8 changed files with 49 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/vant-css/src/icon.css
View File

@@ -1,3 +1,5 @@
@import './common/var.css';
@font-face {
font-style: normal;
font-weight: normal;
@@ -6,11 +8,29 @@
}
.van-icon {
position: relative;
display: inline-block;
font: normal normal normal 14px/1 "vant-icon";
font-size: inherit;
text-rendering: auto;
&__info {
color: #fff;
left: 50%;
top: -.5em;
font-size: .5em;
margin-left: .8em;
padding: 0 .3em;
text-align: center;
min-width: 1.2em;
line-height: 1.2;
position: absolute;
border-radius: .6em;
box-sizing: border-box;
background-color: $red;
font-family: PingFang SC, Helvetica Neue, Arial, sans-serif;
}
&:before {
display: inline-block;
}

16
packages/vant-css/src/tabbar.css
View File

@@ -49,22 +49,6 @@
}
}
&__info {
color: #fff;
top: -5px;
right: -100%;
font-size: 12px;
transform: scale(.8);
box-sizing: border-box;
padding: 0 3px;
text-align: center;
min-width: 18px;
line-height: 18px;
border-radius: 9px;
background-color: $red;
position: absolute;
}
&--active {
color: $blue;
}