更新 报港-样式

miniprogram/pages/index/declarePort/detail.json

@@ -1,3 +1,4 @@
 {
-  "usingComponents": {}
+  "usingComponents": {},
+  "navigationBarTitleText": "报港"
 }

miniprogram/pages/index/declarePort/detail.wxml

@@ -1,10 +1,11 @@
 <!--pages/index/declarePort/detail.wxml-->
-<view class="df aic jcsa tabs">
-  <view class="tabsview" bindtap="changeTab" data-tab="{{1}}" style="color:{{tab==1?'#0d8fcc':''}};border-bottom:{{tab==1?'4rpx solid #0d8fcc':''}}">船 东</view>
-  <view class="tabsview" bindtap="changeTab" data-tab="{{2}}" style="color:{{tab==2?'#0d8fcc':''}};border-bottom:{{tab==2?'4rpx solid #0d8fcc':''}}">船 舶</view>
-  <view class="tabsview" bindtap="changeTab" data-tab="{{3}}" style="color:{{tab==3?'#0d8fcc':''}};border-bottom:{{tab==3?'4rpx solid #0d8fcc':''}}">航 次</view>
+<DateBar></DateBar>
+<view class="df aic tabs">
+  <view class="tabsview" bindtap="changeTab" data-tab="{{1}}" style="color:{{tab==1?'#363F4A':'#9199A3'}};border-bottom:{{tab==1?'6rpx solid #0089FD':''}};font-size: {{tab==1?'32rpx':'28rpx'}};">船东</view>
+  <view class="tabsview" bindtap="changeTab" data-tab="{{2}}" style="color:{{tab==2?'#363F4A':'#9199A3'}};border-bottom:{{tab==2?'6rpx solid #0089FD':''}};font-size: {{tab==2?'32rpx':'28rpx'}};">船舶</view>
+  <view class="tabsview" bindtap="changeTab" data-tab="{{3}}" style="color:{{tab==3?'#363F4A':'#9199A3'}};border-bottom:{{tab==3?'6rpx solid #0089FD':''}};font-size: {{tab==3?'32rpx':'28rpx'}};">航次</view>
 </view>
-<scroll-view class="p40" scroll-y="true" style="height: calc(100vh - 240rpx);">
+<view class="card">
   <block wx:if="{{tab==1}}">
     <view class="line">
       <view class="title">船东姓名</view>
@@ -21,12 +22,12 @@
     <view class="line">
       <view class="title">身份证人像面</view>
       <image wx:if="{{detail.idcardFrontViewUrl}}" bindtap="preview" data-url="{{detail.idcardFrontViewUrl}}" mode="aspectFit" src="{{detail.idcardFrontViewUrl}}"></image>
-      <view wx:else>暂无图片</view>
+      <view class="content" wx:else>暂无图片</view>
     </view>
     <view class="line">
       <view class="title">身份证国徽面</view>
       <image wx:if="{{detail.idcardBackViewUrl}}" bindtap="preview" data-url="{{detail.idcardBackViewUrl}}" mode="aspectFit" src="{{detail.idcardBackViewUrl}}"></image>
-      <view wx:else>暂无图片</view>
+      <view class="content" wx:else>暂无图片</view>
     </view>
   </block>
   <block wx:if="{{tab==2}}">
@@ -61,5 +62,5 @@
       <view class="content">{{detail.expectedArrivalTime||''}}</view>
     </view>
   </block>
-</scroll-view>
-<button wx:if="{{detail.portReportStatus==0}}" type="primary" bindtap="report" style="background: #409EFF;">申请报港</button>
+</view>
+<view wx:if="{{detail.portReportStatus==0}}" bindtap="report" class="report">申请报港</view>

miniprogram/pages/index/declarePort/detail.wxss

@@ -1,37 +1,56 @@
-/* pages/index/declarePort/detail.wxss */
-
 .tabs {
-  width: 100%;
-  height: 100rpx;
-  background: #fff;
-  border-bottom: 2rpx solid grey;
-  font-size: 28rpx;
+  margin-top: 40rpx;
+  margin-left: 28rpx;
 }
 
 .tabsview {
-  height: 50rpx;
-  width: 200rpx;
-  text-align: center;
+  height: 64rpx;
+  margin-right: 72rpx;
+  line-height: 50rpx;
+  width: 64rpx;
+}
+
+.card {
+  width: 694rpx;
+  background: #FFFFFF;
+  border-radius: 12rpx;
+  margin: 32rpx auto;
+  padding: 32rpx 24rpx 16rpx 24rpx;
 }
 
 .line {
   display: flex;
-  justify-content: space-between;
-  margin-bottom: 40rpx;
   align-items: center;
-  font-size: 28rpx;
+  margin-bottom: 24rpx;
 }
 
-.line .title {
-  width: 200rpx;
-  color: #777;
+.title {
+  width: 180rpx;
+  font-size: 30rpx;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #BDC2C8;
+  margin-right: 40rpx;
 }
 
-.img-line {
-  margin-bottom: 30rpx;
+.content {
+  font-size: 30rpx;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #6C6C6C;
 }
 
-image {
-  width: 200px;
-  height: 100px;
+.report {
+  width: 590rpx;
+  height: 96rpx;
+  background: linear-gradient(270deg, #0089FD 0%, #43A9FF 100%);
+  border-radius: 20rpx;
+  font-size: 34rpx;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #FFFFFF;
+  line-height: 96rpx;
+  text-align: center;
+  margin: 0 auto;
+  margin-top: 280rpx;
 }