Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
陈庄旺
uni-app
提交
3af00f0d
U
uni-app
项目概览
陈庄旺
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
3af00f0d
编写于
8月 08, 2019
作者:
d-u-a
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update: add nvue component <button>.
上级
a193907d
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
312 addition
and
0 deletion
+312
-0
src/platforms/app-plus-nvue/runtime/components/button.js
src/platforms/app-plus-nvue/runtime/components/button.js
+312
-0
未找到文件。
src/platforms/app-plus-nvue/runtime/components/button.js
0 → 100644
浏览文件 @
3af00f0d
import
{
emitter
,
listeners
}
from
'
../mixins
'
function
getButton
(
weex
)
{
return
{
name
:
'
Button
'
,
mixins
:
[
emitter
,
listeners
],
props
:
{
hoverClass
:
{
type
:
String
,
default
:
'
button-hover
'
},
disabled
:
{
type
:
[
Boolean
,
String
],
default
:
false
},
id
:
{
type
:
String
,
default
:
''
},
type
:
{
type
:
String
,
default
:
'
default
'
},
size
:
{
type
:
String
,
default
:
'
default
'
},
plain
:
{
type
:
[
Boolean
,
String
],
default
:
false
},
loading
:
{
type
:
[
Boolean
,
String
],
default
:
false
},
hoverStopPropagation
:
{
type
:
Boolean
,
default
:
false
},
hoverStartTime
:
{
type
:
Number
,
default
:
20
},
hoverStayTime
:
{
type
:
Number
,
default
:
70
},
formType
:
{
type
:
String
,
default
:
''
,
validator
:
function
validator
(
value
)
{
return
~
[
''
,
'
submit
'
,
'
reset
'
].
indexOf
(
value
)
}
}
},
data
:
function
data
()
{
return
{
TYPES
:
{
default
:
'
d
'
,
primary
:
'
p
'
,
warn
:
'
w
'
},
clickFunction
:
null
}
},
methods
:
{
_onClick
(
$event
,
isLabelClick
)
{
if
(
this
.
disabled
)
{
return
}
if
(
isLabelClick
)
{
this
.
$el
.
click
()
}
if
(
this
.
formType
)
{
this
.
$dispatch
(
'
Form
'
,
this
.
formType
===
'
submit
'
?
'
uni-form-submit
'
:
'
uni-form-reset
'
,
{
type
:
this
.
formType
},
this
)
}
},
_getClass
(
t
)
{
let
cl
=
'
ub-
'
+
this
.
TYPES
[
this
.
type
]
+
t
if
(
this
.
disabled
)
{
cl
+=
'
-d
'
}
if
(
this
.
plain
)
{
cl
+=
'
-plain
'
}
if
(
t
===
'
-t
'
&&
this
.
size
===
'
mini
'
)
{
cl
+=
'
ub-mini
'
}
return
cl
},
_getHoverClass
(
t
)
{
if
(
this
.
disabled
)
{
return
''
}
let
cl
=
'
ub-
'
+
this
.
TYPES
[
this
.
type
]
+
t
+
'
-hover
'
if
(
this
.
plain
)
{
cl
+=
'
-plain
'
}
return
cl
}
},
render
(
createElement
)
{
const
_vm
=
this
return
createElement
(
'
view
'
,
_vm
.
_g
({
staticClass
:
[
'
ub
'
],
class
:
_vm
.
_getClass
(
''
),
attrs
:
{
'
hoverClass
'
:
_vm
.
_getHoverClass
(
''
)
},
on
:
{
'
click
'
:
_vm
.
_onClick
}
},
_vm
.
$listeners
),
[(
_vm
.
loading
)
?
createElement
(
'
loading-indicator
'
,
{
staticClass
:
[
'
ub-loading
'
],
class
:
[
'
ub-
'
+
_vm
.
TYPES
[
_vm
.
type
]
+
'
-loading
'
],
attrs
:
{
'
arrow
'
:
'
false
'
,
'
animating
'
:
'
true
'
}
})
:
_vm
.
_e
(),
createElement
(
'
u-text
'
,
{
staticClass
:
[
'
ub-t
'
],
class
:
_vm
.
_getClass
(
'
-t
'
)
},
[
_vm
.
_t
(
'
default
'
)],
2
)],
1
)
},
style
:
{
'
ub
'
:
{
'
flexDirection
'
:
'
row
'
,
'
alignItems
'
:
'
center
'
,
'
justifyContent
'
:
'
center
'
,
'
position
'
:
'
relative
'
,
'
paddingLeft
'
:
'
5
'
,
'
paddingRight
'
:
'
5
'
,
'
overflow
'
:
'
hidden
'
,
'
color
'
:
'
#000000
'
,
'
backgroundColor
'
:
'
#f8f8f8
'
,
'
borderRadius
'
:
'
5
'
,
'
borderStyle
'
:
'
solid
'
,
'
borderWidth
'
:
'
1
'
,
'
borderColor
'
:
'
#dbdbdb
'
},
'
ub-t
'
:
{
'
color
'
:
'
#000000
'
,
'
fontSize
'
:
'
18
'
,
'
textDecoration
'
:
'
none
'
,
'
lineHeight
'
:
'
46
'
},
'
ub-d
'
:
{
'
backgroundColor
'
:
'
#f8f8f8
'
},
'
ub-p
'
:
{
'
backgroundColor
'
:
'
#007aff
'
,
'
borderColor
'
:
'
#0062cc
'
},
'
ub-w
'
:
{
'
backgroundColor
'
:
'
#e64340
'
,
'
borderColor
'
:
'
#b83633
'
},
'
ub-d-t
'
:
{
'
color
'
:
'
#000000
'
},
'
ub-p-t
'
:
{
'
color
'
:
'
#ffffff
'
},
'
ub-w-t
'
:
{
'
color
'
:
'
#ffffff
'
},
'
ub-d-d
'
:
{
'
backgroundColor
'
:
'
#f7f7f7
'
},
'
ub-p-d
'
:
{
'
backgroundColor
'
:
'
#63acfc
'
,
'
borderColor
'
:
'
#4f8aca
'
},
'
ub-w-d
'
:
{
'
backgroundColor
'
:
'
#ec8b89
'
,
'
borderColor
'
:
'
#bd6f6e
'
},
'
ub-d-t-d
'
:
{
'
color
'
:
'
#cccccc
'
},
'
ub-p-t-d
'
:
{
'
color
'
:
'
rgba(255,255,255,0.6)
'
},
'
ub-w-t-d
'
:
{
'
color
'
:
'
rgba(255,255,255,0.6)
'
},
'
ub-d-plain
'
:
{
'
borderColor
'
:
'
#353535
'
,
'
backgroundColor
'
:
'
rgba(0,0,0,0)
'
},
'
ub-p-plain
'
:
{
'
borderColor
'
:
'
#007aff
'
,
'
backgroundColor
'
:
'
rgba(0,0,0,0)
'
},
'
ub-w-plain
'
:
{
'
borderColor
'
:
'
#e64340
'
,
'
backgroundColor
'
:
'
rgba(0,0,0,0)
'
},
'
ub-d-t-plain
'
:
{
'
color
'
:
'
#353535
'
},
'
ub-p-t-plain
'
:
{
'
color
'
:
'
#007aff
'
},
'
ub-w-t-plain
'
:
{
'
color
'
:
'
#e64340
'
},
'
ub-d-d-plain
'
:
{
'
borderColor
'
:
'
#c6c6c6
'
,
'
backgroundColor
'
:
'
rgba(0,0,0,0)
'
},
'
ub-p-d-plain
'
:
{
'
borderColor
'
:
'
#c6c6c6
'
,
'
backgroundColor
'
:
'
rgba(0,0,0,0)
'
},
'
ub-w-d-plain
'
:
{
'
borderColor
'
:
'
#c6c6c6
'
,
'
backgroundColor
'
:
'
rgba(0,0,0,0)
'
},
'
ub-d-t-d-plain
'
:
{
'
color
'
:
'
rgba(0,0,0,0.2)
'
},
'
ub-p-t-d-plain
'
:
{
'
color
'
:
'
rgba(0,0,0,0.2)
'
},
'
ub-w-t-d-plain
'
:
{
'
color
'
:
'
rgba(0,0,0,0.2)
'
},
'
ub-mini
'
:
{
'
lineHeight
'
:
'
30
'
,
'
fontSize
'
:
'
13
'
,
'
paddingTop
'
:
0
,
'
paddingRight
'
:
'
17.5
'
,
'
paddingBottom
'
:
0
,
'
paddingLeft
'
:
'
17.5
'
},
'
ub-loading
'
:
{
'
width
'
:
'
18
'
,
'
height
'
:
'
18
'
,
'
marginRight
'
:
'
10
'
},
'
ub-d-loading
'
:
{
'
color
'
:
'
rgba(255,255,255,0.6)
'
,
'
backgroundColor
'
:
'
rgba(0,0,0,0)
'
},
'
ub-p-loading
'
:
{
'
color
'
:
'
rgba(255,255,255,0.6)
'
,
'
backgroundColor
'
:
'
rgba(0,0,0,0)
'
},
'
ub-w-loading
'
:
{
'
color
'
:
'
rgba(255,255,255,0.6)
'
,
'
backgroundColor
'
:
'
#ce3c39
'
},
'
ub-d-loading-plain
'
:
{
'
color
'
:
'
#353535
'
},
'
ub-p-loading-plain
'
:
{
'
color
'
:
'
#007aff
'
,
'
backgroundColor
'
:
'
#0062cc
'
},
'
ub-w-loading-plain
'
:
{
'
color
'
:
'
#e64340
'
,
'
backgroundColor
'
:
'
rgba(0,0,0,0)
'
},
'
ub-d-hover
'
:
{
'
opacity
'
:
0.8
,
'
backgroundColor
'
:
'
#dedede
'
},
'
ub-p-hover
'
:
{
'
opacity
'
:
0.8
,
'
backgroundColor
'
:
'
#0062cc
'
},
'
ub-w-hover
'
:
{
'
opacity
'
:
0.8
,
'
backgroundColor
'
:
'
#ce3c39
'
},
'
ub-d-t-hover
'
:
{
'
color
'
:
'
rgba(0,0,0,0.6)
'
},
'
ub-p-t-hover
'
:
{
'
color
'
:
'
rgba(255,255,255,0.6)
'
},
'
ub-w-t-hover
'
:
{
'
color
'
:
'
rgba(255,255,255,0.6)
'
},
'
ub-d-hover-plain
'
:
{
'
color
'
:
'
rgba(53,53,53,0.6)
'
,
'
borderColor
'
:
'
rgba(53,53,53,0.6)
'
,
'
backgroundColor
'
:
'
rgba(0,0,0,0)
'
},
'
ub-p-hover-plain
'
:
{
'
color
'
:
'
rgba(26,173,25,0.6)
'
,
'
borderColor
'
:
'
rgba(0,122,255,0.6)
'
,
'
backgroundColor
'
:
'
rgba(0,0,0,0)
'
},
'
ub-w-hover-plain
'
:
{
'
color
'
:
'
rgba(230,67,64,0.6)
'
,
'
borderColor
'
:
'
rgba(230,67,64,0.6)
'
,
'
backgroundColor
'
:
'
rgba(0,0,0,0)
'
}
}
}
}
export
default
function
init
(
Vue
,
weex
)
{
Vue
.
component
(
'
button
'
,
getButton
(
weex
))
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录