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.

89 lines
2.1 KiB

<style lang="scss">
.container{
min-height:100%;
background:#f6f6f6;
.info{
.name{
display:flex;
align-items: center;
text{
&:first-child{
color:#fff;
background:#10C176;
border-radius: 0 20rpx 0 20rpx;
padding:0 6rpx;
font-size:20rpx;
height:40rpx;
line-height: 40rpx;
margin-right: 20rpx;
}
}
}
.tip{
display:flex;
align-items: center;
margin-top:6rpx;
text{
&:first-child{
color:#FBA83C;
font-size:24rpx;
margin-right:auto;
}
&:nth-child(2){
color:#999;
font-size:20rpx;
}
}
}
}
}
</style>
<template>
<view class="container">
<view class="card info">
<view class="name">
<text>蔬菜</text> <text>精品小黄瓜</text>
</view>
<view class="tip">
<text>提示当前可交易数量150kg</text> <text>采收日期2022-12-26</text>
</view>
</view>
<view class="card">
<u-form class="inline" errorType="toast" :model="formData" ref="form" :rules="rules" labelWidth="auto">
<d-form label="交易重量" type="digit" suffix="kg"/>
<d-form label="规格" type="digit" suffix="kg"/>
<view style="display:flex;align-items: center;">
<d-form label="交易数量" type="digit" suffix="袋"/>
<text style="margin:45rpx 20rpx 0 20rpx;">/</text>
<d-form style="width:max-content;margin-top:40rpx;" type="select" placeholder=" " :columns="[]" :value="[]"/>
</view>
<d-form label="买方名称"/>
<d-form label="买方类型" type="select" :columns="[]" :value="[]"/>
<d-form label="收货地址" type="textarea"/>
</u-form>
</view>
</view>
</template>
<script>
export default {
data(){
return{
fields:{
weidth:{label:"交易重量",type:"digit",suffix:"kg"},
spcs:{label:"规格",type:"digit",suffix:"kg"},
num:{label:"交易数量",type:"digit",suffix:"袋", selectField:"sdf", columns:[]},
name:{label:"买方名称"},
type:{label:"买方类型",type:'select',columns:[],value:[]},
adder:{label:"收货地址",type:"textarea"}
},
formData:{
},
rules:{
}
}
}
}
</script>