添加公共头部,注册成功跳转基本信息页

This commit is contained in:
熊丽君
2021-09-14 16:02:04 +08:00
parent 9c07812e2d
commit a8a87cd8c5
5 changed files with 248 additions and 130 deletions

View File

@ -34,43 +34,8 @@
<!-- <div class="img_box">
<img src="@/assets/image/toubu.png" alt="" />
</div> -->
<!-- 整体宽度 -->
<div class="content">
<!-- 头部 -->
<div class="header">
<div class="login_btn" v-if="!avatar">
<el-button type="text" @click="handlePage(true)">登录</el-button>
<i class="mark">|</i>
<el-button type="text" @click="handlePage(false)">注册</el-button>
</div>
<div class="avatar-wrapper" v-else @click="handlePath('/mine')">
<!-- <span>
<i>20</i>
</span> -->
<el-badge :value="badge" :max="10" class="item">
<img :src="avatar" class="user-avatar" />
</el-badge>
</div>
<div class="img2_box">
<img src="@/assets/image/02.png" alt="" />
<div class="search">
<el-input
v-model.trim="input"
placeholder="请输入搜索关键字"
@keyup.enter.native="toSearch"
clearable
></el-input>
<el-button type="warning" @click="toSearch">一站搜</el-button>
<!-- <router-link
target="_blank"
:to="{ path: '/search', query: { val: input } }"
>
<el-button type="warning">一站搜</el-button>
</router-link> -->
</div>
</div>
</div>
</div>
<headerPage />
<!-- ul li 列表 -->
<div class="uls">
<div class="lis content">
@ -98,6 +63,7 @@
</template>
<script>
import headerPage from './components/header';
import { mapGetters } from 'vuex';
import footerPage from './components/footer';
// import user from '@/store/modules/user';
@ -105,6 +71,7 @@ import footerPage from './components/footer';
export default {
name: 'home',
components: {
headerPage,
footerPage
},
data() {
@ -265,7 +232,8 @@ export default {
display: flex;
justify-content: space-between;
height: 63px;
margin-top: 35px;
margin-top: 40px;
padding: 0px 10px 0 85px;
img {
width: 392px;
height: 100%;