diff --git a/static/landing/index.html b/static/landing/index.html index 842ae455..22779784 100644 --- a/static/landing/index.html +++ b/static/landing/index.html @@ -2,7 +2,7 @@ - StackEdit中文版 – 浏览器内 Markdown 编辑器 + StackEdit中文版 – 浏览器内 Markdown 编辑器 & 笔记利器 @@ -134,9 +134,16 @@ background-color: #2c2c2c; position: fixed; padding: 5px; - text-align: center; width: 100%; z-index: 1; + display: flex; + justify-content: space-between; + align-items: center; + } + + .navigation-bar__write { + text-align: center; + flex-grow: 1; } .navigation-bar__button { @@ -150,6 +157,49 @@ background-color: rgba(255, 255, 255, 0.1); } + /* 语言切换样式 */ + .navigation-bar__lang-switcher { + display: flex; + align-items: center; + margin-left: auto; + font-size: 14px; + } + /* 隐藏下拉内容区域 */ + .navigation-bar__dropdown-content { + display: none; + position: absolute; + z-index: 1; + } + + /* 当鼠标悬停在按钮上时，显示下拉内容区域 */ + .navigation-bar__dropdown:hover .navigation-bar__dropdown-content { + display: block; + } + + /* 样式化下拉按钮 */ + .navigation-bar__dropbtn { + background-color: #4CAF50; + color: white; + padding: 10px 16px; + font-size: 16px; + border: none; + cursor: pointer; + } + + /* 样式化下拉选项 */ + .navigation-bar__dropdown-content a { + color: black; + background-color: #f1f1f1; + padding: 12px 16px; + text-decoration: none; + display: block; + } + + /* 当鼠标悬停在下拉选项上时，更改其背景颜色 */ + .navigation-bar__dropdown-content a:hover { + background-color: #b2b2b2; + } + .splash-screen { position: relative; width: 100%; @@ -269,15 +319,26 @@
- - - 开始写作 - +
+ + + 开始写作 + +
+
+
+ +
+ 简体中文 + English +
+
+