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.
 
 
 
 
 

80 lines
1.4 KiB

<style lang="scss">
.container{
height:100%;
background:#f6f6f6;
.data-range{
flex-shrink: 0;
}
scroll-view{
flex-grow: 1;
height:1rpx;
.card{
.info{
display:flex;
align-items: center;
text{
&:first-child{
flex-shrink: 0;
background:#10C176;
border-radius:4rpx 40rpx 4rpx 40rpx;
padding:0 10rpx;
box-sizing: border-box;
color:#fff;
height:40rpx;
line-height: 40rpx;
min-width:80rpx;
text-align: center;
font-size:20rpx;
margin-right:12rpx;
}
&:nth-child(3){
flex-shrink: 0;
color:#10C176;
font-size:24rpx;
font-weight: bold;
}
}
}
}
}
}
</style>
<template>
<view class="container flex">
<d-search />
<view class="date-range">
<text>请选择开始时间</text> ~ <text>请选择结束时间</text>
</view>
<scroll-view scroll-y @scrolltolower="search">
<view class="card">
<view class="info">
<text>施肥</text> <text class="over">中量元素水溶肥</text> <text>10kg</text>
</view>
<view class="people">
<text>负责人张召忠</text> <text>记录时间2022-12-12</text>
</view>
</view>
</scroll-view>
</view>
</template>
<script>
import request from '@/common/request.js'
export default {
data(){
return{
}
},
onLoad(){},
methods:{
async search(){
var res=await request()
}
}
}
</script>