|
|
@@ -2,53 +2,55 @@
|
|
|
<div>
|
|
|
<el-row id="navbar" class="main">
|
|
|
<!--logo-->
|
|
|
- <el-col :sm="4" class="right">
|
|
|
+ <el-col :md="2" class="right">
|
|
|
<a href="/" class="tit">
|
|
|
<img src="@/assets/img/icon/logo.png" class="logo" alt="img">
|
|
|
<span>bili</span>
|
|
|
</a>
|
|
|
</el-col>
|
|
|
- <el-col :sm="1" class="right">
|
|
|
+ <el-col :md="1" class="right">
|
|
|
<a href="/status/11011" class="tit">
|
|
|
<span>状态</span>
|
|
|
</a>
|
|
|
</el-col>
|
|
|
- <el-col :sm="1" class="right">
|
|
|
+ <el-col :md="1" class="right">
|
|
|
<a href="/video" class="tit">
|
|
|
<span>视频</span>
|
|
|
</a>
|
|
|
</el-col>
|
|
|
- <el-col :sm="1" class="right">
|
|
|
+ <el-col :md="1" class="right">
|
|
|
<a href="/audio" class="tit">
|
|
|
<span>音频</span>
|
|
|
</a>
|
|
|
</el-col>
|
|
|
- <el-col :sm="1" class="right">
|
|
|
+ <el-col :md="1" class="right">
|
|
|
<a href="/image" class="tit">
|
|
|
<span>图片</span>
|
|
|
</a>
|
|
|
</el-col>
|
|
|
- <el-col :sm="1" class="right">
|
|
|
+ <el-col :md="1" class="right">
|
|
|
<a href="/article" class="tit">
|
|
|
<span>文章</span>
|
|
|
</a>
|
|
|
</el-col>
|
|
|
<!--搜索框-->
|
|
|
- <el-col :sm="8" class="search">
|
|
|
+ <el-col :md="9" class="search">
|
|
|
<search-box />
|
|
|
</el-col>
|
|
|
- <el-col :sm="1" class="right logo">
|
|
|
- <a href="/message" class="tit logo">
|
|
|
- <span class="el-icon-bell logo" />
|
|
|
+ <el-col :md="2" class="logo">
|
|
|
+ <a href="/message">
|
|
|
+ <el-badge :value="120" :max="99">
|
|
|
+ <span class="el-icon-bell logo" />
|
|
|
+ </el-badge>
|
|
|
</a>
|
|
|
</el-col>
|
|
|
- <el-col :sm="1" class="right logo">
|
|
|
+ <el-col :md="2" class="right logo">
|
|
|
<a href="/user/post/publish" class="tit logo">
|
|
|
<span class="el-icon-upload logo" />
|
|
|
</a>
|
|
|
</el-col>
|
|
|
<!--用户信息-->
|
|
|
- <el-col :sm="5" class="user-info">
|
|
|
+ <el-col :md="4" class="user-info">
|
|
|
<!--头像-->
|
|
|
<img
|
|
|
v-if="!user"
|
