优化组件样式

components/newArchives/banquetBirthday.vue

@@ -1,6 +1,6 @@
 
 <template>
-  <view class="">
+  <view class="card">
     <view class="title">寿宴</view>
     <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
       <u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
@@ -114,8 +114,13 @@
 </script>
 
 <style lang="scss">
+  .card{
+    background-color: #fff;
+    margin: 28rpx;
+    padding: 28rpx;
+    border-radius: 14rpx;
+  }
   .title {
-    margin-top: 30rpx;
     font-weight: 500;
     font-size: 34rpx;
 

components/newArchives/banquetFullMoon.vue

@@ -1,6 +1,6 @@
 
 <template>
-  <view class="">
+  <view class="card">
     <view class="title">满月酒</view>
     <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
       <u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
@@ -114,8 +114,13 @@
 </script>
 
 <style lang="scss">
+  .card{
+    background-color: #fff;
+    margin: 28rpx;
+    padding: 28rpx;
+    border-radius: 14rpx;
+  }
   .title {
-    margin-top: 30rpx;
     font-weight: 500;
     font-size: 34rpx;
 

components/newArchives/banquetFuneral.vue

@@ -1,6 +1,6 @@
 
 <template>
-  <view class="">
+  <view class="card">
     <view class="title">白事</view>
     <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
       <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
@@ -127,8 +127,13 @@
 </script>
 
 <style lang="scss">
+  .card{
+    background-color: #fff;
+    margin: 28rpx;
+    padding: 28rpx;
+    border-radius: 14rpx;
+  }
   .title {
-    margin-top: 30rpx;
     font-weight: 500;
     font-size: 34rpx;
 

components/newArchives/banquetMarry.vue

@@ -1,6 +1,6 @@
 
 <template>
-  <view class="">
+  <view class="card">
     <view class="title">婚宴</view>
     <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
       <u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
@@ -122,8 +122,13 @@
 </script>
 
 <style lang="scss">
+  .card{
+    background-color: #fff;
+    margin: 28rpx;
+    padding: 28rpx;
+    border-radius: 14rpx;
+  }
   .title {
-    margin-top: 30rpx;
     font-weight: 500;
     font-size: 34rpx;
 

components/newArchives/banquetOther.vue

@@ -1,6 +1,6 @@
 
 <template>
-  <view class="">
+  <view class="card">
     <view class="title">其他庆祝宴</view>
     <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
       <u-form-item labelWidth="auto" label="宴席类型" required prop="cultivated_area" borderBottom>
@@ -117,8 +117,13 @@
 </script>
 
 <style lang="scss">
+  .card{
+    background-color: #fff;
+    margin: 28rpx;
+    padding: 28rpx;
+    border-radius: 14rpx;
+  }
   .title {
-    margin-top: 30rpx;
     font-weight: 500;
     font-size: 34rpx;
 

components/newArchives/deepProcessing.vue

@@ -1,6 +1,6 @@
 <!-- 深加工 -->
 <template>
-  <view class="">
+  <view class="card">
     <view class="title">深加工</view>
     <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
       <u-form-item labelWidth="auto" label="是否在经营" required prop="shop_front" borderBottom>
@@ -237,8 +237,13 @@
 </script>
 
 <style lang="scss">
+  .card{
+    background-color: #fff;
+    margin: 28rpx;
+    padding: 28rpx;
+    border-radius: 14rpx;
+  }
   .title {
-    margin-top: 30rpx;
     font-weight: 500;
     font-size: 34rpx;
 

components/newArchives/houseDecoration.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="">
+  <view class="card">
     <view class="title">装房</view>
     <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
       <u-form-item labelWidth="auto" label="房屋面积" required prop="cultivated_area" borderBottom>
@@ -94,8 +94,13 @@
 </script>
 
 <style lang="scss">
+  .card{
+    background-color: #fff;
+    margin: 28rpx;
+    padding: 28rpx;
+    border-radius: 14rpx;
+  }
   .title {
-    margin-top: 30rpx;
     font-weight: 500;
     font-size: 34rpx;
 

components/newArchives/houseRenovate.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="">
+  <view class="card">
     <view class="title">翻新</view>
     <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
       <u-form-item labelWidth="auto" labelPosition="top" label="维护内容" required prop="policy_subsidies" borderBottom>
@@ -84,8 +84,13 @@
 </script>
 
 <style lang="scss">
+  .card{
+    background-color: #fff;
+    margin: 28rpx;
+    padding: 28rpx;
+    border-radius: 14rpx;
+  }
   .title {
-    margin-top: 30rpx;
     font-weight: 500;
     font-size: 34rpx;
 

components/newArchives/houseRepair.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="">
+  <view class="card">
     <view class="title">修房</view>
     <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
       <u-form-item labelWidth="auto" label="修房类型" required prop="shop_front" borderBottom>
@@ -119,8 +119,13 @@
 </script>
 
 <style lang="scss">
+  .card{
+    background-color: #fff;
+    margin: 28rpx;
+    padding: 28rpx;
+    border-radius: 14rpx;
+  }
   .title {
-    margin-top: 30rpx;
     font-weight: 500;
     font-size: 34rpx;
 

components/newArchives/houseTransaction.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="">
+  <view class="card">
     <view class="title">买卖房</view>
     <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
       <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
@@ -110,8 +110,13 @@
 </script>
 
 <style lang="scss">
+  .card{
+    background-color: #fff;
+    margin: 28rpx;
+    padding: 28rpx;
+    border-radius: 14rpx;
+  }
   .title {
-    margin-top: 30rpx;
     font-weight: 500;
     font-size: 34rpx;
 

components/newArchives/thickProcessing.vue

@@ -1,6 +1,6 @@
 <!-- 深加工 -->
 <template>
-  <view class="">
+  <view class="card">
     <view class="title">粗加工</view>
     <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
       <u-form-item labelWidth="auto" label="是否在经营" required prop="shop_front" borderBottom>
@@ -220,8 +220,13 @@
 </script>
 
 <style lang="scss">
+  .card{
+    background-color: #fff;
+    margin: 28rpx;
+    padding: 28rpx;
+    border-radius: 14rpx;
+  }
   .title {
-    margin-top: 30rpx;
     font-weight: 500;
     font-size: 34rpx;