feat: 我的 布局

miniprogram/pages/my/my.less

-/* pages/my/my.wxss */
+/* pages/my/my.wxss */
\ No newline at end of file
+.mine_container {
+  position: relative;
+  width: 750rpx;
+  height: 1624rpx;
+  background: url("https://yun.duiba.com.cn/polaris/mine_bg.0f73f907ed529f58746721c2cb733f5162e152b9.png") no-repeat center center / 100%;
+
+  .mine_logo {
+    position: absolute;
+    top: 204rpx;
+    left: 42rpx;
+    width: 103rpx;
+    height: 57rpx;
+    background: url("https://yun.duiba.com.cn/polaris/mine_logo.007eba4025a3be2383ef1deb25d1e332152cab8c.png") no-repeat center center / 100%;
+  }
+
+  .user_info {
+    position: absolute;
+    width: 750rpx;
+    height: 300rpx;
+    top: 223rpx;
+    left: 0;
+
+    .avatar_box {
+      position: absolute;
+      top: 0;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 237rpx;
+      height: 237rpx;
+      background: url("https://yun.duiba.com.cn/polaris/mine_avator_bg.ce77699f44a26aa91f68b5d3a9281db72f5cbee4.png") no-repeat center center / 100%;
+
+      .avatar {
+        width: 230rpx;
+        height: 230rpx;
+        border-radius: 50%;
+        position: absolute;
+        top: 2px;
+        left: 2px;
+      }
+    }
+
+    .nickname {
+      position: absolute;
+      left: 50%;
+      top: 247rpx;
+      transform: translateX(-50%);
+      min-width: 172rpx;
+      height: 41rpx;
+      line-height: 40rpx;
+      background-color: rgb(164, 200, 112);
+      box-sizing: border-box;
+      padding: 0 20rpx;
+      font-size: 30rpx;
+      color: #824e00;
+      border-radius: 20px;
+      color: rgb(60, 72, 43);
+      font-size: 28rpx;
+      text-align: center;
+      word-break: break-all;
+    }
+  }
+
+  .mine_list {
+    position: absolute;
+    left: 40rpx;
+    top: 623rpx;
+    width: 656rpx;
+
+    .mine_item {
+      width: 100%;
+      height: 105rpx;
+      border-bottom: 1rpx solid rgb(214, 233, 185);
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+
+      .item_icon {
+        width: 51rpx;
+        height: 51rpx;
+        margin-right: 20rpx;
+
+        &.about_us {
+          background: url("https://yun.duiba.com.cn/polaris/icon_about_us.5dbe6e248454509cdf6444a553a6dff439440ea1.png") no-repeat center center / 100%;
+        }
+      }
+
+      .item_name {
+        font-size: 28rpx;
+        color: rgb(60, 72, 43);
+      }
+
+      .item_arrow {
+        width: 25rpx;
+        height: 25rpx;
+        background: url("https://yun.duiba.com.cn/polaris/mine_arrow.04ccd80381ce32f5fcf1f066ce7ef6152a1f9d6e.png") no-repeat center center / 100%;
+        margin-left: auto;
+      }
+    }
+  }
+}
\ No newline at end of file

miniprogram/pages/my/my.wxml

 <!--pages/my/my.wxml-->
-<text>pages/my/my.wxml</text>
+<view class="mine_container">
\ No newline at end of file
+  <view class="mine_logo"></view>
+  <view class="user_info">
+    <view class="avatar_box">
+      <image class="avatar" src="{{userInfo.avatarUrl}}"></image>
+    </view>
+    <text class="nickname">用户名称</text>
+  </view>
+  <view class="mine_list">
+    <view class="mine_item">
+      <view class="item_icon about_us"></view>
+      <view class="item_name">关于我们</view>
+      <view class="item_arrow"></view>
+    </view>
+  </view>
+</view>
\ No newline at end of file