yunshangxie/App.vue

<script>
import Vue from 'vue'
import store from './store/index.js'
import updateCustomBarInfo from './tuniao-ui/libs/function/updateCustomBarInfo.js'
import {
  UserLogin
} from '@/util/api.js';

export default {
  onLaunch: function () {
    var Gid = uni.getStorageSync('Gid');
    if (Gid) {
      store.commit('$tStore', {
        name: 'Gid',
        value: Gid
      })
    }
    uni.getSystemInfo({
      success: function (e) {
        // #ifndef H5
        // 获取手机系统版本
        const system = e.system.toLowerCase()
        const platform = e.platform.toLowerCase()
        // 判断是否为ios设备
        if (platform.indexOf('ios') != -1 && (system.indexOf('ios') != -1 || system.indexOf(
            'macos') != -1)) {
          Vue.prototype.SystemPlatform = 'apple'
        } else if (platform.indexOf('android') != -1 && (system.indexOf('android') != -1)) {
          Vue.prototype.SystemPlatform = 'android'
        } else {
          Vue.prototype.SystemPlatform = 'devtools'
        }
        // #endif
      }
    })

    // 获取设备的状态栏信息和自定义顶栏信息
    // store.dispatch('updateCustomBarInfo')
    updateCustomBarInfo().then((res) => {
      console.log(res);
      store.commit('$tStore', {
        name: 'vuex_status_bar_height',
        value: res.statusBarHeight
      })
      store.commit('$tStore', {
        name: 'vuex_custom_bar_height',
        value: res.customBarHeight
      })
    })

    // #ifdef MP-WEIXIN
    //更新检测
    if (wx.canIUse('getUpdateManager')) {
      const updateManager = wx.getUpdateManager();
      updateManager && updateManager.onCheckForUpdate((res) => {
        if (res.hasUpdate) {
          updateManager.onUpdateReady(() => {
            uni.showModal({
              title: '更新提示',
              content: '新版本已经准备就绪，是否需要重新启动应用？',
              success: (res) => {
                if (res.confirm) {
                  uni.clearStorageSync() // 更新完成后刷新storage的数据
                  updateManager.applyUpdate()
                }
              }
            })
          })

          updateManager.onUpdateFailed(() => {
            uni.showModal({
              title: '已有新版本上线',
              content: '小程序自动更新失败，请删除该小程序后重新搜索打开哟~~~',
              showCancel: false
            })
          })
        } else {
          //没有更新
        }
      })
    } else {
      uni.showModal({
        title: '提示',
        content: '当前微信版本过低，无法使用该功能，请更新到最新的微信后再重试。',
        showCancel: false
      })
    }
    // #endif
  },
  onShow: function () {
    // console.log('App Show')
  },
  onHide: function () {
    // console.log('App Hide')
  },
  methods: {
    getUserLogin(returnA) {
      uni.getProvider({
        service: 'oauth',
        success: function (res) {
          console.log(res)
          if (~res.provider.indexOf('weixin')) {
            uni.login({
              provider: "weixin",
              success: function (loginRes) {
                UserLogin({
                  code: loginRes.code
                })
                    .then(response => {
                      console.log('Login',response);
                      if (response.code == 1) {
                        uni.setStorageSync('openid', response.data
                            .openid);
                        uni.setStorageSync('uid', response.data
                            .id);
                      } else {
                        uni.showToast({
                          icon: 'none',
                          title: response.msg,
                          duration: 2000
                        });
                      }
                      //returnA(response);
                    })
                    .catch(error => {
                      uni.showToast({
                        icon: 'none',
                        title: error,
                        duration: 2000
                      });
                    });
              }
            });
          } else {
            console.log(123);
          }
        }
      });
    },
    addWidthToImages(html) {
      // 匹配并更新已有 style 属性的 img 标签
      html = html.replace(/(<img\b[^>]*\bstyle\s*=\s*['"])([^'"]*)(['"][^>]*>)/g,
          function (match, p1, p2, p3) {
            return p1 + p2.trim() + ';width: 100%' + p3;
          });

      // 匹配并添加 style 属性到没有 style 属性的 img 标签
      html = html.replace(/(<img\b(?![^>]*\bstyle\s*=)[^>]*>)/g,
          function (match, p1) {
            return p1.replace(/\/?>$/, ' style="width: 100%;" />');
          });

      return html;
    },
  },

}
</script>

<style lang="scss">
/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
@import './tuniao-ui/index.scss';
@import './tuniao-ui/iconfont.css';
@import './static/css/my.scss';
</style>