src/components/layouts/tag-header.vue

@@ -1,14 +1,17 @@
<template>
   <div>
   <div class="layui-row">
      <a-row type="flex" justify="start">
         <a-col v-bind="showSmall">
            <router-link class="btn" to="/main1">Home »</router-link>
            <router-link to="/main1">Home »</router-link>
         </a-col>
         <a-col v-bind="showSmall">
            <router-link class="btn" to="/main1">Home2 »</router-link>
            <router-link to="/main2">乐谱搜索 »</router-link>
         </a-col>
         <a-col v-bind="showSmall">
            <router-link class="btn" to="/main2">我的信息 »</router-link>
            <router-link to="/main3">动漫搜索 »</router-link>
         </a-col>
         <a-col v-bind="showMain">
            <router-link to="/tagInfo">关于我 »</router-link>
         </a-col>
         <a-col v-bind="showMain">
            <a-auto-complete v-bind="search" @select="onSelect" @search="onSearch" @change="onChange">
@@ -17,10 +20,50 @@
               </a-input>
            </a-auto-complete>
         </a-col>
         <a-col v-bind="showMain">
            <router-link class="btn" to="/main2">我的信息 »</router-link>
         </a-col>
			
      </a-row>

      <!--    <ul class="layui-nav ">
              <li class="layui-nav-item blog-displayIn-minScreen">
                  <i class="layui-icon layui-icon-spread-left">Home</i>
              </li>
              <li class="layui-nav-item blog-displayIn-BidScreen">
                  <legend> Home</legend>
              </li>
              <li class="layui-nav-item">
                  <a href="javascript:;">文章<span class="layui-nav-more"></span></a>
                  <dl class="layui-nav-child layui-anim layui-anim-upbit">
                      <dd><a href="#">按时间线</a></dd>
                      <dd><a href="#">按Tag</a></dd>
                      <dd><a href="#">按热度</a></dd>
                  </dl>
              </li>
              <li class="layui-nav-item"><a href="#">曲谱/曲库</a></li>
              <li class="layui-nav-item">
                  <a href="javascript:;">动漫<span class="layui-nav-more"></span></a>
                  <dl class="layui-nav-child layui-anim layui-anim-upbit">
                      <dd><a href="#">番</a></dd>
                      <dd><a href="#">电影</a></dd>
                      <dd><a href="#">声优</a></dd>
                  </dl>
              </li>
              <li class="layui-nav-item blog-displayIn-BidScreen"><a href="#">第九艺术</a></li>
          </ul>
          <ul class="layui-nav layui-layout-right">
              <li class="layui-nav-item blog-displayIn-BidScreen">
                  <input type="text" placeholder="搜索一下" value="" class="layui-input">
              </li>
              <li class="layui-nav-item">
                  <a href="javascript:;">
                      <img src="http://t.inleft.com/share/media_photo/xigong.png" class="layui-nav-img">
                      inleft
                  </a>
                  <dl class="layui-nav-child">
                      <dd><a href="#">About</a></dd>
                      <dd><a href="#">时间轴</a></dd>
                  </dl>
              </li>
          </ul> -->
   </div>

</template>
@@ -83,32 +126,5 @@
</script>

<style lang="less">
   /*头像部分*/
   .blog-avatar {
      border-radius: 15px;
      background-color: white;

      img {
         width: 60px;
         height: auto;
         border-radius: 50%;
         display: block;
         margin: 10px auto 10px;
         padding-top: 10px;
      }
   }

   /* 一言 */
   .blog-user-message {
      text-align: center;
      font-size: 15px;
      color: #555;
      padding-top: 10px;
      padding-bottom: 10px;

      span {
         display: block;
         padding-bottom: 5px;
      }
   }
</style>