更新 卸货港天气样式

miniprogram/app.wxss

@@ -7,6 +7,10 @@ picker {
   box-sizing: border-box;
 }
 
+page {
+  background: #F4F5F7
+}
+
 .tac {
   text-align: center;
 }

miniprogram/components/remotePicker/remotePicker.js

@@ -13,6 +13,10 @@ Component({
     inputStyle: {
       type: String
     },
+    scrollStyle:{
+      type: String
+
+    },
     disabled: {
       type: Boolean
     },

miniprogram/components/remotePicker/remotePicker.wxml

@@ -2,7 +2,7 @@
 <view bindtap="_handlerOne" capture-bind:tap="_handlerOne">
   <input disabled="{{disabled}}" model:value="{{label}}" confirm-type="search" type="text" placeholder="{{placeholder}}" bindconfirm="_getList" class="remote-picker-input" style="{{inputStyle}}" />
   <view style="position: relative;">
-    <scroll-view wx:if="{{arr.length}}" scroll-y="true" class="scroll">
+    <scroll-view wx:if="{{arr.length}}" scroll-y="true" class="scroll" style="{{scrollStyle}}">
       <view class="items" wx:for="{{arr}}" wx:key="key" bindtap="_selectItem" data-label="{{item.value}}" data-value="{{item.key}}">
         {{item.value}}
       </view>

miniprogram/components/remotePicker/remotePicker.wxss

@@ -2,7 +2,7 @@
 .scroll {
   max-height: 30vh;
   width: 50vw;
-  border: 1px solid black;
+  border: 1px solid grey;
   position: absolute;
   top: 10rpx;
   background: rgba(256, 256, 256, 0.5);
@@ -14,7 +14,7 @@
 
 .remote-picker-input {
   padding-left: 20rpx;
-  border: 1px solid grey;
+  /* border: 1px solid grey; */
   height: 80rpx;
   width: 50vw;
 }

miniprogram/pages/index/weather/weatherList.js

@@ -24,7 +24,9 @@ Page({
     isFreshing: false,
     apiArr: ['/voyage/wx/list', '/dayReport/list', '/bill/list'],
     discPortId: '',
-    discPort: ''
+    discPort: '',
+    inputStyle: "width: 686rpx;height: 76rpx;background: #FFFFFF;box-shadow: 0rpx 3rpx 9rpx 3rpx rgba(92,123,111,0.26);border-radius: 12rpx;margin:30rpx auto",
+    scrollStyle: "width: 686rpx;box-shadow: 0rpx 3rpx 9rpx 3rpx rgba(92,123,111,0.26);border-radius: 12rpx;margin:border:1rpx solid grey;margin-left:30rpx;top:-20rpx"
   },
   selectDiscPort(e) {
     this.data.discPortId = e.detail.value

miniprogram/pages/index/weather/weatherList.wxml

@@ -1,15 +1,10 @@
-<view class="df aic jcsb line">
-  <view>卸货港搜索</view>
-  <view>
-    <RemotePicker placeholder="选择卸货港" bind:selectItem="selectDiscPort" url="/port/getCol"></RemotePicker>
-  </view>
-</view>
-<scroll-view bindrefresherrefresh="scrollDownList" refresher-triggered="{{isFreshing}}" refresher-enabled="{{true}}" scroll-y="true" bindscrolltolower="scrollList" style="height:calc(100vh - 140rpx);padding-bottom: 100rpx;background: #fff;">
-  <view class="df aic jcsb list" wx:for="{{list}}" wx:key="index" bindtap="goToDetail" data-id="{{item.id}}">
-    <view class="col-1 ml30">{{item.portName||'-'}}</view>
+<RemotePicker inputStyle="{{inputStyle}}" scrollStyle="{{scrollStyle}}" placeholder="选择卸货港" bind:selectItem="selectDiscPort" url="/port/getCol"></RemotePicker>
+<scroll-view bindrefresherrefresh="scrollDownList" refresher-triggered="{{isFreshing}}" refresher-enabled="{{true}}" scroll-y="true" bindscrolltolower="scrollList" style="height:calc(100vh - 280rpx);">
+  <view class="df aic jcs list" wx:for="{{list}}" wx:key="index" bindtap="goToDetail" data-id="{{item.id}}">
+    <view class="col-1">{{item.portName||'-'}}</view>
     <view class="col-2">{{item.weather||'-'}}</view>
     <view class="col-3">{{item.temperature||'-'}} ℃</view>
-    <view class="col-4">{{item.winddirection||'-'}} 风 / {{item.windpower||'-'}} 级</view>
+    <view class="col-4">{{item.winddirection||'-'}}风/{{item.windpower||'-'}}级</view>
   </view>
-  <view bindtap="scrollList" class="bottom-text">{{total==0?'暂无数据':(total>size*currentPage?'点击或滑动加载更多...':'已加载完毕')}}</view>
-</scroll-view>
+</scroll-view>
+<view bindtap="scrollList" class="bottom-text">{{total==0?'暂无数据':(total>size*currentPage?'点击或滑动加载更多...':'已加载完毕')}}</view>

miniprogram/pages/index/weather/weatherList.wxss

@@ -1,4 +1,7 @@
 /* pages/voyageManage/voyageManage.wxss */
+page {
+  background: #F4F5F7;
+}
 
 .line {
   width: 80%;
@@ -62,25 +65,45 @@
 }
 
 .list {
-  padding: 20rpx;
-  font-size: 28rpx;
+  width: 694rpx;
+  height: 96rpx;
+  background: #FFFFFF;
+  border-radius: 12rpx;
+  margin: 0 auto;
+  margin-bottom: 16rpx;
 }
 
 .col-1 {
-  width: 25vw;
+  width: 200rpx;
+  color: #0089FD;
+  font-size: 28rpx;
+  padding-left: 36rpx;
+  margin-right: 30rpx;
 }
 
 .col-2 {
-  width: 15vw;
+  width: 80rpx;
+  color: #6C6C6C;
+  font-size: 28rpx;
+  margin-right: 80rpx;
 }
 
 
 .col-3 {
-  width: 20vw;
+  width: 140rpx;
+  height: 42rpx;
+  font-size: 32rpx;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+  color: #20252E;
+  margin-right: 30rpx;
 }
 
 .col-4 {
-  width: 30vw;
+  width: 240rpx;
+  color: #6C6C6C;
+  font-size: 28rpx;
+  margin-right: 80rpx;
 }
 
 .bottom-text {

project.private.config.json

@@ -8,6 +8,13 @@
           "query": "id=266",
           "launchMode": "default",
           "scene": null
+        },
+        {
+          "name": "",
+          "pathName": "pages/index/weather/weatherList",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
         }
       ]
     }