frontend-app/App.vue

<script>
  export default {
    onLaunch: function() {
      console.log('App Launch')
	  const res = uni.getSystemInfoSync();
	  uni.setStorageSync('platform', res.platform);
	  // #ifdef APP-PLUS　　　　　　　　　
	  // 获取应用版本信息
	  plus.runtime.getProperty(plus.runtime.appid, function(inf) {
		console.log("版本信息",inf.versionCode)
	  	uni.setStorageSync('version-1', inf.version); // 大版本号
	  	uni.setStorageSync('versionCode', inf.versionCode); // 小版本号
	  });
	  let uuid = plus.device.uuid;
	  // #endif
    },
    onShow: function() {
      console.log('App Show')
	  // 隐藏原生tabbar
	  /*#ifdef APP-PLUS*/
	    uni.hideTabBar({
	    	animation: false
	    })
	  /*#endif*/
    },
    onHide: function() {
      console.log('App Hide')
    }
  }
</script>

<style lang="scss">
	@import "@/uni_modules/uview-plus/index.scss";
	@import '@/uni.scss';
	@import '@/common.scss';
	
  .container {
    padding: 15px;
  }
.content {
	display: flex;
	min-width: 750rpx;
	max-width: 750rpx;
	height: 100vh;
	padding: 0;
	margin: 0;
	flex-direction: column;
	align-items: center;
	position: relative;
	overflow: hidden;
	background-color: $app-bj;
}
.content-one {
	display: flex;
	min-width: 750rpx;
	max-width: 750rpx;
	height: calc(100vh - 100rpx);
	padding: 0;
	margin: 0;
	flex-direction: column;
	align-items: center;
	position: relative;
	overflow: hidden;
	background-color: $app-bj;
}
.flex-r-lr{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.flex-c-lr{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.flex-c{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-r-e{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.flex-r{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.flex-col{
	display: flex;
	flex-direction: column;
}
.text-white{
	color:#fff;
}
.text-zi{
	color:#7934F6;
}
.text-zu{
	color:#000;
}
.text-zu1{
	color:#333;
}
.text-fu{
	color:#666;
}
.text-fu1{
	color:#999;
}
.text-lu{
	color:#00A776;
}
.mt-12{
	margin-top:12rpx;
}
.mt-24{
	margin-top:24rpx;
}
.mb-32{
	margin-bottom:32rpx;
}
.mt-32{
	margin-top:32rpx;
}
.mt-48{
	margin-top:48rpx;
}
.mt-88{
	margin-top:88rpx;
}
.text-20{
	font-size:20rpx;
}
.text-24{
	font-size:24rpx;
}
.text-26{
	font-size:26rpx;
}
.text-28{
	font-size:28rpx;
}
.text-30{
	font-size:30rpx;
}
.text-32{
	font-size:32rpx;
}
.text-36{
	font-size:36rpx;
}
.text-38{
	font-size:38rpx;
}
.text-44{
	font-size:44rpx;
}
.text-48{
	font-size:48rpx;
}
.text-52{
	font-size:52rpx;
}
.text-88{
	font-size:88rpx;
}
.text-bold{
	font-weight:bold;
}
.line-h{
	line-height:1.2
}
.mr-32{
	margin-right:32rpx;
}
.text-overflow1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.text-d{
	text-decoration: line-through;
}
.text-space{
	white-space: nowrap;
}

  button {
    margin-bottom: 15px;
  }
  img {
    width: 100%;
    height: auto; /* 保持图片比例 */
  }
</style>