首页 修改页面样式

pages/home/index.vue

@@ -41,15 +41,25 @@
 					display:flex;
 					align-items: center;
 					padding-top:20rpx;
-					.u-transition{
-						&+.u-transition{
-							margin-left:15rpx;
-						}
-						.plant-xiaopangchetupianjiazaishibai{
-							&:before{
-								color:#999;
-								margin:0;
+					&>.plant{
+						flex-grow: 1;
+						display:flex;
+						align-items: center;
+						.u-transition{
+							&+.u-transition{
+								margin-left:15rpx;
 							}
+							.plant-xiaopangchetupianjiazaishibai{
+								&:before{
+									color:#999;
+									margin:0;
+								}
+							}
+						}
+						.link{
+							color:#999;
+							margin-left:10rpx;
+							font-size:30rpx ;
 						}
 					}
 					text{
@@ -230,10 +240,13 @@
 				<tr class="value"> <td>{{massif.plotNum||0}}</td><td>{{massif.totalArea||0}}</td><td>{{massif.plantArea||0}}</td><td>{{massif.productCount||0}}</td> </tr>
 			</table>
 			<view class="article">
-				<text class="plant-bijibenjilutongxunlu" @click="$u.route({url:'pages/massif/myPlant'})"/>
-				<u-image v-for="(v,k) in (massif.images||[])" :key="k" mode="aspectFill" width="56rpx" height="46rpx" radius="8rpx" :src="`${host}/${v}`" @click="$u.route({url:'pages/massif/myPlant'})">
-					<text slot="error" class="plant-xiaopangchetupianjiazaishibai"/>
-				</u-image>
+				<view class="plant" @click="$u.route({url:'pages/massif/myPlant'})">
+					<text class="plant-bijibenjilutongxunlu"/>
+					<u-image v-for="(v,k) in (massif.images||[])" :key="k" mode="aspectFill" width="56rpx" height="46rpx" radius="8rpx" :src="`${host}/${v}`">
+						<text slot="error" class="plant-xiaopangchetupianjiazaishibai"/>
+					</u-image>
+					<text class="link">>></text>
+				</view>
 				
 				<text class="line"/>
 				<text class="plant-nongzi" style="margin-right:64rpx;" @click="$u.route({url:'pages/stock/mana'})">库存</text>