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.
132 lines
2.7 KiB
132 lines
2.7 KiB
<style lang="scss" scoped>
|
|
uni-page-body{
|
|
background:#F6F6F6;
|
|
min-height:100%;
|
|
}
|
|
.content{
|
|
.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:110px;
|
|
height:110px;
|
|
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;
|
|
}
|
|
}
|
|
.code,.area{
|
|
color:#999;
|
|
font-size:12px;
|
|
margin-top:7px;
|
|
}
|
|
.data{
|
|
margin-top:8px;
|
|
display:flex;
|
|
align-items: center;
|
|
text{
|
|
&:first-child{
|
|
color:#10C176;
|
|
font-size:16px;
|
|
font-weight: bold;
|
|
&:after{
|
|
content:"亩";
|
|
}
|
|
}
|
|
&:nth-child(2){
|
|
color:#F8CB36;
|
|
font-size:12px;
|
|
margin-left:8px;
|
|
}
|
|
}
|
|
}
|
|
.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">
|
|
<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="code">编号：A000001</view>
|
|
<view class="area">地块面积：652亩</view>
|
|
<view class="data">
|
|
<text>453</text> <text>(在用面积)</text>
|
|
</view>
|
|
<view class="btns">
|
|
<text class="plant-xiugai">修改</text>
|
|
<text class="plant-shanchu">删除</text>
|
|
<text class="plant-xinzeng">地块管理</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default{
|
|
|
|
}
|
|
</script>
|
|
|