提交
This commit is contained in:
@@ -3,8 +3,7 @@
|
|||||||
<nav class="header-nav flexacenter">
|
<nav class="header-nav flexacenter">
|
||||||
<div class="header-nav-item" :class="{ pitch: index == 3 }" v-for="(item, index) in navList" :key="index">
|
<div class="header-nav-item" :class="{ pitch: index == 3 }" v-for="(item, index) in navList" :key="index">
|
||||||
{{ item }}</div>
|
{{ item }}</div>
|
||||||
<img class="header-nav-item header-user-img"
|
<img class="header-nav-item header-user-img" src="">
|
||||||
src="">
|
|
||||||
</nav>
|
</nav>
|
||||||
<div class="logo-box flexacenter">
|
<div class="logo-box flexacenter">
|
||||||
<img class="logo-icon" src="@/assets/img/edit/logo.png" />
|
<img class="logo-icon" src="@/assets/img/edit/logo.png" />
|
||||||
@@ -15,20 +14,20 @@
|
|||||||
|
|
||||||
<nav class="nav-box flexflex" v-if="!isNoTabList">
|
<nav class="nav-box flexflex" v-if="!isNoTabList">
|
||||||
<div class="nav-list wid1200 flexflex">
|
<div class="nav-list wid1200 flexflex">
|
||||||
<<<<<<< HEAD
|
<!-- <<<<<<< HEAD
|
||||||
<div class="nav-item flexcenter" :class="{ pitch: item['name'] == '我的' }" v-for="item in tabList"
|
<div class="nav-item flexcenter" :class="{ pitch: item['name'] == '我的' }" v-for="item in tabList"
|
||||||
:key="item">{{ item.name }}</div>
|
:key="item">{{ item.name }}</div>
|
||||||
=======
|
======= -->
|
||||||
<div class="tab-btn dis-f al-item jus-x" :class="{ 'tab-btn-click': i === 0 }" v-for="(item, i) in tabList"
|
<div class="tab-btn dis-f al-item jus-x" :class="{ 'tab-btn-click': i === 0 }" v-for="(item, i) in tabList"
|
||||||
:key="i">
|
:key="i">
|
||||||
<el-badge :value="12">
|
<el-badge :value="12">
|
||||||
<div class="pd-rl-10">
|
<div class="pd-rl-10">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</div>
|
</div>
|
||||||
</el-badge>
|
</el-badge>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
>>>>>>> origin/main
|
<!-- >>>>>>> origin/main -->
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
@@ -167,23 +166,23 @@ const tabList = [{
|
|||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
<<<<<<< HEAD
|
// <<<<<<< HEAD
|
||||||
height: 47px;
|
// height: 47px;
|
||||||
=======
|
// =======
|
||||||
height: 50px;
|
height: 50px;
|
||||||
>>>>>>> origin/main
|
// >>>>>>> origin/main
|
||||||
background: rgba(0, 0, 0, 0.596078431372549);
|
background: rgba(0, 0, 0, 0.596078431372549);
|
||||||
border-bottom: 4px solid rgba(78, 144, 204, 1);
|
border-bottom: 4px solid rgba(78, 144, 204, 1);
|
||||||
|
|
||||||
.nav-list {
|
.nav-list {
|
||||||
<<<<<<< HEAD
|
// <<<<<<< HEAD
|
||||||
// background: red;
|
// // background: red;
|
||||||
color: #e2edf7;
|
// color: #e2edf7;
|
||||||
font-size: 18px;
|
// font-size: 18px;
|
||||||
=======
|
// =======
|
||||||
color: #E2EDF7;
|
color: #E2EDF7;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
>>>>>>> origin/main
|
// >>>>>>> origin/main
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
|
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@@ -227,8 +226,9 @@ const tabList = [{
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.pd-rl-10{
|
|
||||||
padding:0 10px;
|
.pd-rl-10 {
|
||||||
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user