更新 报港列表-样式

miniprogram/pages/index/declarePort/voyageList.wxml

@@ -1,20 +1,15 @@
-<view class="df aic jcsb line">
-  <view>航次搜索</view>
-  <view>
-    <input class="new-seach" confirm-type="search" bindconfirm="inputSearch" model:value="{{term}}" type="text" />
-  </view>
+<DateBar></DateBar>
+<view class="search df aic">
+  <input model:value="{{term}}" confirm-type="search" bindconfirm="inputSearch" type="text" placeholder="航次筛选" placeholder-class="placeholder" />
+  <image src="../../../images/newUI/hmbb.png" class="avatar" bindtap="inputSearch"></image>
 </view>
-<view class="df aic jcsa tabs">
-  <view class="tabsview" bindtap="changeStatus" data-status="{{0}}" style="color:{{status==0?'#0d8fcc':''}};border-bottom:{{status==0?'4rpx solid #0d8fcc':''}}">未报港</view>
-  <view class="tabsview" bindtap="changeStatus" data-status="{{1}}" style="color:{{status==1?'#0d8fcc':''}};border-bottom:{{status==1?'4rpx solid #0d8fcc':''}}">已报港</view>
+<view class="df aic tabs">
+  <view class="tabsview tabsview-1" bindtap="changeStatus" data-status="{{0}}" style="color:{{status==0?'#363F4A':'#9199A3'}};border-bottom:{{status==0?'6rpx solid #0089FD':''}}">未报港</view>
+  <view class="tabsview" bindtap="changeStatus" data-status="{{1}}" style="color:{{status==1?'#363F4A':'#9199A3'}};border-bottom:{{status==1?'6rpx solid #0089FD':''}}">已报港</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">{{item.shipName}}</view>
-    <view class="col-2">{{item.loadPort}}-{{item.discPort}}</view>
-    <view class="col-3">{{item.cargo}}</view>
-    <view class="col-4">{{item.transStatusName}}</view>
-    <view class="col-5" style="color:#0d8fcc">{{status==0?'去报港':'查看'}}</view>
-  </view>
-  <view bindtap="scrollList" class="bottom-text">{{total==0?'暂无数据':(total>size*currentPage?'点击或滑动加载更多...':'已加载完毕')}}</view>
+<scroll-view bindrefresherrefresh="scrollDownList" refresher-triggered="{{isFreshing}}" refresher-enabled="{{true}}" scroll-y="true" bindscrolltolower="scrollList" style="height:calc(100vh - 240rpx);padding-bottom: 100rpx">
+  <VoyageCard wx:for="{{list}}" wx:key="index" item="{{item}}">
+    <view catchtap="goToDetail" data-id="{{item.id}}" class="go-to">{{status==0?'去报港':'查看'}}</view>
+  </VoyageCard>
+  <!-- <view bindtap="scrollList" class="bottom-text">{{total==0?'暂无数据':(total>size*currentPage?'点击或滑动加载更多...':'已加载完毕')}}</view> -->
 </scroll-view>

miniprogram/pages/index/declarePort/voyageList.wxss

@@ -1,99 +1,110 @@
-/* pages/voyageManage/voyageManage.wxss */
-
-.line {
-  width: 80%;
-  margin: 20rpx auto;
-  font-size: 28rpx;
-  position: relative;
-}
-
-.bottom-tabs>view {
-  height: 90rpx;
-  border-top: 1rpx solid grey;
-  border-bottom: 1rpx solid grey;
-  line-height: 86rpx;
-  font-size: 27rpx;
-}
-
-.current-bottom-tab {
-  background: #0094FE;
-  color: #fff;
-  border: none;
-}
-
-.maintab1 {
-  width: 33vw;
-  border-left: none;
+.search {
+  width: 686rpx;
+  height: 76rpx;
+  background: #FFFFFF;
+  box-shadow: 0px 3rpx 9rpx 3rpx rgba(92, 123, 111, 0.26);
+  border-radius: 12rpx;
+  padding-left: 50rpx;
+  color: #333;
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+  padding-right: 20rpx;
+}
+
+.avatar {
+  background: grey;
+  width: 52rpx;
+  height: 52rpx;
+  border-radius: 50%;
 }
 
-.maintab2 {
-  width: 34vw;
-  border-left: 1rpx solid grey;
-  border-right: 1rpx solid grey;
+.tabsview {
+  height: 84rpx;
+  line-height: 84rpx;
+  font-size: 32rpx;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+  color: #363F4A;
 }
 
-.maintab3 {
-  width: 33vw;
-  border-right: none;
+.tabsview-1 {
+  margin-left: 28rpx;
+  margin-right: 40rpx;
 }
 
-/* --- */
-
 .tabs {
-  width: 100%;
-  height: 80rpx;
-  background: #fff;
-  box-shadow: rgb(209, 206, 206) 5rpx 5rpx 10rpx;
-  border-bottom: 2rpx solid grey;
-  font-size: 28rpx;
+  margin-bottom: 28rpx;
 }
 
-.tabsview {
-  height: 50rpx;
+.list {
+  width: 694rpx;
+  height: 172rpx;
+  background: #FFFFFF;
+  border-radius: 12rpx;
+  padding: 32rpx;
+  margin: 0 auto;
+  margin-bottom: 10rpx;
+}
+
+.icon {
+  width: 42rpx;
+  height: 42rpx;
+  background: #0089FD;
+  border-radius: 4rpx;
+  margin-right: 20rpx;
+}
+
+.ship-name {
+  font-size: 32rpx;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+  color: #20252E;
+  margin-right: 30rpx;
+}
+
+.trans {
+  width: 117rpx;
+  height: 42rpx;
+  line-height: 40rpx;
+  background: rgba(0, 137, 253, 0.13);
+  border-radius: 2rpx;
+  border: 1rpx solid #0089FD;
   text-align: center;
+  font-size: 24rpx;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #0089FD;
 }
 
-.p10 {
-  padding: 10rpx 20rpx;
-}
-
-.m30a {
-  margin: 30rpx auto;
+.go-to {
+  flex: 1;
+  text-align: right;
+  font-size: 26rpx;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #0089FD;
 }
 
-.list {
-  padding: 20rpx;
+.text {
   font-size: 28rpx;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #6C6C6C;
 }
 
-.col-1 {
-  width: 22vw;
-}
-
-.col-2 {
-  width: 29vw;
-}
-
-
-.col-3 {
-  width: 13vw;
-}
-
-.col-4 {
-  width: 15vw;
-}
-
-.bottom-text {
-  text-align: center;
-  padding-top: 30rpx;
-  padding-bottom: 50rpx;
-  font-size: 26rpx;
-  color: #777;
+.shu {
+  margin-left: 16rpx;
 }
 
-.new-seach {
-  padding-left: 20rpx;
-  border: 1px solid grey;
-  height: 80rpx;
-  width: 50vw;
+.finish {
+  width: 137px;
+  height: 42rpx;
+  background: #15E3AB;
+  border-radius: 2rpx;
+  font-size: 24rpx;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #FFFFFF;
+  line-height: 40rpx;
 }

project.private.config.json

@@ -43,6 +43,13 @@
           "query": "",
           "launchMode": "default",
           "scene": null
+        },
+        {
+          "name": "",
+          "pathName": "pages/index/declarePort/detail",
+          "query": "id=267",
+          "launchMode": "default",
+          "scene": null
         }
       ]
     }