修改样式

pages/massif/mana/plantPlan.vue

@@ -6,7 +6,9 @@
 		scroll-view{
 			flex-grow: 1;
 			height:1rpx;
+			padding-top:30rpx;
 			.card{
+				margin-top:0;
 				&>.info{
 					display:flex;
 					&>.u-transition{

pages/massif/mana/recovery.vue

@@ -1,6 +1,10 @@
 <style lang="scss" scoped>
 	.recovery{
+		height:100%;
+		display:flex;
+		flex-direction: column;
 		&>.dateRange{
+			flex-shrink: 0;
 			display: flex;
 			align-items: center;
 			margin:30rpx;
@@ -31,37 +35,44 @@
 				}
 			}
 		}
-		.card{
+
-			display:flex;
+		scroll-view{
-			.u-transition{
+			flex-grow: 1;
-				flex-shrink: 0;
+			height:1rpx;
-				margin-right:20rpx;
+
-			}
+			.card{
-			.detail{
+				margin-top:0;
-				flex-grow: 1;
+				display:flex;
-				.name{
+				.u-transition{
-					display: flex;
+					flex-shrink: 0;
-					justify-content: space-between;
+					margin-right:20rpx;
-					margin-bottom:15rpx;
+				}
-					text{
+				.detail{
-						&:first-child{
+					flex-grow: 1;
-							font-weight: bold;
+					.name{
-						}
+						display: flex;
-						&:nth-child(2){
+						justify-content: space-between;
-							font-weight: bold;
+						margin-bottom:15rpx;
-							font-size:32rpx;
+						text{
-							&:after{
+							&:first-child{
-								content:attr(data-unit);
+								font-weight: bold;
-								font-weight: normal;
+							}
+							&:nth-child(2){
+								font-weight: bold;
+								font-size:32rpx;
+								&:after{
+									content:attr(data-unit);
+									font-weight: normal;
+								}
 							}
 						}
 					}
-				}
+					.info{
-				.info{
+						font-size: 24rpx;
-					font-size: 24rpx;
+						color:#999;
-					color:#999;
+						text:nth-child(2){
-					text:nth-child(2){
+							margin-left:20rpx;
-						margin-left:20rpx;
+						}
 					}
 				}
 			}
@@ -78,7 +89,9 @@
 
 		<scroll-view scroll-y @scrollotower="search">
 			<view class="card" v-for="(v,k) in list" :key="k">
-				<u-image width="90rpx" height="90rpx" radius="6rpx" mode="aspectFill" :src="`${host}/${v.images}`"/>
+				<u-image width="90rpx" height="90rpx" radius="6rpx" mode="aspectFill" :src="`${host}/${v.images}`">
+					<text slot="error" style="font-size:45rpx;" class="plant-xiaopangchetupianjiazaishibai"/>
+				</u-image>
 				<view class="detail">
 					<view class="name">
 						<text>{{v.plantName}}</text>