作业计划列表样式

pages/realName/workPlan/index.vue

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