feat: first commit

src/pages/user/index.less

@@ -0,0 +1,87 @@
+@import '@/styles/common.less';
+@import '@/styles/variables.less';
+
+.page-user {
+  padding: 0 24px;
+  margin-top: 40px;
+
+  &__navigation-bar {
+    padding: 0 24px;
+  }
+
+  &__header {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin-bottom: 38px;
+  }
+
+  &__header__avatar {
+    width: 96px;
+    height: 96px;
+    border-radius: 50%;
+  }
+
+  &__header__material {
+    // 头像 96 + 客服按钮 72px + 左右边距 64px + 页面内边距 48px
+    max-width: calc(100% - 96px - 72px - 64px - 48px);
+    margin: 0 32px;
+    flex: 1;
+  }
+
+  &__header__user-info {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+
+  &__header__nickname {
+    font-size: 34px;
+    line-height:34px;
+    font-weight: 600;
+    color: @blColor;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &__header__edit-user-info {
+    min-width: fit-content;
+    height: 36px;
+    font-size: 28px;
+    line-height: 32px;
+    color: #6D3DF5;
+    background: transparent;
+    border: none;
+    margin-left: 16px;
+
+    &::after {
+      border-color: transparent
+    }
+  }
+
+  &__header__welcome {
+    font-size: 24px;
+    line-height: 32px;
+    font-weight: 400;
+    color: @blColorG1;
+    margin-top: 14px;
+  }
+
+  &__header__contact {
+    width: 60px;
+    height: 60px;
+    border-radius: 50%;
+    background: #0000004D;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &__header__contact-icon {
+    width: 36px;
+    height: 36px;
+  }
+}