<template>
  <div class="n_container">
    <div class="zd-row">
      <div class="zd-col-10">
        <div class="zd-row jcflexstart">
          <div class="state_icon bg_col_1"></div>
          <div class="state_title">满货位</div>
          <div class="state_icon bg_col_2"></div>
          <div class="state_title">空货位</div>
        </div>
        <div class="zd-row">
          <div class="zd-col-6"></div>
          <div class="zd-col-6"></div>
          <div class="zd-col-6"></div>
          <div class="zd-col-6"></div>
        </div>
      </div>
      <div class="zd-col-12"></div>
    </div>
  </div>
</template>

<style lang="stylus" scoped>
@import '~@style/mixin'
.n_container
  _wh(100%, 100%)
  background center / 100% 100% url('../../../images/bg-center.png') no-repeat
  padding 2%
.state_icon
  _wh(.1rem, .1rem)
.state_title
  _font(.2rem, .2rem, #fff,,)
  margin 0 .4rem 0 .1rem
.bg_col_1
  background-color #EF5252
  border-radius 4px
  box-shadow 0px 0px 12px 4px rgba(239, 82, 82, .5)
.bg_col_2
  background-color #8EB5E5
  border-radius 4px
  box-shadow 0px 0px 12px 4px rgba(142, 181, 229, .5)
</style>
