Browse Source

修改样式

master
邓宏 2 years ago
parent
commit
520233bebe
  1. 44
      pages/baseMana/formReacord.vue

44
pages/baseMana/formReacord.vue

@ -37,6 +37,9 @@
.info{ .info{
display:flex; display:flex;
align-items: center; align-items: center;
margin-bottom:20rpx;
padding-bottom:20rpx;
border-bottom:2rpx solid rgba(216, 216, 216, 0.3);
text{ text{
&:first-child{ &:first-child{
flex-shrink: 0; flex-shrink: 0;
@ -61,13 +64,25 @@
} }
} }
} }
.adder{
display:flex;
align-items: center;
font-size:24rpx;
text:first-child{
color:#999;
margin-right:auto;
}
text:nth-child(2){
color:#10C176;
flex-shrink: 0;
margin-left:20rpx;
}
}
.record{ .record{
margin-top:15rpx;
display:flex; display:flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top:20rpx;
padding-top:20rpx;
border-top:2rpx solid rgba(216, 216, 216, 0.3);
text{ text{
font-size:24rpx; font-size:24rpx;
color:#999; color:#999;
@ -76,6 +91,9 @@
.detail{ .detail{
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom:20rpx;
padding-bottom:20rpx;
border-bottom:2rpx solid rgba(216, 216, 216, 0.3);
text{ text{
font-size:24rpx; font-size:24rpx;
color:#999; color:#999;
@ -118,15 +136,23 @@
<view class="info"> <view class="info">
<text>{{v.type}}</text> <text class="over">{{v.inputName}}</text> <text>{{v.inputTotal}}{{v.unit}}</text> <text>{{v.type}}</text> <text class="over">{{v.inputName}}</text> <text>{{v.inputTotal}}{{v.unit}}</text>
</view> </view>
<view class="adder">
<text class="over">{{v.plotName}}</text> <text>{{v.productName}}</text>
</view>
<view class="record"> <view class="record">
<text>负责人{{v.principal}}</text> <text>记录时间{{new Date(v.time).format('yyyy-MM-dd')}}</text> <text>记录时间{{new Date(v.time).format('yyyy-MM-dd')}}</text> <text>负责人{{v.principal}}</text>
</view>
</template>
<template v-else>
<view 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 class="adder">
<text class="over">{{v.plotName}}</text> <text>{{v.productName}}</text>
</view> </view>
</template> </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> </view>
<u-empty v-if="list.length==0" text="为查询到相关信息" width="70%" icon="/static/noData.png"/> <u-empty v-if="list.length==0" text="为查询到相关信息" width="70%" icon="/static/noData.png"/>
</scroll-view> </scroll-view>

Loading…
Cancel
Save