WechatApp/App.vue

<script>
import initConfig from '@/initConfig.js';

export default {
	onLaunch: function (e) {
		// 只有小程序执行
		// #ifdef MP-WEIXIN
		initConfig();
			// getCdnUrl();
		// #endif
	},
	onShow: function (res) {
		console.log('App Show', res);
		// 是否是从被打开的小程序返回
		const { appId, extraData } = res.referrerInfo;
		if (appId && extraData) {
			uni.$emit('listener:ArBack', res.referrerInfo);
		}
	},
	onHide: function () {
		console.log('App Hide');
	}
};
</script>

<style lang="scss">
view,
image,
label {
  box-sizing: border-box;
  word-break: break-all;
}

image {
  height: auto;
  width: auto;
}

/* #ifndef APP-NVUE */
// 设置整个项目的背景色
page {
  background-color: #f7f9fa;
}

/* #endif */

// 弹性盒子
.flex {
  display: flex;

  &-none {
    flex: none;
  }

  &-1 {
    flex: 1;
  }

  &-y {
    flex-direction: column;
  }

  &-top {
    align-items: flex-start !important;
  }

  // 顶部对齐
  &-bottom {
    align-items: flex-end;
  }

  // 底部对齐
  &-content-end {
    justify-content: flex-end;
  }

  // 水平靠右 || 垂直靠下对齐
  &-center {
    align-items: center;
  }

  // 水平居中对齐
  &-center-center {
    align-items: center;
    justify-content: center;
  }

  // 水平垂直居中
  &-between {
    justify-content: space-between;
  }

  // 两端不留间隙对齐
  &-around {
    justify-content: space-around;
  }

  // 两端留间隙对齐
  &-wrap {
    flex-wrap: wrap;
  }

  // 允许换行
}

.w-0 {
  width: 0;
}

.h-0 {
  height: 0;
}

// 隐藏显示多少行
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-all;

  @for $i from 2 through 10 {
    &.ellipsis-#{$i} {
      -webkit-line-clamp: $i;
    }
  }

  &-no {
    display: block;
  }
}

// 点击时的透明度
.hover-active {
  opacity: 0.8 !important;
}

// 底部安全区
.safe-area {
  padding-bottom: constant(safe-area-inset-bottom);
  /* 兼容 iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom);
  /* 兼容 iOS >= 11.2 */
}

.ql-editor.ql-blank:before {
  color: #999999;
  font-size: 28rpx;
  font-style: normal;
}
</style>