feat: improve cursor

This commit is contained in:
陈嘉涵
2020-01-11 15:46:47 +08:00
parent 5cbb9e2998
commit 2eb680723d
33 changed files with 97 additions and 24 deletions
+8 -1
View File
@@ -201,7 +201,14 @@ export default createComponent({
render() {
return (
<div class={bem()} tabindex="0" role="radiogroup">
<div
class={bem({
readonly: this.readonly,
disabled: this.disabled
})}
tabindex="0"
role="radiogroup"
>
{this.list.map((status, index) => this.genStar(status, index))}
</div>
);
+9
View File
@@ -2,6 +2,7 @@
.van-rate {
display: inline-flex;
cursor: pointer;
user-select: none;
&__item {
@@ -25,4 +26,12 @@
overflow: hidden;
}
}
&--disabled {
cursor: not-allowed;
}
&--readonly {
cursor: default;
}
}
@@ -80,7 +80,7 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
<div>
<div tabindex="0" role="radiogroup" class="van-rate">
<div tabindex="0" role="radiogroup" class="van-rate van-rate--disabled">
<div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon" style="color: rgb(189, 189, 189);">
<!----></i></div>
<div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon" style="color: rgb(189, 189, 189);">
@@ -94,7 +94,7 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
<div>
<div tabindex="0" role="radiogroup" class="van-rate">
<div tabindex="0" role="radiogroup" class="van-rate van-rate--readonly">
<div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon" style="color: rgb(255, 210, 30);">
<!----></i></div>
<div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon" style="color: rgb(255, 210, 30);">