43 lines
1.1 KiB
Vue
43 lines
1.1 KiB
Vue
|
<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>
|