更新记录
1.0.2(2024-11-01)
添加示例
1.0.1(2024-11-01)
发布双屏异显
- 双屏异显
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
- |
- |
- |
- |
5.0 |
× |
× |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
× |
× |
× |
× |
× |
× |
- |
× |
× |
× |
× |
uni-app x
Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
- |
- |
5.0 |
× |
× |
× |
双屏异显,多屏显示,收银机,自定义副屏视图,UTS组件
提供方法
screen
启动第二块屏幕,传入本地html路径
changeData
修改数据,传入需要修改的数据,会触发html页面的 changeData
方法
示例
复制代码<script>
import { screen, changeData } from '@/uni_modules/leruge-uts-screen'
export default {
onShow: function() {
const file = plus.io.convertLocalFileSystemURL('./hybrid/html/index.html')
screen(file)
setTimeout(() => {
changeData('第二次数据')
}, 1000)
}
}
</script>
html页面
复制代码<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>双屏异显</title>
</head>
<body>
<div id="font" style="font-size: 60px;color: red;">第一次数据</div>
<script src="./jquery.js"></script>
<script>
function changeData(str){
$("#font").html(str)
}
</script>
</body>
</html>