Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
2c123ed4
U
uni-app
项目概览
DCloud
/
uni-app
14 天 前同步成功
通知
751
Star
38709
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
8
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
8
Issue
8
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
2c123ed4
编写于
1月 13, 2024
作者:
H
hdx
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(x:web-view): 支持用户调整大小,默认充满当前页面不包含标题栏,不追加到body
上级
d2fbfd2f
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
103 addition
and
0 deletion
+103
-0
packages/uni-h5/src/view/components/index.ts
packages/uni-h5/src/view/components/index.ts
+6
-0
packages/uni-h5/src/view/components/web-view/index-x.tsx
packages/uni-h5/src/view/components/web-view/index-x.tsx
+83
-0
packages/uni-h5/style/web-view.css
packages/uni-h5/style/web-view.css
+14
-0
未找到文件。
packages/uni-h5/src/view/components/index.ts
浏览文件 @
2c123ed4
import
Video
from
'
./video/index
'
//#if _X_
// @ts-ignore
import
WebView
from
'
./web-view/index-x
'
//#else
// @ts-ignore
import
WebView
from
'
./web-view/index
'
//#endif
import
Map
from
'
./map/index
'
import
CoverView
from
'
./cover-view
'
import
CoverImage
from
'
./cover-image
'
...
...
packages/uni-h5/src/view/components/web-view/index-x.tsx
0 → 100644
浏览文件 @
2c123ed4
import
{
ref
,
onMounted
,
Ref
,
watchEffect
}
from
'
vue
'
import
{
hasOwn
}
from
'
@vue/shared
'
import
{
defineBuiltInComponent
,
useAttrs
,
UniElement
,
}
from
'
@dcloudio/uni-components
'
import
{
getRealPath
}
from
'
@dcloudio/uni-platform
'
import
{
once
,
ON_WEB_INVOKE_APP_SERVICE
}
from
'
@dcloudio/uni-shared
'
import
{
onWebInvokeAppService
}
from
'
../../../service/onWebInvokeAppService
'
const
Invoke
=
/*#__PURE__*/
once
(()
=>
UniServiceJSBridge
.
on
(
ON_WEB_INVOKE_APP_SERVICE
,
onWebInvokeAppService
)
)
const
props
=
{
src
:
{
type
:
String
,
default
:
''
,
},
}
type
RootRef
=
Ref
<
HTMLElement
|
null
>
class
UniWebViewElement
extends
UniElement
{}
export
default
/*#__PURE__*/
defineBuiltInComponent
({
inheritAttrs
:
false
,
name
:
'
WebView
'
,
props
,
//#if _X_ && !_NODE_JS_
rootElement
:
{
name
:
'
uni-web-view
'
,
class
:
UniWebViewElement
,
},
//#endif
setup
(
props
)
{
Invoke
()
const
rootRef
:
RootRef
=
ref
(
null
)
const
iframeRef
:
RootRef
=
ref
(
null
)
const
{
$attrs
,
$excludeAttrs
,
$listeners
}
=
useAttrs
({
excludeListeners
:
true
,
})
const
renderIframe
=
()
=>
{
const
iframe
=
document
.
createElement
(
'
iframe
'
)
watchEffect
(()
=>
{
for
(
const
key
in
$attrs
.
value
)
{
if
(
hasOwn
(
$attrs
.
value
,
key
))
{
const
attr
=
(
$attrs
.
value
as
any
)[
key
]
;(
iframe
as
any
)[
key
]
=
attr
}
}
})
watchEffect
(()
=>
{
iframe
.
src
=
getRealPath
(
props
.
src
)
})
iframeRef
.
value
=
iframe
}
__NODE_JS__
?
onMounted
(
renderIframe
)
:
renderIframe
()
onMounted
(()
=>
{
rootRef
.
value
?.
appendChild
(
iframeRef
.
value
!
)
})
//#if _X_ && !_NODE_JS_
onMounted
(()
=>
{
const
rootElement
=
rootRef
.
value
as
UniWebViewElement
rootElement
.
attachVmProps
(
props
)
})
//#endif
return
()
=>
{
return
(
<
uni
-
web
-
view
class
=
"uni-webview"
{
...
$listeners
.
value
}
{
...
$excludeAttrs
.
value
}
ref
=
{
rootRef
}
/>
)
}
},
})
packages/uni-h5/style/web-view.css
浏览文件 @
2c123ed4
uni-web-view
{
display
:
flex
;
}
/* #ifndef UNI-APP-X */
uni-web-view
.uni-webview--fullscreen
{
position
:
absolute
;
left
:
0
;
...
...
@@ -8,3 +10,15 @@ uni-web-view.uni-webview--fullscreen {
top
:
0
;
bottom
:
0
;
}
/* #endif */
/* #ifdef UNI-APP-X */
uni-web-view
.uni-webview
{
flex
:
1
;
}
uni-web-view
.uni-webview
>
iframe
{
width
:
100%
;
height
:
100%
;
border
:
none
;
}
/* #endif */
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录