feat(mineNavBar): 我的-2

pages/my_account/account.vue

@@ -30,11 +30,52 @@
         </view>
       </view>
       <view class="info-card">
-        <u-form :model="form" ref="uForm">
-          <u-form-item label="姓名">123</u-form-item>
-        </u-form>
+        <view class="info-card-title">
+          <img :src="headIcon" />
+          <text class="info-card-title-text">员工信息</text>
+        </view>
+        <view class="info-item has-border">
+          <view class="info-label">
+            <text>员工ID</text>
+          </view>
+          <view class="info-value">
+            <text>fef82ng328df29213</text>
+        </view>
+      </view>
+        <view class="info-item has-border">
+          <view class="info-label">
+            <text>员工招聘号</text>
+          </view>
+          <view class="info-value">
+            <text>fef82ng328df29213</text>
+        </view>
+      </view>
+        <view class="info-item has-border">
+          <view class="info-label">
+            <text>职级</text>
+          </view>
+          <view class="info-value">
+            <text>担当级</text>
+        </view>
+      </view>
+        <view class="info-item has-border">
+          <view class="info-label">
+            <text>用户名</text>
+          </view>
+          <view class="info-value">
+            <text>chenhaiyi001</text>
+        </view>
+      </view>
+        <view class="info-item">
+          <view class="info-label">
+            <text>所属产线</text>
+          </view>
+          <view class="info-value">
+            <text>AE 2#产线</text>
+        </view>
       </view>
     </view>
+    </view>
     <!-- 二维码弹出层-->
     <view>
       <u-popup :show="showCode" :custom-style="popStyle" mode="center" :round="10" @close="close">
@@ -141,7 +182,8 @@ export default {
       showCode: false,
       headImg: require('../../static/images/profile.jpg'),
       qrImg: require('../../static/images/qrImg.png'),
-      iconClose: require('../../static/images/iconClose.png')
+      iconClose: require('../../static/images/iconClose.png'),
+      headIcon: require('../../static/images/headIcon.png')
     }
   },
   computed: {
@@ -237,6 +279,65 @@ export default {
       font-style: normal;
       text-transform: none;
     }
+    .info-card{
+      padding: 36rpx 32rpx;
+      background: #FFFFFF;
+      border-radius: 20rpx;
+      .info-card-title{
+        display: flex;
+        flex-direction: row;
+        align-content: center;
+        align-items: center;
+        margin-bottom: 24rpx;
+        img{
+          width: 44rpx;
+          height: 32rpx;
+          margin-right: 24rpx;
+        }
+        .info-card-title-text{
+          font-family: PingFangSC, PingFang SC;
+          font-weight: 500;
+          font-size: 32rpx;
+          color: #0B0B0B;
+          text-align: left;
+          font-style: normal;
+          text-transform: none;
+        }
+      }
+      .has-border{
+        border-bottom: 1px solid #F2F2F2;
+      }
+      .info-item{
+        height: 114rpx;
+        display: flex;
+        flex-direction: row;
+        align-content: center;
+        justify-content: space-between;
+        align-items: center;
+        .info-label{
+          text{
+            font-family: PingFangSC, PingFang SC;
+            font-weight: 400;
+            font-size: 28rpx;
+            color: #181818;
+            text-align: left;
+            font-style: normal;
+            text-transform: none;
+          }
+        }
+        .info-value{
+          text{
+            font-family: PingFangSC, PingFang SC;
+            font-weight: 400;
+            font-size: 28rpx;
+            color: #999999;
+            text-align: right;
+            font-style: normal;
+            text-transform: none;
+          }
+        }
+      }
+    }
     .info-detail{
       width: 708rpx;
       height: 220rpx;