feature: rate组件增加character自定义字符配置项
This commit is contained in:
parent
4f840d2762
commit
552408d5fd
3 changed files with 65 additions and 3 deletions
|
@ -19,6 +19,50 @@
|
|||
}
|
||||
}
|
||||
|
||||
&-star-full, &-star-zero {
|
||||
position: relative;
|
||||
}
|
||||
&-star-first {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&-star-first, &-star-second {
|
||||
user-select: none;
|
||||
transition: all .3s ease;
|
||||
color: #e9e9e9;
|
||||
}
|
||||
|
||||
&-star-chart {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-right: 8px;
|
||||
position: relative;
|
||||
font-family: 'Ionicons';
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
transform: scale(1.1);
|
||||
|
||||
&-star-first, &-star-second {
|
||||
color: @rate-star-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-star-chart&-star-full &-star-first, &-star-chart&-star-full &-star-second{
|
||||
color: @rate-star-color;
|
||||
}
|
||||
&-star-chart&-star-half &-star-first{
|
||||
opacity: 1;
|
||||
color: @rate-star-color;
|
||||
}
|
||||
|
||||
&-star {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue