商米消费机uniapp客显原生插件

<template> <view class="content"> <image class="logo" src="/static/logo.png"></image> <view class="text-area"> <text class="title">商米客屏显示uniapp调用原生接口Demo</text> </view> <view class="text-area" style="margin-top: 20px;"> <button @click="clickNative()">测试接口</button> </view> <view class="text-area" style="margin-top: 20px;"> <button @click="sendTextOnScreen()"> 客显 </button> </view> <view class="text-area" style="margin-top: 20px;"> <button @click="clearTextOnScreen()">清屏</button> </view> </view> </template> <script> export default { data() { return { sunmilib: null } }, onLoad() { }, created(){ this.sunmilib = uni.requireNativePlugin("SunMiUtilsService") this.sunmilib.startSunService() }, methods: { clickNative(){ ///const sunmilib = uni.requireNativePlugin("SunMiUtilsService"); uni.showModal({ title:'提示', content: this.sunmilib.testLib(), }) }, sendTextOnScreen(){ if(!this.sunmilib.isRunning()){ uni.showModal({ title:'提示', content:'客显服务尚未准备就绪，请稍后再试', success: function(res){ if(res.confirm){ this.sunmilib.startSunService() } } }) return; } let randomNumber = Math.floor(Math.random() * 100) + 55 console.log("发送随机数"+randomNumber+"到客显屏幕") this.sunmilib.showTextOnSubScreen(randomNumber) }, clearTextOnScreen(){ console.log("清除客屏文字") this.sunmilib.cmdSubScreen(4) } } } </script> <style> .content { display: flex; flex-direction: column; align-items: center; justify-content: center; } .logo { height: 200rpx; width: 200rpx; margin-top: 200rpx; margin-left: auto; margin-right: auto; margin-bottom: 50rpx; } .text-area { display: flex; justify-content: center; } .title { font-size: 36rpx; color: #8f8f94; } </style>