更新 我的/登录样式

miniprogram/pages/me/me.wxml

@@ -1,35 +1,32 @@
 <block wx:if="{{proxyId}}">
-  <view class="tac" style="position: relative;">
-    <image style="width: 100vw;" mode="aspectFill" src="{{logo}}"></image>
-    <view style="position: absolute;bottom: 5vh;width:100vw;font-size: 48rpx;color: #fff;">欢迎使用汇很多智能航运</view>
+  <view class="back">
+    欢迎使用汇很多智能航运
   </view>
-  <view class="mtv5  tac">
-    {{proxyCompany}}
+  <view class="df aic mt30 ml30">
+    <image src="../../images/newUI/hmbb.png" class="avatar"></image>
+    <view class="name">{{loginName}}</view>
+    <view class="company">{{proxyCompanyName}}</view>
   </view>
-  <view class="mtv5  tac">
-    {{loginName}}
-  </view>
-  <view class="mtv5 tac">
-    {{loginPhone}}
-  </view>
-  <view class="mtv5 tac df jcc nums">
-    <view>
-      <view>历史航次</view>
-      <view class="fs28">共 <text style="color: red;">{{voyageNum}}</text> 单</view>
+  <view class="df data-card aic">
+    <view style="margin-left: 48rpx;">
+      <view class="title">历史航次</view>
+      <view class="df aib">
+        <view class="num">300</view>
+        <view class="unit">单</view>
+      </view>
     </view>
+    <view class="shu"></view>
     <view>
-      <view>我的船东</view>
-      <view class="fs28">共 <text style="color: red;">{{shipOwnerNum}}</text> 人</view>
+      <view class="title">我的船东</view>
+      <view class="df aib">
+        <view class="num">300</view>
+        <view class="unit">人</view>
+      </view>
     </view>
   </view>
 </block>
 <block wx:else>
-  <image style=" margin:0 auto;display:block;width: 400rpx;margin-top: 10vh;height: 140rpx;" mode="aspectFit" src="https://6875-huihenduo-2gx127w7f837b584-1255802371.tcb.qcloud.la/miniapp-static/%E6%B1%87%E5%BE%88%E5%A4%9Alogo-%E5%B7%A6%E5%8F%B3.png?sign=fcd18f89de727b0193395cd2d44a730a&t=1647417257"></image>
-  <view style="margin-top: 100rpx;font-size: 50rpx;color: #333;text-align: center;">汇很多智能航运代理先行版
-
-  </view>
-  <view class="df jcc" style="position:absolute;bottom: 15vh;width: 100%;">
-    <PhoneButton type="primary" bindloginEvent="loginEvent">登录</PhoneButton>
-  </view>
-  <!-- <button bindtap="goExp">去体验</button> -->
+  <view class="hi">HI~</view>
+  <view class="text">欢迎登录汇很多智能航运代理先行版</view>
+  <PhoneButton style="width: 590rpx;height: 96rpx;line-height: 96rpx;background: linear-gradient(270deg, #0089FD 0%, #43A9FF 100%);border-radius: 20rpx;padding: 0;font-size: 34rpx;font-weight: 500;margin-top: 200rpx;" type="primary" bindloginEvent="loginEvent">登录</PhoneButton>
 </block>

miniprogram/pages/me/me.wxss

@@ -1,37 +1,104 @@
-/* pages/me/me.wxss */
-page {
-  background: #fff;
+.back {
+  width: 100vw;
+  height: 341rpx;
+  background: #000000;
+  opacity: 0.2;
+  font-size: 36rpx;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #FFFFFF;
+  padding-top: 230rpx;
+  text-align: center;
 }
 
-.mtv10 {
-  margin-top: 10vh;
+.avatar {
+  background: grey;
+  width: 72rpx;
+  height: 72rpx;
+  border-radius: 50%;
 }
 
-.mtv5 {
-  margin-top: 5vh;
+.name {
+  font-size: 32rpx;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #333333;
+  margin-left: 20rpx;
+  margin-right: 32rpx;
 }
 
-.mbv10 {
-  margin-bottom: 10vh;
+.company {
+  font-size: 30rpx;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #6C6C6C;
+  line-height: 36rpx;
 }
 
-.mbv5 {
-  margin-bottom: 5vh;
+.data-card {
+  width: 694rpx;
+  height: 178rpx;
+  background: linear-gradient(134deg, #5BB4FF 0%, #0089FD 100%);
+  border-radius: 8rpx;
+  margin: 24rpx auto;
 }
 
-.nums {
-  width: 80vw;
-  margin: 5vh auto;
-  border: 2rpx solid grey;
-  border-radius: 10rpx;
+.title {
+  font-size: 26rpx;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #FFFFFF;
+  line-height: 26rpx;
 }
 
-.nums>view {
-  width: 40vw;
-  height: 25vw;
-  padding-top: 5vw;
+.shu {
+  width: 1rpx;
+  height: 32rpx;
+  opacity: 0.3;
+  border-left: 1rpx solid #FFFFFF;
+  margin-left: 80rpx;
+  margin-right: 100rpx;
 }
 
-.nums>view>view {
-  margin-bottom: 3vw;
+.num {
+  font-size: 48rpx;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #FFFFFF;
+  margin-top: 12rpx;
+  margin-right: 16rpx;
+}
+
+.unit {
+  font-size: 28rpx;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #FFFFFF;
+}
+
+
+
+
+
+
+
+
+
+.hi {
+  margin-top: 146rpx;
+  margin-left: 50rpx;
+  margin-bottom: 34rpx;
+  font-size: 64rpx;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #20252E;
+}
+
+.text {
+  font-size: 34rpx;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #20252E;
+  line-height: 32rpx;
+  margin-left: 50rpx;
 }

project.private.config.json

@@ -15,6 +15,13 @@
           "query": "",
           "launchMode": "default",
           "scene": null
+        },
+        {
+          "name": "",
+          "pathName": "pages/me/me",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
         }
       ]
     }