修改

pages/appreciationServe/appreciationServe.vue

@@ -1,6 +1,8 @@
 <template>
     <view class="content">
         <statusNav navBarTitle="增值服务"></statusNav>
+        <container-subgroup-two>
+            <view slot="content" style="margin: 0 -30rpx;">
                 <view class="select-type">
                     <view class="text">选择类型</view>
                     <view class="type">
@@ -67,8 +69,8 @@
                     <view class="scene-img">
                         <view class="title">现场图片</view>
                         <view class="img-content">
-                  <image class="img" src="../../static/del/img001.png" mode=""></image> 
+                            <image class="img" src="../../static/del/img003.png" mode=""></image>
-                      <image class="img" src="../../static/del/img001.png" mode=""></image>
+                            <image class="img" src="../../static/del/img003.png" mode=""></image>
                         </view>
                         <view class="iocn-content">
                             <image class="icon" src="../../static/iocn/jia.png" mode=""></image>
@@ -76,14 +78,22 @@
                     </view>
                 </view>
                 <button class="submit-button" type="default">确认提交</button>
+
             </view>
+          </container-subgroup-two>
+           
+    </view>
+    </view>
+ 
 </template>
 
 <script>
+    import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
     import statusNav from '../../components/status-nav.vue';
     export default {
         components: {
             statusNav,
+            containerSubgroupTwo,
 
         },
         data() {
@@ -120,13 +130,12 @@
 </script>
 
 <style>
-    .content {
+    .content {}
-        padding-top: 80rpx;
+
-        padding-bottom: 80rpx;
-    }
     .cor {
         color: #FF0000;
     }
+
     .select-type {
         display: flex;
         margin-top: 10rpx;
@@ -135,6 +144,7 @@
         align-items: center;
         padding: 0rpx 28rpx;
     }
+
     .submit-button {
         width: 686rpx;
         border-radius: 50rpx;
@@ -146,6 +156,7 @@
         text-align: center;
         font-size: 30rpx;
     }
+
     .select-type .text {
         font-size: 28rpx;
         color: #333333;
@@ -227,10 +238,12 @@
         justify-content: space-between;
         color: #333333;
     }
+
     .supplement-from .li .input {
         text-align: right;
         font-size: 24rpx
     }
+
     .supplement-from .li-textarea {
         font-size: 27rpx;
         line-height: 27rpx;
@@ -243,6 +256,7 @@
         padding-top: 26rpx;
         padding-bottom: 17rpx;
     }
+
     .supplement-from .li-textarea .textarea {
         width: 100%;
         height: 127rpx;
@@ -251,28 +265,34 @@
         padding: 20rpx;
         font-size: 24rpx
     }
+
     .scene-img {
         display: flex;
         margin-top: 27rpx;
         padding-bottom: 30rpx;
     }
+
     .scene-img .title {
         margin-right: 28rpx;
         font-size: 26rpx;
         color: #333333;
     }
+
     .scene-img .img-content .img {
         width: 170rpx;
         height: 130rpx;
         margin-right: 10rpx;
     }
+
     .scene-img .iocn-content {
         width: 135rpx;
         height: 135rpx;
         background-color: #DCDCDC;
-         display: flex;align-items: center;
+        display: flex;
+        align-items: center;
         justify-content: center;
     }
+
     .scene-img .iocn-content .icon {
 
         width: 62rpx;
@@ -280,4 +300,3 @@ justify-content: center;
 
     }
 </style>
-

pages/dataQuery/client.vue

@@ -2,7 +2,8 @@
     <view class="content">
      <statusNav navBarTitle="客户(查询结果列表)"></statusNav>
      
-     <view class="client-content">
+      <container-subgroup-two >
+     <view class="client-content" slot="content" style="margin: 0 -30rpx;">
          <view class="li">
           <view class="li-content">
               <view class="">
@@ -36,15 +37,19 @@
           </view>
          </view>
      </view>
+           </container-subgroup-two >
+     
+     
     </view>
 </template>
 
 <script>
-    
+         import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
  import statusNav from '../../components/status-nav.vue';
  export default {
      components: {
-         statusNav
+         statusNav,
+         containerSubgroupTwo
      },
         data() {
             return {
@@ -59,9 +64,7 @@
 
     
 <style>
-    .content{
+   
-        padding-top: 80rpx;
-    }
 .client-content .li{
     background-color: #FFFFFF;
     margin-top: 20rpx;

pages/dataQuery/dataQuery.vue

@@ -1,9 +1,10 @@
 <template>
     <view class="content">
         <statusNav navBarTitle="(备品)查询结果"></statusNav>
-        <view class="dataQuery-content">
-            <view class="li">
         
+        <container-subgroup-two >
+        <view class="dataQuery-content"  slot="content" style="margin: 0 -30rpx;">
+            <view class="li">
                 <view class="title">
                     项目名称：湖南工业大学生化学院三楼会议室
                 </view>
@@ -112,14 +113,17 @@
                 </view>
             </view>
         </view>
+       </container-subgroup-two >
    </view>
 </template>
 
 <script>
+         import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
     import statusNav from '../../components/status-nav.vue';
     export default {
         components: {
-            statusNav
+            statusNav,
+            containerSubgroupTwo
         },
         data() {
             return {
@@ -133,14 +137,14 @@
 </script>
 
 <style>
-    .content{
+
-        padding-top: 80rpx;
+
-    }
     .dataQuery-content {
         font-size: 24rpx;
         color: #333333;
         margin-top: 15rpx;
     }
+
     .dataQuery-content .li {
         background-color: #FFFFFF;
         padding: 26rpx 28rpx;
@@ -152,24 +156,30 @@
     .dataQuery-content .li {
         position: relative;
     }
+
     .dataQuery-content .li .text-content {
         display: flex;
         border-bottom: 2rpx solid #EEEEEE;
         padding-bottom: 10rpx;
 
     }
+
     .dataQuery-content .li .text-content .left {
         width: 48%;
     }
+
     .dataQuery-content .li .text-content .text {
         margin-top: 20rpx;
     }
+
     .cor {
         color: #ff9000;
     }
+
     .cor1 {
         color: #999999;
     }
+
     .dataQuery-content .li .icon {
         background-image: url(../../static/iocn/zc.png);
         width: 125rpx;
@@ -183,6 +193,7 @@
         top: 20rpx;
         position: absolute;
     }
+
     .dataQuery-content .li .icon .icon-text {
         transform: rotateZ(20deg);
         color: #53e5d0;
@@ -202,6 +213,7 @@
         top: 20rpx;
         position: absolute;
     }
+
     .dataQuery-content .li .icon1 .icon-text {
         transform: rotateZ(20deg);
         color: #ff0006;

pages/dataQuery/details.vue

@@ -1,7 +1,8 @@
 <template>
     <view class="content">
         <statusNav navBarTitle="客户详情"></statusNav>
-     
+          <container-subgroup-two>
+        <view  slot="content" style="margin: 0 -30rpx;">
             <view class="details-nav">
                 <view class="li">
                     <image class="icon" src="../../static/iocn/ty.png" mode=""></image>
@@ -22,7 +23,6 @@
                     </view>
                 </view>
             </view>
-
             <view class="details-content">
                 <view class="title">
                     <image class="img" src="../../static/iocn/dn.png" mode=""></image>
@@ -158,14 +158,20 @@
                 </view>
                 <image class="icon1" src="../../static/iocn/dh.png" mode=""></image>
             </view>
+                
+        </view>
+ </container-subgroup-two>
+
     </view>
 </template>
 
 <script>
+     import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
     import statusNav from '../../components/status-nav.vue';
     export default {
         components: {
-          statusNav
+            statusNav,
+            containerSubgroupTwo
         },
         data() {
             return {
@@ -182,7 +188,6 @@
 
 <style>
     .content {
-        padding-top: 100rpx;
         padding-right: 27rpx;
         padding-left: 27rpx;
     }
@@ -254,11 +259,13 @@
     .cor1 {
         color: #FF4C4C;
     }
+
     .project-list {
         background-color: #FFFFFF;
         padding: 22rpx 18rpx;
         margin-top: 20rpx;
     }
+
     .project-list .title-content {
         display: flex;
         justify-content: space-between;
@@ -267,6 +274,7 @@
         border-bottom: 2rpx solid #E5E5E5;
         color: #999999;
     }
+
     .project-list .title-content .title {
         display: flex;
         align-items: center;
@@ -277,6 +285,7 @@
         height: 25rpx;
         margin-right: 10rpx;
     }
+
     .project-list .title-content .date {
         width: 120rpx;
         height: 40rpx;
@@ -289,22 +298,26 @@
         display: flex;
         align-items: center;
     }
+
     .project-list .title-content .date .icon {
         width: 12rpx;
         height: 18rpx;
         margin-left: 5rpx;
     }
+
     .project-list-content .li {
         display: flex;
         justify-content: space-between;
         border-bottom: 2rpx solid #E5E5E5;
         padding: 18rpx;
     }
+
     .project-list-content .li .text {
         font-weight: bold;
         color: #4ca5ff;
         font-size: 24rpx
     }
+
     .project-list-content .li .date {
         color: #888888;
         font-size: 24rpx
@@ -324,6 +337,7 @@
         width: 41rpx;
         height: 32rpx;
     }
+
     .contact-way .icon1 {
         width: 35rpx;
         height: 39rpx;