From 56a4b88b16b5f86a2a697018a3e2546d3abf73e3 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Fri, 14 Jan 2022 02:04:24 +0800
Subject: [PATCH] 界面二次优化
---
src/components/layouts/tag-header.vue | 84 +++++++++++++++++++++++++-----------------
1 files changed, 50 insertions(+), 34 deletions(-)
diff --git a/src/components/layouts/tag-header.vue b/src/components/layouts/tag-header.vue
index 15ac349..2380bdf 100644
--- a/src/components/layouts/tag-header.vue
+++ b/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>
--
Gitblit v1.9.1