更新 航次详情-样式

miniprogram/pages/voyages/detail/detail.js

@@ -9,7 +9,7 @@ import {
 Page({
   data: {
     id: '',
-    tab: 3,
+    tab: 4,
     shipDischargeCurrentPage: 1,
     truckLoadCurrentPage: 1,
     coordinates: [],

miniprogram/pages/voyages/detail/detail.wxml

@@ -216,22 +216,20 @@
         <view class="unit">件</view>
       </view>
     </view>
-    <view class="update" bindtap="updateVoyage">更新航次</view>
+    <view class="update" style="margin-top: 60rpx;" bindtap="updateVoyage">更新航次</view>
   </view>
-  <view class="p30" wx:if="{{tab==4}}">
-    <view>保险单</view>
+  <view class="type3" wx:if="{{tab==4}}">
+    <view class="title">保险单</view>
     <view wx:for="{{policys}}" wx:key="index" style="text-align: center;">
       <image data-src="{{item.viewUrl}}" bindtap="previewImage" src="{{item.viewUrl}}" style="width: 60%;height: 240rpx;" mode="aspectFit"></image>
-      <view wx:if="{{policys.length&&policys.length!=1}}" class="mt10 mb10" style="border-bottom: 2rpx solid #eee;"></view>
+      <view wx:if="{{policys.length&&policys.length!=1}}" class="mt20 mb20"></view>
     </view>
-    <view class="next" bindtap="uploadBill" data-type="{{3}}">上传保险单</view>
-    <view class="mt30 mb30" style="border-bottom: 2rpx solid #ccc;"></view>
-    <view>运单</view>
-    <view wx:for="{{waybills}}" wx:key="index" style="text-align: center;">
+    <view class="update" style="margin:60rpx auto" bindtap="uploadBill" data-type="{{3}}">上传保险单</view>
+    <view class="title">运单</view>
+    <view wx:for="{{waybills}}" class="mt20 mb20" wx:key="index" style="text-align: center;">
       <image data-src="{{item.viewUrl}}" bindtap="previewImage" src="{{item.viewUrl}}" style="width: 60%;height: 240rpx;" mode="aspectFit"></image>
-      <view wx:if="{{waybills.length&&waybills.length!=1}}" class="mt10 mb10" style="border-bottom: 2rpx solid #eee;"></view>
     </view>
-    <view class="next" bindtap="uploadBill" data-type="{{1}}">上传运单</view>
+    <view class="update" style="margin-top: 60rpx;" bindtap="uploadBill" data-type="{{1}}">上传运单</view>
   </view>
   <view wx:if="{{tab==3}}">
     <PortsBar arr="{{voyageDetails}}" key="portId" currentIndex="{{tab3CurrentDischargeIndex}}" label="portName" bind:tapTab="changePort"></PortsBar>
@@ -255,7 +253,7 @@
         <view class="tr tr-2" wx:else>暂无</view>
       </view>
       <!-- <view bindtap="scrollShip" class="bottom-text">{{shipDischargeTotal==0?'暂无数据':(shipDischargeTotal>pageSize*shipDischargeCurrentPage?'点击或滑动加载更多...':'已加载完毕')}}</view> -->
-      <view class="update" bindtap="goTo" data-url="/pages/voyages/uploadDischarge/uploadDischarge">上传磅单</view>
+      <view class="update" style="margin-top: 60rpx;" bindtap="goTo" data-url="/pages/voyages/uploadDischarge/uploadDischarge">上传磅单</view>
     </view>
     <view class="truck-load-list" wx:if="{{infoType=='truck'}}">
       <view wx:if="{{truckLoadList.length}}" class="df aic jcsb th">
@@ -277,13 +275,13 @@
         <view class="tr tr-2" wx:else>暂无</view>
       </view>
       <!-- <view bindtap="scrollTruck" class="bottom-text">{{truckLoadTotal==0?'暂无数据':(truckLoadTotal>pageSize*truckLoadCurrentPage?'点击或滑动加载更多...':'已加载完毕')}}</view> -->
-      <view class="update" bindtap="goTo" data-url="/pages/voyages/uploadCarLoadRecord/uploadCarLoadRecord">上传运单</view>
+      <view class="update" style="margin-top: 60rpx;" bindtap="goTo" data-url="/pages/voyages/uploadCarLoadRecord/uploadCarLoadRecord">上传运单</view>
     </view>
   </view>
-  <view wx:if="{{tab==5}}">
-    <view wx:for="{{medias}}" wx:key="index" style="margin-bottom:50rpx;">
-      <view style="color: #0c81b8;padding-bottom: 10rpx;margin-bottom: 20rpx; border-bottom: 4rpx dashed rgb(197, 194, 194);">{{item.createTime}}</view>
-      <image data-src="{{item.viewUrl}}" bindtap="previewImage" src="{{item.viewUrl}}" style="width: 90%;display: block;margin: 0 auto;" mode="aspectFit"></image>
+  <view class="type5" wx:if="{{tab==5}}">
+    <view wx:for="{{medias}}" wx:key="index">
+      <view class="timer">{{item.createTime}}</view>
+      <image data-src="{{item.viewUrl}}" class="type5-img" bindtap="previewImage" src="{{item.viewUrl}}" mode="aspectFit"></image>
     </view>
   </view>
 </scroll-view>

miniprogram/pages/voyages/detail/detail.wxss

@@ -171,7 +171,7 @@
   font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #FFFFFF;
-  margin: 113rpx auto;
+  margin: 0 auto;
 }
 
 .type2 .unit {
@@ -280,4 +280,34 @@ picker {
 .no-data {
   text-align: center;
   color: #9199A3;
+}
+
+.type3 {
+  padding-top: 32rpx;
+}
+
+.type3 .title {
+  height: 27rpx;
+  line-height: 27rpx;
+  font-size: 30rpx;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #239AFE;
+  padding-left: 18rpx;
+  border-left: 4rpx solid #0089FD;
+  margin-bottom: 30rpx;
+}
+
+.type5 .timer {
+
+  font-size: 30rpx;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #239AFE;
+}
+
+.type5-img {
+  margin-top: 24rpx;
+  margin-bottom: 32rpx;
+  height: 265rpx;
 }