Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
良好的行为成为习惯
uni-app
提交
2e2257e1
U
uni-app
项目概览
良好的行为成为习惯
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
2e2257e1
编写于
8月 09, 2019
作者:
F
fransli123
提交者:
GitHub
8月 09, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Create switch.js
上级
7dc4d548
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
193 addition
and
0 deletion
+193
-0
src/platforms/app-plus-nvue/runtime/components/switch.js
src/platforms/app-plus-nvue/runtime/components/switch.js
+193
-0
未找到文件。
src/platforms/app-plus-nvue/runtime/components/switch.js
0 → 100644
浏览文件 @
2e2257e1
import
{
emitter
,
listeners
}
from
'
../mixins
'
function
getSwitch
(
weex
)
{
return
{
name
:
'
Switch
'
,
mixins
:
[
emitter
,
listeners
],
props
:
{
name
:
{
type
:
String
,
default
:
''
},
id
:
{
type
:
String
,
default
:
''
},
type
:
{
type
:
String
,
default
:
'
switch
'
},
checked
:
{
type
:
[
Boolean
,
String
],
default
:
false
},
disabled
:
{
type
:
[
Boolean
,
String
],
default
:
false
},
color
:
{
type
:
String
,
default
:
'
#007aff
'
}
},
data
()
{
return
{
switchChecked
:
this
.
checked
}
},
computed
:
{
switchStyle
()
{
return
{
backgroundColor
:
this
.
color
}
}
},
watch
:
{
checked
(
value
)
{
this
.
switchChecked
=
value
}
},
created
()
{
this
.
$dispatch
(
'
Form
'
,
'
uni-form-group-update
'
,
{
type
:
'
add
'
,
vm
:
this
})
},
beforeDestroy
()
{
this
.
$dispatch
(
'
Form
'
,
'
uni-form-group-update
'
,
{
type
:
'
remove
'
,
vm
:
this
})
},
methods
:
{
_onClick
(
$event
)
{
if
(
this
.
disabled
)
{
return
}
this
.
switchChecked
=
!
this
.
switchChecked
this
.
$trigger
(
'
change
'
,
{
value
:
this
.
switchChecked
})
},
_resetFormData
()
{
this
.
switchChecked
=
false
},
_getFormData
()
{
const
data
=
{}
if
(
this
.
name
!==
''
)
{
data
[
'
value
'
]
=
this
.
switchChecked
data
[
'
key
'
]
=
this
.
name
}
return
data
}
},
render
(
createElement
)
{
const
_vm
=
this
return
createElement
(
'
div
'
,
_vm
.
_g
({
staticClass
:
[
'
uni-switch
'
],
on
:
{
'
click
'
:
_vm
.
_onClick
}
},
_vm
.
$listeners
),
[(
_vm
.
type
===
'
switch
'
)
?
createElement
(
'
div
'
,
{
staticClass
:
[
'
uni-switch-input
'
],
style
:
{
backgroundColor
:
_vm
.
switchChecked
?
_vm
.
color
:
'
#DFDFDF
'
}
},
[
createElement
(
'
div
'
,
{
staticClass
:
[
'
uni-switch-input-bg
'
],
style
:
{
backgroundColor
:
_vm
.
switchChecked
?
_vm
.
color
:
'
#FFFFFF
'
}
}),
createElement
(
'
div
'
,
{
staticClass
:
[
'
uni-switch-input-check
'
],
class
:
[
_vm
.
switchChecked
?
'
uni-switch-input-check-checked
'
:
''
]
})
])
:
_vm
.
_e
(),
(
_vm
.
type
===
'
checkbox
'
)
?
createElement
(
'
div
'
,
{
staticClass
:
[
'
uni-checkbox-input
'
],
class
:
[
_vm
.
switchChecked
?
'
uni-checkbox-input-checked
'
:
''
]
},
[(
_vm
.
switchChecked
)
?
createElement
(
'
u-text
'
,
{
staticClass
:
[
'
uni-icon
'
,
'
uni-checkbox-input-icon
'
]
},
[
_vm
.
_v
(
_vm
.
_s
(
'
\
uEA08
'
))])
:
_vm
.
_e
()])
:
_vm
.
_e
()])
},
style
:
{
'
uni-switch
'
:
{
'
position
'
:
'
relative
'
},
'
uni-switch-input
'
:
{
'
position
'
:
'
relative
'
,
'
width
'
:
'
52
'
,
'
height
'
:
'
32
'
,
'
borderRadius
'
:
'
16
'
,
'
backgroundColor
'
:
'
#dfdfdf
'
,
'
transitionDuration
'
:
200
,
'
transitionProperty
'
:
'
backgroundColor
'
},
'
uni-switch-input-disabled
'
:
{
'
backgroundColor
'
:
'
#e1e1e1
'
},
'
uni-switch-input-bg
'
:
{
'
position
'
:
'
absolute
'
,
'
left
'
:
1
,
'
top
'
:
1
,
'
width
'
:
'
50
'
,
'
height
'
:
'
30
'
,
'
borderRadius
'
:
'
15
'
,
'
backgroundColor
'
:
'
#ffffff
'
,
'
transitionDuration
'
:
200
,
'
transitionProperty
'
:
'
backgroundColor
'
},
'
uni-switch-input-check
'
:
{
'
pointerEvents
'
:
'
none
'
,
'
position
'
:
'
absolute
'
,
'
left
'
:
1
,
'
top
'
:
1
,
'
width
'
:
'
30
'
,
'
height
'
:
'
30
'
,
'
borderRadius
'
:
50
,
'
backgroundColor
'
:
'
#ffffff
'
,
'
boxShadow
'
:
'
0 1px 3px #e0e0e0
'
,
'
transitionDuration
'
:
200
,
'
transitionProperty
'
:
'
transform,backgroundColor
'
,
'
transform
'
:
'
translateX(0)
'
},
'
uni-switch-input-check-checked
'
:
{
'
background
'
:
'
#ffffff
'
,
'
borderColor
'
:
'
#ffffff
'
,
'
transform
'
:
'
translateX(20px)
'
},
'
uni-checkbox-input
'
:
{
'
position
'
:
'
relative
'
,
'
appearance
'
:
'
none
'
,
'
marginRight
'
:
'
5
'
,
'
backgroundColor
'
:
'
#ffffff
'
,
'
borderStyle
'
:
'
solid
'
,
'
borderWidth
'
:
'
1
'
,
'
borderColor
'
:
'
#d1d1d1
'
,
'
borderRadius
'
:
'
3
'
,
'
width
'
:
'
22
'
,
'
height
'
:
'
22
'
,
'
outline
'
:
0
},
'
uni-checkbox-input-disabled
'
:
{
'
backgroundColor
'
:
'
#e1e1e1
'
,
'
color
'
:
'
#adadad
'
},
'
uni-icon
'
:
{
'
fontFamily
'
:
'
unincomponents
'
,
'
fontSize
'
:
'
16
'
,
'
marginLeft
'
:
'
2
'
,
'
marginTop
'
:
'
2
'
,
'
color
'
:
'
#007aff
'
}
}
}
}
export
default
function
init
(
Vue
,
weex
)
{
Vue
.
component
(
'
switch
'
,
getSwitch
(
weex
))
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录