You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
2.6 KiB
122 lines
2.6 KiB
2 years ago
|
<style lang="scss" scoped>
|
||
|
|
.content{
|
||
|
|
background:#F6F6F6;
|
||
|
|
.u-navbar{
|
||
|
|
height:44px;
|
||
|
|
margin-bottom:14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
&>.search{
|
||
|
|
display:flex;
|
||
|
|
align-items: center;
|
||
|
|
background:#fff;
|
||
|
|
margin:0 15px;
|
||
|
|
border-radius: 20px;
|
||
|
|
padding:3px;
|
||
|
|
height:30px;
|
||
|
|
.u-icon{
|
||
|
|
margin:0 7px;
|
||
|
|
flex-shrink: 0;
|
||
|
|
}
|
||
|
|
input{
|
||
|
|
flex-grow: 1;
|
||
|
|
}
|
||
|
|
.u-button{
|
||
|
|
flex-shrink: 0;
|
||
|
|
width:max-content;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&>.item{
|
||
|
|
display:flex;
|
||
|
|
&>image{
|
||
|
|
flex-shrink: 0;
|
||
|
|
width:82px;
|
||
|
|
height:82px;
|
||
|
|
border-radius: 8px;
|
||
|
|
margin-right:12px;
|
||
|
|
}
|
||
|
|
&>.info{
|
||
|
|
flex-grow: 1;
|
||
|
|
.title{
|
||
|
|
display:flex;
|
||
|
|
align-items: center;
|
||
|
|
font-weight: bold;
|
||
|
|
text{
|
||
|
|
margin-left:auto;
|
||
|
|
color:#333;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.adder{
|
||
|
|
color:#999;
|
||
|
|
font-size:12px;
|
||
|
|
margin-top: 8px;
|
||
|
|
}
|
||
|
|
.data{
|
||
|
|
display:flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
margin-top:8px;
|
||
|
|
color:#999;
|
||
|
|
font-size:12px;
|
||
|
|
text:nth-child(3){
|
||
|
|
color:#10C176;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.btns{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
border-top:1px solid #D8D8D8;
|
||
|
|
padding-top:8px;
|
||
|
|
margin-top:10px;
|
||
|
|
text{
|
||
|
|
color:#999;
|
||
|
|
font-size:12px;
|
||
|
|
&:before{
|
||
|
|
color:#10C176;
|
||
|
|
margin-right:4px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<template>
|
||
|
|
<view class="content fixed">
|
||
|
|
<u-navbar @rightClick="rightClick" leftIconColor="#fff" :autoBack="true" bgColor="#10C176">
|
||
|
|
<view slot="center" style="color:#fff;">仓库管理</view>
|
||
|
|
<view slot="right"> <text class="plant-xinjian" style="color:#fff;"/> </view>
|
||
|
|
</u-navbar>
|
||
|
|
|
||
|
|
<view class="search">
|
||
|
|
<u-icon name="search" color="#999999" size="20"/>
|
||
|
|
<input placeholder="请输入搜索内容"/>
|
||
|
|
<u-button type="primary" shape="circle" color="#10C176" text="搜索" size="mini"></u-button>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="card item">
|
||
|
|
<image src="https://ts1.cn.mm.bing.net/th?id=OIP-C.wc_dCG_KbIKZwMdtD3gL2QHaEt&w=313&h=199&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2"/>
|
||
|
|
<view class="info">
|
||
|
|
<view class="title">西南角1号仓库 <text class="plant-youbian"/></view>
|
||
|
|
<view class="adder">种植基地进门右手边第3个</view>
|
||
|
|
<view class="data">
|
||
|
|
<text>库存种类：x种</text> <text>库存量：xkg</text> <text>453㎡</text>
|
||
|
|
</view>
|
||
|
|
<view class="btns">
|
||
|
|
<text class="plant-xiugai">修改</text>
|
||
|
|
<text class="plant-shanchu">删除</text>
|
||
|
|
<text class="plant-chakan">查看库存</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
|
||
|
|
}
|
||
|
|
</script>
|