aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
WangXiaoDong
2023-09-25 10:09:00 +08:00
parent 173f35042d
commit d9868d5cf0
37 changed files with 1618 additions and 1146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/component/HomePage/Header.vue
View File

@@ -2,10 +2,11 @@
<div>
<header class="header_component">
<div class="header_right_content">
<div class="header_icon icon iconfont icon-touxiang3"></div>
<div class="header_user_icon"></div>
<!-- <div class="header_icon icon iconfont icon-touxiang3"></div> -->
<div class="header_user_content">
<div class="username">{{ userInfo?.userName }}</div>
<div
<div class="username"><span>/</span> hello@{{ userInfo?.userName }}</div>
<!-- <div
:class="[
'icon',
'iconfont',
@@ -13,7 +14,7 @@
isShowOperate ? 'icon_rotate' : '',
]"
@click.stop="changeShowOperateContent()"
></div>
></div> -->
<nav class="select_block" v-show="isShowOperate">
<!-- <div class="select_item" @click="showBindEmailModal()">
<span class="icon iconfont icon-youxiang"></span><span class="select_item_des">bind email</span>
@@ -208,7 +209,7 @@ export default defineComponent({
emailNextStepFun() {
if (!isEmail(this.email)) {
message.error("The email format is incorrect");
message.warning("The email format is incorrect");
return;
}
let data = {
@@ -342,10 +343,11 @@ export default defineComponent({
display: flex;
justify-content: space-between;
padding: 0 30px;
padding-left: 0;
width: 100%;
height: 7rem;
background: rgba(255, 255, 255, 0.2);
border-bottom: 0.1rem solid rgba(3, 3, 3, 0.1);
// border-bottom: 0.1rem solid rgba(3, 3, 3, 0.1);
position: relative;
align-items: center;
@@ -379,10 +381,25 @@ export default defineComponent({
color: #000;
cursor: pointer;
font-weight: 900;
&.select_nav {
background: #e6e6f6;
}
&.nav_item::before {
position: absolute;
content: "";
display: block;
background: #000;
height: .3rem;
left: 50%;
transform: translateX(-50%);
bottom: .3rem;
width: 0px;
transition: 0.3s all;
}
&.select_nav {
color: #000;
transform: scale(1.15);
}
&.select_nav::before {
width: 80%;
}
}
}
@@ -393,24 +410,37 @@ export default defineComponent({
left: 0;
display: flex;
width: 33%;
height: 100%;
align-items: center;
overflow: hidden;
.header_icon {
font-size: 3.6rem;
position: relative;
top: 0.3rem;
}
.header_user_icon{
height: 4rem;
width: 4rem;
background-color: #000;
border-radius: 50%;
transform: translateX(-40%)scale(1.3);
}
.header_user_content {
margin-left: 1rem;
// margin-left: 2rem;
display: flex;
align-items: center;
position: relative;
top: 1.2rem;
// top: 1.2rem;
height: 3.7rem;
.username {
font-size: 1.6rem;
font-size: 1.8rem;
color: #1a1a1a;
margin-right: 0.8rem;
margin: 0 0.8rem;
font-weight: 900;
span{
margin: .7rem;
}
}
.icon-xiala {