Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
yangkaifeng
uni-app
提交
fdb017c6
U
uni-app
项目概览
yangkaifeng
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
3
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,发现更多精彩内容 >>
提交
fdb017c6
编写于
2月 17, 2022
作者:
fxy060608
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
wip(app): nvue styler
上级
e7d12667
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
368 addition
and
186 deletion
+368
-186
packages/uni-components/dist/components.js
packages/uni-components/dist/components.js
+179
-91
packages/uni-components/src/nvue/button/index.tsx
packages/uni-components/src/nvue/button/index.tsx
+179
-91
packages/uni-components/src/nvue/navigator/index.tsx
packages/uni-components/src/nvue/navigator/index.tsx
+6
-4
packages/uni-components/src/nvue/utils.ts
packages/uni-components/src/nvue/utils.ts
+4
-0
未找到文件。
packages/uni-components/dist/components.js
浏览文件 @
fdb017c6
...
...
@@ -102,8 +102,10 @@ function createNVueTextVNode(text, attrs) {
}
const
navigatorStyles
=
[{
"
navigator-hover
"
:
{
backgroundColor
:
"
rgba(0,0,0,0.1)
"
,
opacity
:
0.7
""
:
{
backgroundColor
:
"
rgba(0,0,0,0.1)
"
,
opacity
:
0.7
}
}
}];
var
Navigator
=
defineComponent
({
...
...
@@ -311,179 +313,265 @@ const buttonProps = {
};
const
buttonStyle
=
[{
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
"
""
:
{
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
"
""
:
{
color
:
"
#000000
"
,
fontSize
:
"
18
"
,
textDecoration
:
"
none
"
,
lineHeight
:
"
46
"
}
},
"
ub-d
"
:
{
backgroundColor
:
"
#f8f8f8
"
""
:
{
backgroundColor
:
"
#f8f8f8
"
}
},
"
ub-p
"
:
{
backgroundColor
:
"
#007aff
"
,
borderColor
:
"
#0062cc
"
""
:
{
backgroundColor
:
"
#007aff
"
,
borderColor
:
"
#0062cc
"
}
},
"
ub-w
"
:
{
backgroundColor
:
"
#e64340
"
,
borderColor
:
"
#b83633
"
""
:
{
backgroundColor
:
"
#e64340
"
,
borderColor
:
"
#b83633
"
}
},
"
ub-d-t
"
:
{
color
:
"
#000000
"
""
:
{
color
:
"
#000000
"
}
},
"
ub-p-t
"
:
{
color
:
"
#ffffff
"
""
:
{
color
:
"
#ffffff
"
}
},
"
ub-w-t
"
:
{
color
:
"
#ffffff
"
""
:
{
color
:
"
#ffffff
"
}
},
"
ub-d-d
"
:
{
backgroundColor
:
"
#f7f7f7
"
""
:
{
backgroundColor
:
"
#f7f7f7
"
}
},
"
ub-p-d
"
:
{
backgroundColor
:
"
#63acfc
"
,
borderColor
:
"
#4f8aca
"
""
:
{
backgroundColor
:
"
#63acfc
"
,
borderColor
:
"
#4f8aca
"
}
},
"
ub-w-d
"
:
{
backgroundColor
:
"
#ec8b89
"
,
borderColor
:
"
#bd6f6e
"
""
:
{
backgroundColor
:
"
#ec8b89
"
,
borderColor
:
"
#bd6f6e
"
}
},
"
ub-d-t-d
"
:
{
color
:
"
#cccccc
"
""
:
{
color
:
"
#cccccc
"
}
},
"
ub-p-t-d
"
:
{
color
:
"
rgba(255,255,255,0.6)
"
""
:
{
color
:
"
rgba(255,255,255,0.6)
"
}
},
"
ub-w-t-d
"
:
{
color
:
"
rgba(255,255,255,0.6)
"
""
:
{
color
:
"
rgba(255,255,255,0.6)
"
}
},
"
ub-d-plain
"
:
{
borderColor
:
"
#353535
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
""
:
{
borderColor
:
"
#353535
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
}
},
"
ub-p-plain
"
:
{
borderColor
:
"
#007aff
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
""
:
{
borderColor
:
"
#007aff
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
}
},
"
ub-w-plain
"
:
{
borderColor
:
"
#e64340
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
""
:
{
borderColor
:
"
#e64340
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
}
},
"
ub-d-t-plain
"
:
{
color
:
"
#353535
"
""
:
{
color
:
"
#353535
"
}
},
"
ub-p-t-plain
"
:
{
color
:
"
#007aff
"
""
:
{
color
:
"
#007aff
"
}
},
"
ub-w-t-plain
"
:
{
color
:
"
#e64340
"
""
:
{
color
:
"
#e64340
"
}
},
"
ub-d-d-plain
"
:
{
borderColor
:
"
#c6c6c6
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
""
:
{
borderColor
:
"
#c6c6c6
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
}
},
"
ub-p-d-plain
"
:
{
borderColor
:
"
#c6c6c6
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
""
:
{
borderColor
:
"
#c6c6c6
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
}
},
"
ub-w-d-plain
"
:
{
borderColor
:
"
#c6c6c6
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
""
:
{
borderColor
:
"
#c6c6c6
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
}
},
"
ub-d-t-d-plain
"
:
{
color
:
"
rgba(0,0,0,0.2)
"
""
:
{
color
:
"
rgba(0,0,0,0.2)
"
}
},
"
ub-p-t-d-plain
"
:
{
color
:
"
rgba(0,0,0,0.2)
"
""
:
{
color
:
"
rgba(0,0,0,0.2)
"
}
},
"
ub-w-t-d-plain
"
:
{
color
:
"
rgba(0,0,0,0.2)
"
""
:
{
color
:
"
rgba(0,0,0,0.2)
"
}
},
"
ub-mini
"
:
{
lineHeight
:
"
30
"
,
fontSize
:
"
13
"
,
paddingTop
:
0
,
paddingRight
:
"
17.5
"
,
paddingBottom
:
0
,
paddingLeft
:
"
17.5
"
""
:
{
lineHeight
:
"
30
"
,
fontSize
:
"
13
"
,
paddingTop
:
0
,
paddingRight
:
"
17.5
"
,
paddingBottom
:
0
,
paddingLeft
:
"
17.5
"
}
},
"
ub-loading
"
:
{
width
:
"
18
"
,
height
:
"
18
"
,
marginRight
:
"
10
"
""
:
{
width
:
"
18
"
,
height
:
"
18
"
,
marginRight
:
"
10
"
}
},
"
ub-d-loading
"
:
{
color
:
"
rgba(255,255,255,0.6)
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
""
:
{
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)
"
""
:
{
color
:
"
rgba(255,255,255,0.6)
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
}
},
"
ub-w-loading
"
:
{
color
:
"
rgba(255,255,255,0.6)
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
""
:
{
color
:
"
rgba(255,255,255,0.6)
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
}
},
"
ub-d-loading-plain
"
:
{
color
:
"
#353535
"
""
:
{
color
:
"
#353535
"
}
},
"
ub-p-loading-plain
"
:
{
color
:
"
#007aff
"
,
backgroundColor
:
"
#0062cc
"
""
:
{
color
:
"
#007aff
"
,
backgroundColor
:
"
#0062cc
"
}
},
"
ub-w-loading-plain
"
:
{
color
:
"
#e64340
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
""
:
{
color
:
"
#e64340
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
}
},
"
ub-d-hover
"
:
{
opacity
:
0.8
,
backgroundColor
:
"
#dedede
"
""
:
{
opacity
:
0.8
,
backgroundColor
:
"
#dedede
"
}
},
"
ub-p-hover
"
:
{
opacity
:
0.8
,
backgroundColor
:
"
#0062cc
"
""
:
{
opacity
:
0.8
,
backgroundColor
:
"
#0062cc
"
}
},
"
ub-w-hover
"
:
{
opacity
:
0.8
,
backgroundColor
:
"
#ce3c39
"
""
:
{
opacity
:
0.8
,
backgroundColor
:
"
#ce3c39
"
}
},
"
ub-d-t-hover
"
:
{
color
:
"
rgba(0,0,0,0.6)
"
""
:
{
color
:
"
rgba(0,0,0,0.6)
"
}
},
"
ub-p-t-hover
"
:
{
color
:
"
rgba(255,255,255,0.6)
"
""
:
{
color
:
"
rgba(255,255,255,0.6)
"
}
},
"
ub-w-t-hover
"
:
{
color
:
"
rgba(255,255,255,0.6)
"
""
:
{
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)
"
""
:
{
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)
"
""
:
{
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)
"
""
:
{
color
:
"
rgba(230,67,64,0.6)
"
,
borderColor
:
"
rgba(230,67,64,0.6)
"
,
backgroundColor
:
"
rgba(0,0,0,0)
"
}
}
}];
const
TYPES
=
{
...
...
packages/uni-components/src/nvue/button/index.tsx
浏览文件 @
fdb017c6
...
...
@@ -9,186 +9,274 @@ import {
import
{
uniLabelKey
,
UniLabelCtx
}
from
'
../label
'
import
{
useListeners
}
from
'
../../helpers/useListeners
'
import
{
useAttrs
}
from
'
../../helpers/useAttrs
'
import
{
createNVueTextVNode
,
useHoverClass
}
from
'
../utils
'
import
{
createNVueTextVNode
,
NVueComponentStyles
,
useHoverClass
,
}
from
'
../utils
'
import
{
buttonProps
}
from
'
../../components/button
'
import
{
extend
}
from
'
@vue/shared
'
const
buttonStyle
=
[
const
buttonStyle
:
NVueComponentStyles
=
[
{
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
'
,
''
:
{
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
'
,
''
:
{
color
:
'
#000000
'
,
fontSize
:
'
18
'
,
textDecoration
:
'
none
'
,
lineHeight
:
'
46
'
,
},
},
'
ub-d
'
:
{
backgroundColor
:
'
#f8f8f8
'
,
''
:
{
backgroundColor
:
'
#f8f8f8
'
,
},
},
'
ub-p
'
:
{
backgroundColor
:
'
#007aff
'
,
borderColor
:
'
#0062cc
'
,
''
:
{
backgroundColor
:
'
#007aff
'
,
borderColor
:
'
#0062cc
'
,
},
},
'
ub-w
'
:
{
backgroundColor
:
'
#e64340
'
,
borderColor
:
'
#b83633
'
,
''
:
{
backgroundColor
:
'
#e64340
'
,
borderColor
:
'
#b83633
'
,
},
},
'
ub-d-t
'
:
{
color
:
'
#000000
'
,
''
:
{
color
:
'
#000000
'
,
},
},
'
ub-p-t
'
:
{
color
:
'
#ffffff
'
,
''
:
{
color
:
'
#ffffff
'
,
},
},
'
ub-w-t
'
:
{
color
:
'
#ffffff
'
,
''
:
{
color
:
'
#ffffff
'
,
},
},
'
ub-d-d
'
:
{
backgroundColor
:
'
#f7f7f7
'
,
''
:
{
backgroundColor
:
'
#f7f7f7
'
,
},
},
'
ub-p-d
'
:
{
backgroundColor
:
'
#63acfc
'
,
borderColor
:
'
#4f8aca
'
,
''
:
{
backgroundColor
:
'
#63acfc
'
,
borderColor
:
'
#4f8aca
'
,
},
},
'
ub-w-d
'
:
{
backgroundColor
:
'
#ec8b89
'
,
borderColor
:
'
#bd6f6e
'
,
''
:
{
backgroundColor
:
'
#ec8b89
'
,
borderColor
:
'
#bd6f6e
'
,
},
},
'
ub-d-t-d
'
:
{
color
:
'
#cccccc
'
,
''
:
{
color
:
'
#cccccc
'
,
},
},
'
ub-p-t-d
'
:
{
color
:
'
rgba(255,255,255,0.6)
'
,
''
:
{
color
:
'
rgba(255,255,255,0.6)
'
,
},
},
'
ub-w-t-d
'
:
{
color
:
'
rgba(255,255,255,0.6)
'
,
''
:
{
color
:
'
rgba(255,255,255,0.6)
'
,
},
},
'
ub-d-plain
'
:
{
borderColor
:
'
#353535
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
''
:
{
borderColor
:
'
#353535
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
},
},
'
ub-p-plain
'
:
{
borderColor
:
'
#007aff
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
''
:
{
borderColor
:
'
#007aff
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
},
},
'
ub-w-plain
'
:
{
borderColor
:
'
#e64340
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
''
:
{
borderColor
:
'
#e64340
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
},
},
'
ub-d-t-plain
'
:
{
color
:
'
#353535
'
,
''
:
{
color
:
'
#353535
'
,
},
},
'
ub-p-t-plain
'
:
{
color
:
'
#007aff
'
,
''
:
{
color
:
'
#007aff
'
,
},
},
'
ub-w-t-plain
'
:
{
color
:
'
#e64340
'
,
''
:
{
color
:
'
#e64340
'
,
},
},
'
ub-d-d-plain
'
:
{
borderColor
:
'
#c6c6c6
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
''
:
{
borderColor
:
'
#c6c6c6
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
},
},
'
ub-p-d-plain
'
:
{
borderColor
:
'
#c6c6c6
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
''
:
{
borderColor
:
'
#c6c6c6
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
},
},
'
ub-w-d-plain
'
:
{
borderColor
:
'
#c6c6c6
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
''
:
{
borderColor
:
'
#c6c6c6
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
},
},
'
ub-d-t-d-plain
'
:
{
color
:
'
rgba(0,0,0,0.2)
'
,
''
:
{
color
:
'
rgba(0,0,0,0.2)
'
,
},
},
'
ub-p-t-d-plain
'
:
{
color
:
'
rgba(0,0,0,0.2)
'
,
''
:
{
color
:
'
rgba(0,0,0,0.2)
'
,
},
},
'
ub-w-t-d-plain
'
:
{
color
:
'
rgba(0,0,0,0.2)
'
,
''
:
{
color
:
'
rgba(0,0,0,0.2)
'
,
},
},
'
ub-mini
'
:
{
lineHeight
:
'
30
'
,
fontSize
:
'
13
'
,
paddingTop
:
0
,
paddingRight
:
'
17.5
'
,
paddingBottom
:
0
,
paddingLeft
:
'
17.5
'
,
''
:
{
lineHeight
:
'
30
'
,
fontSize
:
'
13
'
,
paddingTop
:
0
,
paddingRight
:
'
17.5
'
,
paddingBottom
:
0
,
paddingLeft
:
'
17.5
'
,
},
},
'
ub-loading
'
:
{
width
:
'
18
'
,
height
:
'
18
'
,
marginRight
:
'
10
'
,
''
:
{
width
:
'
18
'
,
height
:
'
18
'
,
marginRight
:
'
10
'
,
},
},
'
ub-d-loading
'
:
{
color
:
'
rgba(255,255,255,0.6)
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
''
:
{
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)
'
,
''
:
{
color
:
'
rgba(255,255,255,0.6)
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
},
},
'
ub-w-loading
'
:
{
color
:
'
rgba(255,255,255,0.6)
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
''
:
{
color
:
'
rgba(255,255,255,0.6)
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
},
},
'
ub-d-loading-plain
'
:
{
color
:
'
#353535
'
,
''
:
{
color
:
'
#353535
'
}
,
},
'
ub-p-loading-plain
'
:
{
color
:
'
#007aff
'
,
backgroundColor
:
'
#0062cc
'
,
''
:
{
color
:
'
#007aff
'
,
backgroundColor
:
'
#0062cc
'
,
},
},
'
ub-w-loading-plain
'
:
{
color
:
'
#e64340
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
''
:
{
color
:
'
#e64340
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
},
},
'
ub-d-hover
'
:
{
opacity
:
0.8
,
backgroundColor
:
'
#dedede
'
,
''
:
{
opacity
:
0.8
,
backgroundColor
:
'
#dedede
'
,
},
},
'
ub-p-hover
'
:
{
opacity
:
0.8
,
backgroundColor
:
'
#0062cc
'
,
''
:
{
opacity
:
0.8
,
backgroundColor
:
'
#0062cc
'
,
},
},
'
ub-w-hover
'
:
{
opacity
:
0.8
,
backgroundColor
:
'
#ce3c39
'
,
''
:
{
opacity
:
0.8
,
backgroundColor
:
'
#ce3c39
'
,
},
},
'
ub-d-t-hover
'
:
{
color
:
'
rgba(0,0,0,0.6)
'
,
''
:
{
color
:
'
rgba(0,0,0,0.6)
'
,
},
},
'
ub-p-t-hover
'
:
{
color
:
'
rgba(255,255,255,0.6)
'
,
''
:
{
color
:
'
rgba(255,255,255,0.6)
'
,
},
},
'
ub-w-t-hover
'
:
{
color
:
'
rgba(255,255,255,0.6)
'
,
''
:
{
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)
'
,
''
:
{
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)
'
,
''
:
{
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)
'
,
''
:
{
color
:
'
rgba(230,67,64,0.6)
'
,
borderColor
:
'
rgba(230,67,64,0.6)
'
,
backgroundColor
:
'
rgba(0,0,0,0)
'
,
},
},
},
]
...
...
packages/uni-components/src/nvue/navigator/index.tsx
浏览文件 @
fdb017c6
...
...
@@ -3,13 +3,15 @@ import {
createNavigatorOnClick
,
navigatorProps
,
}
from
'
../../components/navigator
'
import
{
useHoverClass
}
from
'
../utils
'
import
{
NVueComponentStyles
,
useHoverClass
}
from
'
../utils
'
const
navigatorStyles
:
Record
<
string
,
Record
<
string
,
string
|
number
>>
[]
=
[
const
navigatorStyles
:
NVueComponentStyles
=
[
{
'
navigator-hover
'
:
{
backgroundColor
:
'
rgba(0,0,0,0.1)
'
,
opacity
:
0.7
,
''
:
{
backgroundColor
:
'
rgba(0,0,0,0.1)
'
,
opacity
:
0.7
,
},
},
},
]
...
...
packages/uni-components/src/nvue/utils.ts
浏览文件 @
fdb017c6
import
{
createElementVNode
}
from
'
vue
'
import
{
extend
,
hasOwn
}
from
'
@vue/shared
'
export
type
NVueComponentStyles
=
Array
<
Record
<
string
,
Record
<
string
,
Record
<
string
,
unknown
>>>
>
interface
HoverProps
{
hoverClass
?:
string
hoverStartTime
?:
number
|
string
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录