Browse Source

农事记录 修改页面样式

master
邓宏 2 years ago
parent
commit
56c31644ff
  1. 38
      pages/baseMana/formReacord.vue

38
pages/baseMana/formReacord.vue

@ -61,7 +61,7 @@
}
}
}
.people{
.record{
display:flex;
align-items: center;
justify-content: space-between;
@ -73,6 +73,31 @@
color:#999;
}
}
.detail{
display: flex;
align-items: center;
text{
font-size:24rpx;
color:#999;
&.type{
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;
}
&.time{
margin-left:auto;
}
}
}
}
}
}
@ -89,11 +114,18 @@
<scroll-view scroll-y @scrolltolower="search">
<view class="card" v-for="(v,k) in list" :key="k">
<template v-if="v.inputName">
<view class="info">
<text>{{v.type}}</text> <text class="over">{{v.inputName}}</text> <text>{{v.inputTotal}}{{v.unit}}</text>
</view>
<view class="people">
<text>负责人{{v.principal}}</text> <text>记录时间{{v.time}}</text>
<view class="record">
<text>负责人{{v.principal}}</text> <text>记录时间{{new Date(v.time).format('yyyy-MM-dd')}}</text>
</view>
</template>
<view v-else class="detail">
<text class="type">{{v.type}}</text>
<text class="people">负责人{{v.principal}}</text>
<text class="time">记录时间{{new Date(v.time).format('yyyy-MM-dd')}}</text>
</view>
</view>
<u-empty v-if="list.length==0" text="为查询到相关信息" width="70%" icon="/static/noData.png"/>

Loading…
Cancel
Save