pages/realName/workPlan/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="page">
+  <view class="work-plan">
     <u-navbar
       class="u-navbar"
       title="作业计划"
@@ -12,7 +12,7 @@
 
     <view class="header-fixed">
       <view class="search-content">
-        <view style="width: 90%">
+        <view>
           <uni-easyinput
             suffixIcon="search"
             v-model="queryParams.params.proName"
@@ -35,7 +35,6 @@
               size="20"
               @tap="onCollection(item)"
               :style="{ color: item.isCollect == 1 ? '#f9971e' : '' }"
-			  style="position: absolute;right: 1%;"
             ></uni-icons>
           </view>
           <view class="item-2" @tap="onViewWorkDetails(item)">
@@ -201,43 +200,41 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.page {
-  width: 100vw;
-  height: 100vh;
-  background-color: #efefef;
-  box-sizing: border-box;
-}
+.work-plan {
+  background-color: #eee;
+  padding-top: 74px;
 
   .header-fixed {
-		width: 94%;
-		margin: 20rpx auto;
-		background-color: #fff;
-		border-radius: 10rpx;
-		padding: 20rpx;
+    width: 100%;
+    padding: 20rpx;
+    position: fixed;
+    top: 64px;
+    left: 0;
+    z-index: 6;
+    background-color: #ccc;
 
-		.search-content {
-		  display: flex;
-		  align-items: center;
+    .search-content {
+      display: flex;
+      align-items: center;
 
-		  .search-icon {
-			width: 48rpx;
-			height: 40rpx;
-			margin-right: 60rpx;
-			margin-left: 30rpx;
-			background: url('../../../static/realName/screen.png') no-repeat;
-			background-size: 100% 100%;
-		  }
-		}
-	}
+      .search-icon {
+        width: 48rpx;
+        height: 40rpx;
+        margin-right: 60rpx;
+        margin-left: 30rpx;
+        background: url('../../../static/realName/screen.png') no-repeat;
+        background-size: 100% 100%;
+      }
+    }
+  }
 
   .data-container {
     width: 100%;
-    height: 75vh;
+    // height: 400rpx;
 
     .scroll-item {
       padding: 14rpx 0;
       background-color: #fff;
-      margin: 20rpx auto;
     }
 
     .item-1,
@@ -249,7 +246,6 @@ export default {
       border-bottom: 1px solid #eee;
       display: flex;
       align-items: center;
-	   position: relative;
     }
 
     .item-1 view:first-child {
@@ -267,7 +263,6 @@ export default {
 
     .item-2,
     .item-3 {
-	  font-size: 24rpx;
       justify-content: space-around;
     }
   }
@@ -339,5 +334,5 @@ export default {
       }
     }
   }
-
+}
 </style>