Vue はシェイク機能を実装します (ios13.3 以降と互換性があります)

<van-popup v-model="isTip" class="popInfo" :close-on-click-overlay="false">
 <div class="mainBody">
 <h3 class="systemTip">ヒント</h3>
 <div class="確認">
 iOS システムはアクションと指示にアクセスするための許可を手動で取得する必要があるため、ゲームが正常に進行するように、アクセスプロンプトで [許可] をクリックしてください。
 </div>
 </div>
 <button class="bottomButton" @click="handleInit">
 了解しました</button>
</バン-ポップアップ>

//shake.jsを導入する
作成された(){
 this.initShake()
 定数isAction = JSON.parse(localStorage.getItem('getAction'))
 var ua = navigator.userAgent.toLowerCase();
 if (ua.indexOf("Mac OS X のような") > 0) {
 var reg = /os [\d._]*/gi;
 var verinfo = ua.match(reg);
 var version = (verinfo+"").replace(/[^0-9|_.]/ig,"").replace(/_/ig,".");
 if (parseFloat(バージョン) >= 13.3 && !isAction){
 localStorage.setItem("getAction",true)
 this.isTip = true
 }
 }
},
方法:{
 initShake(){
 this.myShakeEvent = 新しいシェイク({
 しきい値: 15、// シェイクしきい値タイムアウト: 1000 // イベント頻度、オプションの値});
 this.myShakeEvent.start();
 window.addEventListener('shake', xx);
 },
 ハンドル初期化(){
 this.isTip = false
 this.ios13granted()
 },
 ios13granted() {
 if (typeof DeviceMotionEvent.requestPermission === 'function') {
 DeviceMotionEvent.requestPermission().then(permissionState => {
 権限状態が「許可」の場合{
 this.initShake() //Shake} else if(permissionState === 'denied'){// 開いたリンクは https で始まっていません alert("現在の IOS システムでは、アクションと指示へのアクセスが拒否されています。WeChat を終了し、イベント ページに再度アクセスして権限を取得してください。または、抽選バケットを直接クリックしてイベントに参加してください")
 }
 }).catch((エラー) => {
 アラート("デバイスの向きやモーションへのアクセスを要求するには、ユーザーのジェスチャーが必要です")
 })
 } それ以外 {
 // 通常の iOS 13 以降以外のデバイスを処理する alert("通常の iOS 13 以降以外のデバイスを処理する")
 }
 },
}