BomApp/App.vue

<script>
export default {
  onLaunch: function () {
    console.warn(
      "当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！"
    );
    console.log("App Launch");
  },
  onShow: function () {
    console.log("App Show");
  },
  onHide: function () {
    console.log("App Hide");
  },
};
</script>

<style lang="scss">
/*每个页面公共css */
@import "@/uni_modules/uni-scss/index.scss";
/* #ifndef APP-NVUE */
@import "@/static/customicons.css";
// 设置整个项目的背景色
.page {
  position: fixed;
  // padding-bottom: 50px;
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: url("./static/index/bg.png") no-repeat center;
  background-size: 100% 100%;
  .content {
    flex: 1 1 auto;
    margin: 0 30rpx;
    background: #fff;
    overflow-y: auto;
    /*
	* 移动端下当未设置高度时，flex:1 1 auto设置不生效，content不会有滚动条。
	* 导致uni-content出现滚动条，footer_text跟随页面滚动
	* 设置任意高度后content样式正常，显示滚动条，footer_text始终在底部。
	*/
    height: 600rpx;
  }
}
* {
  box-sizing: border-box;
}

/* #endif */
.example-info {
  font-size: 14px;
  color: #333;
  padding: 10px;
}
</style>