Vue implements the shake function (compatible with ios13.3 and above)

<van-popup v-model="isTip" class="popInfo" :close-on-click-overlay="false">
 <div class="mainBody">
 <h3 class="systemTip">Warm Tips</h3>
 <div class="confirm">
 Since the iOS system needs to manually obtain permission to access actions and directions, to ensure the normal progress of the game, please click Allow in the access prompt.
 </div>
 </div>
 <button class="bottomButton" @click="handleInit">
 Got it</button>
</van-popup>

//Introduce shake.js
created(){
 this.initShake()
 const isAction = JSON.parse(localStorage.getItem('getAction'))
 var ua = navigator.userAgent.toLowerCase();
 if (ua.indexOf("like 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(version) >= 13.3 && !isAction){
 localStorage.setItem("getAction",true)
 this.isTip = true
 }
 }
},
methods:{
 initShake(){
 this.myShakeEvent = new Shake({
 threshold: 15, // shake threshold timeout: 1000 // event frequency, optional value});
 this.myShakeEvent.start();
 window.addEventListener('shake', xx);
 },
 handleInit(){
 this.isTip = false
 this.ios13granted()
 },
 ios13granted() {
 if (typeof DeviceMotionEvent.requestPermission === 'function') {
 DeviceMotionEvent.requestPermission().then(permissionState => {
 if (permissionState === 'granted') {
 this.initShake() //Shake} else if(permissionState === 'denied'){// The link you opened does not begin with https alert("The current IOS system denies access to actions and directions. Please exit WeChat and re-enter the event page to obtain permissions. Or directly click on the lottery bucket to participate in the event")
 }
 }).catch((error) => {
 alert("Requesting device orientation or motion access requires user gestures to prompt")
 })
 } else {
 // Handle regular non-iOS 13+ device alert("Handle regular non-iOS 13+ devices")
 }
 },
}