<script>
  import Vue from 'vue'
  import core from "@/core.js"
  import configs from '@/config/config.js'
	export default {
    globalData: {
      baseUrl: configs.baseUrl,
      avatarConst: 'hoxin-user-icon', //用户头像存储目录
      userBanner: 'hoxin-user-banner', //用户详情背景图存储目录
      chatImage: 'hoxin-chat-space', //聊天文件，图片，语音，短视频存储目录
      friendImage: 'hoxin-moment-space', //朋友圈的图片，短视频存储目录
      friendBanner: 'hoxin-moment-wallpaper', //用户朋友圈背景图存储目录
      emoticonLogo: 'hoxin-emoticon-logo', //表情包专辑LOGO存储目录
      emoticon: 'hoxin-emoticon-item', //表情包图片存储目录
      micro: 'hoxin-micro-server-icon', //公众号头像存储目录
      showIf: false,
      socket: null
    },
		onLaunch: function() {
      core.init();
			console.log('App Launch')
      uni.getSystemInfo({
        success: function(e) {
          let custom;
          core.Client = e;
          Vue.prototype.StatusBar = e.statusBarHeight;
          // #ifndef MP
          if (e.platform == 'android') {
            Vue.prototype.CustomBar = e.statusBarHeight + 50;
          } else {
            Vue.prototype.CustomBar = e.statusBarHeight + 45;
            core.device = 'ios';
          };
          // #endif
          // #ifdef MP-WEIXIN
          custom = wx.getMenuButtonBoundingClientRect();
          // #endif
          // #ifdef MP-TOUTIAO
          custom = tt.getMenuButtonBoundingClientRect();
          // #endif
          // #ifdef MP-TOUTIAO || MP-WEIXIN
          Vue.prototype.Custom = custom;
          Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
          // #endif
          // #ifdef MP-ALIPAY
          Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
          // #endif
        }
      })
      
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
  /*每个页面公共css */
  // #ifndef APP-NVUE 
  @import "colorui/main.css";
  @import "colorui/icon.css";
   @import "@/uni_modules/uview-ui/index.scss";
  @import "style.css";
  image{
    will-change: transform;
    width: auto;
    height: auto;
  }
  .status_bar {
    width: 100%;
    height: var(--status-bar-height);
  }

  .albumbg {
    position: relative;
    height: 400upx;
    overflow: hidden;

    image {
      z-index: 0;
    }
  }

  image.defaultwallpaper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 0;
  }

  .ql-container .ql-editor img {
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
  }

  rich-text {
    &>div {
      display: flex;
      flex-direction: row;
      align-items: center;
      flex-warp: warp;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
    }
  }

  // #endif 
</style>