配置页样式,看板基础样式
This commit is contained in:
42
src/pages/modules/home/left.vue
Normal file
42
src/pages/modules/home/left.vue
Normal file
@@ -0,0 +1,42 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user