微信小程序webview和原生组件无法同时显示

微信小程序webview和原生组件无法同时显示,第1张

在微信小程序的开发过程中,常常会遇到一种情形,就是需要在一个页面同时显示网页和按钮等原生组件,但是微信小程序的web-view组件却只支持整个页面显示网页,不支持同时显示。那么我们需要转换一种思路,通过rich-text来说显示网页内容,那么就能实现需求了。

那么我们应该怎么通过一个网页链接来显示内容在rich-text中呢?

1、通过url链接来获取html字符串(测试链接: http://apartment.trudian.com/service/misc/viewConvention/id/3 )

2、在页面中显示

相应的rich-text布局和其他原生组件的布局按要求布局即可。

备注:此方法仅支持内容显示的网页,如果此网页还需包含事件点击功能,此方法不支持

覆盖 textarea 等微信小程序原生组件

1.子组件使用 position中的 relative、absolute、fixed

//子组件

父组件

此时可以通过z-index 大小控制子组件和 原生组件textarea覆盖 (前提:要在子组件设置position 使得组件脱离文档流)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/10951133.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-12
下一篇 2023-05-12

发表评论

登录后才能评论

评论列表(0条)

保存