Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui
提交
43162881
N
nutui
项目概览
京东前端
/
nutui
通知
37
Star
4
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
nutui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
43162881
编写于
3月 29, 2021
作者:
richard_1015
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
refactor(rate): code upd
上级
01361b9f
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
10 addition
and
11 deletion
+10
-11
src/packages/rate/demo.vue
src/packages/rate/demo.vue
+2
-4
src/packages/rate/doc.md
src/packages/rate/doc.md
+2
-2
src/packages/rate/index.scss
src/packages/rate/index.scss
+3
-2
src/packages/rate/index.vue
src/packages/rate/index.vue
+3
-3
未找到文件。
src/packages/rate/demo.vue
浏览文件 @
43162881
...
...
@@ -25,7 +25,7 @@
<h2>
只读状态
</h2>
<nut-rate
v-model=
"state.val6"
readonly
></nut-rate>
<h2>
绑定事件
,
{{
state
.
result
}}
</h2>
<h2>
绑定事件
</h2>
<nut-rate
v-model=
"state.val7"
@
change=
"onChange"
></nut-rate>
<h2>
自定义尺寸 35px
</h2>
<nut-rate
v-model=
"state.val8"
icon-size=
"35"
></nut-rate>
...
...
@@ -49,11 +49,9 @@ export default createDemo({
val5
:
3
,
val6
:
3
,
val7
:
3
,
val8
:
3
,
result
:
''
val8
:
3
});
const
onChange
=
val
=>
{
state
.
result
=
'
您点击了第
'
+
val
+
'
个!
'
;
ctx
.
$toast
.
text
(
state
.
result
);
};
return
{
...
...
src/packages/rate/doc.md
浏览文件 @
43162881
...
...
@@ -89,8 +89,8 @@ setup() {
| count | star 总数 | Number | 5 |
| v-model | 当前 star 数,可使用 v-model 双向绑定数据 | Number | - |
| icon-size | star 大小 | Number | 18 |
| active-color | 图标选中颜色 | String | #fa200c |
| void-color
| 图标未选中颜色 | String | #ccc
|
| active-color | 图标选中颜色
| String | #fa200c |
| void-color
| 图标未选中颜色 | String | #ccc
|
| unchecked-icon | 使用图标(未选中) | String | star-n |
| checked-icon | 使用图标(选中) | String | star-fill-n |
| allow-half | 是否半星 | Boolean | false |
...
...
src/packages/rate/index.scss
浏览文件 @
43162881
...
...
@@ -10,10 +10,11 @@
&
__icon
{
color
:
$rate-icon-color
;
&
.disabled
{
cursor
:
pointer
;
&
--disabled
{
color
:
$rate-icon-void-color
;
}
&
.
half
{
&
--
half
{
position
:
absolute
;
width
:
50%
;
left
:
0
;
...
...
src/packages/rate/index.vue
浏览文件 @
43162881
...
...
@@ -10,13 +10,13 @@
<nut-icon
:size=
"iconSize"
class=
"nut-rate-item__icon"
:class=
"
{
disabled
: disabled || n > modelValue }"
:class=
"
{
'nut-rate-item__icon--disabled'
: disabled || n > modelValue }"
:color="n
<
=
modelValue
?
activeColor
:
voidColor
"
:name=
"n
<
=
modelValue
?
checkedIcon
:
uncheckedIcon
"
/>
<nut-icon
v-if=
"allowHalf && modelValue + 1 > n"
class=
"nut-rate-item__icon half"
class=
"nut-rate-item__icon
nut-rate-item__icon--
half"
:color=
"n
<
=
modelValue
?
activeColor
:
voidColor
"
:size=
"iconSize"
:name=
"checkedIcon"
...
...
@@ -95,7 +95,7 @@ export default create({
}
else
{
value
=
index
;
if
(
props
.
allowHalf
)
{
if
((
e
?.
target
as
Element
).
className
.
includes
(
'
__icon
half
'
))
{
if
((
e
?.
target
as
Element
).
className
.
includes
(
'
__icon
--
half
'
))
{
value
-=
0.5
;
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录