更新记录
1.0.2(2024-11-01)
添加示例
1.0.1(2024-11-01)
发布双屏异显
- 双屏异显
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 4.25,Android:5.0,iOS:不支持,HarmonyNext:不支持 |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
双屏异显,多屏显示,收银机,自定义副屏视图,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>