完成发布供需页面 完成我的供需页面 调整页面样式

pages/supply/putSupply.vue

@@ -92,10 +92,10 @@ export default {
 .content {
   font-size: 25rpx;
   font-weight: 200;
-  padding: 2% 6%;
+  padding:1% 2%;
   .title {
     font-size: 30rpx;
-    margin: 5% 0;
+    margin: 4% 0;
   }
   label {
     display: inline-block;
@@ -119,6 +119,12 @@ export default {
       height: 70rpx;
     }
   .supplyInfo {
+    border-radius: 40rpx;
+    padding: 4%;
+    box-shadow: rgba(100, 100, 111, 0.2) 14rpx 14rpx 40rpx 14rpx;
+    .area{
+      height: 200rpx;
+    }
     .picker {
       width: 80%;
       height: 70rpx;
@@ -157,13 +163,19 @@ export default {
       text-align: center;
     }
   }
+  .info{
+    margin-top: 2%;
+    border-radius: 40rpx;
+    padding: 2% 4%;
+    box-shadow: rgba(100, 100, 111, 0.2) 14rpx 14rpx 40rpx 14rpx;
+  }
   .submit {
     color: white;
     font-weight: normal;
     width: 75%;
     border-radius: 20rpx;
     background-color: #02a7f0;
-    margin: 0 auto;
+    margin: 2% auto;
   }
 }
 </style>