zy-wechat/App.vue

<script>
  export default {
    onLaunch: function() {
      console.log('App Launch');
      //#ifdef APP-PLUS
      var info = plus.push.getClientInfo();
      console.log(JSON.stringify(info));
      uni.setStorageSync('clientid', info.clientid); //记住cid
      //收到透传消息  
      //只有APP在线时，才会触发receive事件，透传消息不会触发系统消息,需要创建本地消息  
      plus.push.addEventListener("receive", function(msg) {
        console.log("(receive):" + JSON.stringify(msg));
        // 播报 start
        // const innerAudioContext = uni.createInnerAudioContext();
        // innerAudioContext.autoplay = true;
        // innerAudioContext.src = 'http://fanyi.baidu.com/gettts?lan=zh&text=' + msg.content + '&spd=5&source=web';
        // 播报 end
        // if (app.isIOS()) { //如果是IOS  
        //   var payload = msg.payload;
        //   //【APP离线】收到消息，但没有提醒（发生在一次收到多个离线消息时，只有一个有提醒，但其他的没有提醒）  
        //   //【APP在线】收到消息，不会触发系统消息,需要创建本地消息，但不能重复创建。必须加msg.type验证去除死循环                
        //   if (msg.aps == null && msg.type == "receive") {
        //     var messageTitle = payload.messageTitle;
        //     var messageContent = payload.messageContent;
        //     //创建本地消息,发送的本地消息也会被receive方法接收到，但没有type属性，且aps是null  
        //     plus.push.createMessage(messageContent, JSON.stringify(payload), {
        //       title: messageTitle
        //     });
        //   }
        // }
        // if (app.isAndroid()) { //如果是Android，当APP在线时，收到透传消息不会进入系统消息，需要发送本地提醒。 
        //   var payload = JSON.parse(msg.payload);
        //   var messageTitle = payload.messageTitle;
        //   var messageContent = payload.messageContent;
        //   plus.push.createMessage(messageContent, msg.payload, {
        //     title: messageTitle
        //   });
        // }
      }, false);

      //消息点击事件  
      //【APP在线】，收到透传消息通过，不会提醒至通知栏目，需要发送本地消息，再进行点击触发的点击事件。  
      //【APP离线】，收到离线透传消息，必须通过Java后台的Intent字符串携带payload，且符合格式才能触发click事件，格式不符合不会触发。  
      plus.push.addEventListener("click", function(msg) {
        console.log("(click):" + JSON.stringify(msg));
        // if (app.isIOS()) { //如果是IOS  
        //   var payload;
        //   if (msg.type == "click") { //APP离线点击包含click属性，这时payload是JSON对象  
        //     payload = msg.payload;
        //   } else { //APP在线，收到消息不会包含type属性,这时的payload是JSON字符串，需要转为JSON对象  
        //     payload = JSON.parse(msg.payload);
        //   }
        //   if (payload != null || payload != undefined) {
        //     var messageType = payload.messageType;
        //     messageClick(messageType, payload);
        //   }
        // }
        // if (app.isAndroid()) { //如果是Android，收到playload均是是JSON字符串，需要转为JSON对象  
        //   var payload = JSON.parse(msg.payload);
        //   if (payload != null || payload != undefined) {
        //     var messageType = payload.messageType;
        //     messageClick(messageType, payload);
        //   }
        // }
      }, false);
      //#endif
    },
    onShow: function() {
      console.log('App Show');
      // uni.redirectTo({
      //   url: "../mypage/mypage",
      // });
    },
    onHide: function() {
      console.log('App Hide');
      // uni.closeSocket();
      // uni.onSocketClose(function(res) {
      //   console.log('WebSocket 已关闭！');
      // });
    }
  }
</script>

<style>
  @import url("./static/font/iconfont.css");
  @import url("/node_modules/spinkit/spinkit.css");

  /*每个页面公共css */
  html {
    width: 100%;
    height: 100%;
    background: #f9fafb;
    --sk-size: 20rpx !important;
    --sk-color: #49b856 !important;
  }

  body {
    height: 100%;
    box-sizing: border-box;
    /* padding-top: 96rpx; */
  }

  #app {
    margin: 0px;
    padding: 0px;
    font-family: "PingFangSC-Regular";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    font-size: 14px;
    color: rgb(51, 51, 51);
    width: 100%;
    height: 100%;
  }

  /* 按钮点击态 */
  .seimin-btn-hover {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .1) inset !important;
  }

  .uni-picker-action-confirm {
    color: #49b856 !important;
  }

  .footerPadding {
    padding-bottom: 50rpx !important;
  }

  .footerOtherMargin {
    margin-bottom: 174rpx !important;
  }

  .red {
    color: red !important;
  }

  .fweight {
    font-weight: bold !important;
  }

  .f30 {
    font-size: 30rpx !important;
  }
  
  .mt8{
    margin-top: 16rpx !important;
  }
</style>