<template>
  <div id="app" v-cloak>
    <!-- <div class="bg-box"></div> -->
    <router-view />
  </div>
</template>
<script>
export default {};
</script>
<style lang="scss">
@import "./assets/css/index.css";
@mixin layout-dev {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  @include layout-dev;
  body {
    @include layout-dev;
    #app {
      @include layout-dev;
      font-size: 12px;
      background: #fafafa;
      // .bg-box {
      //   position: absolute;
      //   z-index: 1;
      //   width: 100%;
      //   height: 84px;
      //   margin: 0 0;
      //   padding:0;
      //   box-sizing: border-box;
      //   background: linear-gradient(0deg,  #fafafa 0%  ,#f3d028 100% );
      // }
      .layout,
      .address,
      .addressView,
      .order,
      .oDetail,
      .aboutUs,
      .product,
      .live,
      .liveD,
      .login {
        @include layout-dev;
        background: transparent;
        position: absolute;
        height: 100%;
        height: 100%;
        z-index: 2;
        .page-main {
          box-sizing: border-box;
          overflow-y: scroll;
          width: 100%;
          height: auto;
        }
        .van-nav-bar-my-fixed {
          .van-nav-bar__content {
            background: linear-gradient(0deg, #fafafa 0%, #f3d028 100%);
          }
        }
        .van-tabbar--fixed {
          z-index: 999999;
        }
      }
        
    }
  }
}
</style>
