更改导航栏样式

This commit is contained in:
click33 2022-02-11 02:53:23 +08:00
parent 28513efffa
commit fbc139b430
4 changed files with 26 additions and 23 deletions

View File

@ -60,24 +60,26 @@
<option value="http://sa-token.dev33.cn/v/v1.1.0/doc/index.html">v1.1.0</option>
<option value="http://sa-token.dev33.cn/v/v1.0.0/doc/index.html">v1.0.0</option>
</select>
<a class="wzi" href="../index.html">🔨️️ 首页</a>
<a class="p-none wzi" href="#/more/link">🌱 生态</a>
<a class="p-none wzi" href="#/more/sa-token-donate">❤️ 赞助</a>
<a class="wzi" href="../index.html">首页</a>
<a class="wzi" href="index.html">文档</a>
<a class="p-none wzi" href="#/more/link">生态</a>
<a class="p-none wzi" href="#/more/sa-token-donate">赞助</a>
<a class="p-none wzi" href="#/sso/sso-pro">🔥 SSO商业版</a>
<div class="zk-box">
<a class="wzi" href="javascript:;">
<span>🔖 相关资源 </span>
<span>相关资源 </span>
<span class="zk-icon"></span>
</a>
<div class="zk-context">
<div>
<!-- <a href="#/more/sa-token-donate">❤️ &nbsp;赞助</a> -->
<a href="#/more/update-log"><span style="transform: rotateY(180deg); display: inline-block;">🧾</span> &nbsp;更新日志</a>
<a href="#/more/common-questions">💥️ &nbsp;常见报错</a>
<a href="#/more/tj-gzh">🚩️ &nbsp;推荐公众号</a>
<a href="#/fun/sa-token-test">🗞️ &nbsp;在线考试 ++</a>
<a href="#/more/update-log">更新日志</a>
<a href="#/more/common-questions">常见报错</a>
<a href="#/more/tj-gzh">推荐公众号</a>
<a href="#/fun/sa-token-test">在线考试 ++</a>
<div class="zk-fengexian"></div>
<a href="http://sa-app.dev33.cn/wall.html?name=sa-token" target="_blank">🧱 &nbsp;需求墙</a>
<a href="https://wj.qq.com/s2/8475114/2f6a/" target="_blank">📝 &nbsp;问卷调查</a>
<a href="http://sa-app.dev33.cn/wall.html?name=sa-token" target="_blank">需求墙</a>
<a href="https://wj.qq.com/s2/8475114/2f6a/" target="_blank">问卷调查</a>
</div>
</div>
</div>

View File

@ -57,7 +57,7 @@ body{font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu
.zk-box .zk-context{max-height: 0px; position: absolute; overflow: hidden;}
.zk-box:hover .zk-context{max-height: 300px;}
/* 内层盒 */
.zk-context>div{padding: 1em 0; border: 1px #ccc solid; border-radius: 2px; background-color: #FFF; font-size: 12px; transition: all 0.2s; opacity: 0;}
.zk-context>div{padding: 1em 0.5em 1em 1em; border: 1px #ccc solid; border-radius: 2px; background-color: #FFF; font-size: 12px; transition: all 0.2s; opacity: 0;}
.zk-box:hover .zk-context>div{opacity: 1;}
/* 小链接 */
.zk-box .zk-context a{font-size: 14px; display: block; line-height: 32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

View File

@ -175,7 +175,7 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
.zk-box .zk-context{max-height: 0px; position: absolute; overflow: hidden;}
.zk-box:hover .zk-context{max-height: 300px;}
/* 内层盒 */
.zk-context>div{padding: 1em 0; border: 1px #ccc solid; border-radius: 2px; background-color: #FFF; font-size: 12px; transition: all 0.2s; opacity: 0;}
.zk-context>div{padding: 1em 0.5em 1em 1em; border: 1px #ccc solid; border-radius: 2px; background-color: #FFF; font-size: 12px; transition: all 0.2s; opacity: 0;}
.zk-box:hover .zk-context>div{opacity: 1;}
/* 小链接 */
.zk-box .zk-context a{font-size: 14px; display: block; line-height: 32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

View File

@ -28,25 +28,26 @@
</a>
</div>
<nav class="nav-right">
<!-- <a class="wzi" href="../index.html">🔨️️ 首页</a> -->
<a class="wzi" href="doc/index.html">🔨️️ 文档</a>
<a class="p-none wzi" href="doc/index.html#/more/link">🌱 生态</a>
<a class="p-none wzi" href="doc/index.html#/more/sa-token-donate">❤️ 赞助</a>
<a class="wzi" href="index.html">首页</a>
<a class="wzi" href="doc/index.html">文档</a>
<a class="p-none wzi" href="doc/index.html#/more/link">生态</a>
<a class="p-none wzi" href="doc/index.html#/more/sa-token-donate">赞助</a>
<a class="p-none wzi" href="doc/index.html#/sso/sso-pro">🔥 SSO商业版</a>
<div class="zk-box">
<a class="wzi" href="javascript:;">
<span>🔖 相关资源 </span>
<span>相关资源 </span>
<span class="zk-icon"></span>
</a>
<div class="zk-context">
<div>
<!-- <a href="#/more/sa-token-donate">❤️ &nbsp;赞助</a> -->
<a href="doc/index.html#/more/update-log"><span style="transform: rotateY(180deg); display: inline-block;">🧾</span> &nbsp;更新日志</a>
<a href="doc/index.html#/more/common-questions">💥️ &nbsp;常见报错</a>
<a href="doc/index.html#/more/tj-gzh">🚩️ &nbsp;推荐公众号</a>
<a href="doc/index.html#/fun/sa-token-test">🗞️ &nbsp;在线考试 ++</a>
<a href="doc/index.html#/more/update-log">更新日志</a>
<a href="doc/index.html#/more/common-questions">常见报错</a>
<a href="doc/index.html#/more/tj-gzh">推荐公众号</a>
<a href="doc/index.html#/fun/sa-token-test">在线考试 ++</a>
<div class="zk-fengexian"></div>
<a href="http://sa-app.dev33.cn/wall.html?name=sa-token" target="_blank">🧱 &nbsp;需求墙</a>
<a href="https://wj.qq.com/s2/8475114/2f6a/" target="_blank">📝 &nbsp;问卷调查</a>
<a href="http://sa-app.dev33.cn/wall.html?name=sa-token" target="_blank">需求墙</a>
<a href="https://wj.qq.com/s2/8475114/2f6a/" target="_blank">问卷调查</a>
</div>
</div>
</div>