<template>
  <view class="container">
    <view class="containerBody">
      <VNavigationBar title="新建工单" background-color="rgba(0,0,0,0)" title-color="#333"></VNavigationBar>
      <view class="body">
      </view>
    </view>
  </view>
</template>

<script>
import VNavigationBar from '@/components/VNavigationBar.vue'
export default {
  components: {
    VNavigationBar,
  },
  data() {
    return {}
  },
  onLoad(data){
  },
  methods: {
  }
}
</script>

<style lang="less" scoped>
.container {
  height: 100%;
  background-color: #F3F5F7;

  .containerBody {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: linear-gradient( 180deg, #C1DEFF 0%, rgba(193,222,255,0) 100%);
    background-size: 100% 500rpx;
    background-repeat: no-repeat;
  }

  .body {
    flex: 1;
    height: 0;
    overflow: auto;
  }

}
</style>