Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
erosXXX
uni-app
提交
4f3bfdea
U
uni-app
项目概览
erosXXX
/
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,发现更多精彩内容 >>
提交
4f3bfdea
编写于
11月 28, 2020
作者:
inkwalk
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add: set windows style apis
上级
b56cf24a
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
89 addition
and
50 deletion
+89
-50
lib/apis.js
lib/apis.js
+4
-1
src/platforms/h5/components/app/layout.vue
src/platforms/h5/components/app/layout.vue
+56
-47
src/platforms/h5/service/api/ui/windows.js
src/platforms/h5/service/api/ui/windows.js
+29
-2
未找到文件。
lib/apis.js
浏览文件 @
4f3bfdea
...
...
@@ -171,7 +171,10 @@ const ui = [
'
showRightWindow
'
,
'
hideTopWindow
'
,
'
hideLeftWindow
'
,
'
hideRightWindow
'
'
hideRightWindow
'
,
'
setTopWindowStyle
'
,
'
setLeftWindowStyle
'
,
'
setRightWindowStyle
'
]
const
event
=
[
...
...
src/platforms/h5/components/app/layout.vue
浏览文件 @
4f3bfdea
<
template
>
<uni-layout
v-if=
"responsive"
:class=
"
{'uni-app--showlayout':showLayout,'uni-app--showtopwindow':showTopWindow,'uni-app--showleftwindow':showLeftWindow,'uni-app--showrightwindow':showRightWindow}"
<uni-layout
v-if=
"responsive"
:class=
"
{'uni-app--showlayout':showLayout,'uni-app--showtopwindow':showTopWindow,'uni-app--showleftwindow':showLeftWindow,'uni-app--showrightwindow':showRightWindow}"
>
<uni-top-window
v-if=
"topWindow"
v-show=
"showTopWindow || apiShowTopWindow"
<uni-top-window
v-if=
"topWindow"
v-show=
"showTopWindow || apiShowTopWindow"
>
<div
ref=
"topWindow"
class=
"uni-top-window"
:style=
"topWindowStyle"
<div
ref=
"topWindow"
class=
"uni-top-window"
:style=
"topWindowStyle"
>
<v-uni-top-window
ref=
"top"
:navigation-bar-title-text=
"navigationBarTitleText"
<v-uni-top-window
ref=
"top"
:navigation-bar-title-text=
"navigationBarTitleText"
v-bind=
"bindWindow"
@
hook:mounted=
"onTopWindowInit"
@
hook:mounted=
"onTopWindowInit"
/>
</div>
<div
class=
"uni-top-window--placeholder"
:style=
"
{height:topWindowHeight}"
<div
class=
"uni-top-window--placeholder"
:style=
"
{height:topWindowHeight}"
/>
</uni-top-window>
<uni-content>
...
...
@@ -30,52 +30,52 @@
<router-view
:key=
"routerKey"
/>
</keep-alive>
</uni-main>
<uni-left-window
v-if=
"leftWindow"
v-show=
"showLeftWindow || apiShowLeftWindow"
ref=
"leftWindow"
<uni-left-window
v-if=
"leftWindow"
v-show=
"showLeftWindow || apiShowLeftWindow"
ref=
"leftWindow"
:data-show=
"apiShowLeftWindow"
:style=
"leftWindowStyle"
:style=
"leftWindowStyle"
>
<div
v-if=
"apiShowLeftWindow"
class=
"uni-mask"
@
click=
"apiShowLeftWindow = false"
<div
v-if=
"apiShowLeftWindow"
class=
"uni-mask"
@
click=
"apiShowLeftWindow = false"
/>
<div
class=
"uni-left-window"
>
<v-uni-left-window
ref=
"left"
v-bind=
"bindWindow"
@
hook:mounted=
"onLeftWindowInit"
<v-uni-left-window
ref=
"left"
v-bind=
"bindWindow"
@
hook:mounted=
"onLeftWindowInit"
/>
</div>
</uni-left-window>
<uni-right-window
v-if=
"rightWindow"
v-show=
"showRightWindow || apiShowRightWindow"
ref=
"rightWindow"
<uni-right-window
v-if=
"rightWindow"
v-show=
"showRightWindow || apiShowRightWindow"
ref=
"rightWindow"
:data-show=
"apiShowRightWindow"
:style=
"rightWindowStyle"
:style=
"rightWindowStyle"
>
<div
v-if=
"apiShowRightWindow"
class=
"uni-mask"
@
click=
"apiShowRightWindow = false"
<div
v-if=
"apiShowRightWindow"
class=
"uni-mask"
@
click=
"apiShowRightWindow = false"
/>
<div
class=
"uni-right-window"
>
<v-uni-right-window
ref=
"right"
v-bind=
"bindWindow"
@
hook:mounted=
"onRightWindowInit"
<v-uni-right-window
ref=
"right"
v-bind=
"bindWindow"
@
hook:mounted=
"onRightWindowInit"
/>
</div>
</uni-right-window>
</uni-content>
<!--TODO footer-->
</uni-layout>
<keep-alive
v-else
:include=
"keepAliveInclude"
<keep-alive
v-else
:include=
"keepAliveInclude"
>
<router-view
:key=
"routerKey"
/>
</keep-alive>
...
...
@@ -274,6 +274,15 @@ export default {
}
}
},
setWindowStyle
(
type
,
style
)
{
if
(
!
this
[
type
+
'
Window
'
])
{
return
type
+
'
Window not found
'
}
if
(
style
)
{
this
[
type
+
'
WindowStyle
'
]
=
style
this
.
$nextTick
(
this
[
'
on
'
+
capitalize
(
type
)
+
'
WindowInit
'
])
}
},
initMaxWidth
()
{
window
.
addEventListener
(
'
resize
'
,
()
=>
{
this
.
checkMaxWidth
()
...
...
@@ -438,4 +447,4 @@ export default {
z-index
:
998
;
overflow
:
hidden
;
}
</
style
>
</
style
>
src/platforms/h5/service/api/ui/windows.js
浏览文件 @
4f3bfdea
...
...
@@ -25,7 +25,7 @@ export function showTopWindow () {
export
function
hideTopWindow
()
{
return
showWindow
(
'
top
'
,
false
)
}
}
export
function
showLeftWindow
()
{
return
showWindow
(
'
left
'
,
true
)
...
...
@@ -40,4 +40,31 @@ export function showRightWindow () {
export
function
hideRightWindow
()
{
return
showWindow
(
'
right
'
,
false
)
}
}
function
setWindowStyle
(
type
,
style
)
{
const
api
=
'
set
'
+
capitalize
(
type
)
+
'
WindowStyle
'
const
app
=
getApp
()
if
(
!
app
)
{
return
{
errMsg
:
`
${
api
}
:fail app not ready`
}
}
const
msg
=
app
.
$children
[
0
].
$refs
.
layout
.
setWindowStyle
(
type
,
style
)
if
(
msg
)
{
return
{
errMsg
:
`
${
api
}
:fail
${
msg
}
`
}
}
return
{}
}
export
function
setTopWindowStyle
(
style
)
{
return
setWindowStyle
(
'
top
'
,
style
)
}
export
function
setLeftWindowStyle
(
style
)
{
return
setWindowStyle
(
'
left
'
,
style
)
}
export
function
setRightWindowStyle
(
style
)
{
return
setWindowStyle
(
'
right
'
,
style
)
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录