mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-04-16 20:30:53 +08:00
🔍 搜索功能改進:
- 新增本地搜索分頁配置 (enablePagination, hitsPerPage) - 重構 Algolia 搜索邏輯,支援多索引和更好的錯誤處理 - 優化搜索 UI 樣式,包括分頁按鈕和響應式設計 - 改進搜索結果顯示,新增編號和更好的高亮處理 📦 依賴項更新: - 更新 plugins.yml 中的多個插件版本 (abcjs, algolia, aplayer 等) - 更新 package.json 版本號為 5.5.0 🎨 UI/UX 優化: - 改進側邊欄和目錄的動畫效果 - 優化樣式佈局,調整寬度百分比 - 新增說說頁面的分頁導航組件 - 改進右側邊欄按鈕樣式 🐛 錯誤處理和代碼優化: - 修復 Umami Analytics 的錯誤處理和數據驗證 - 改進懶加載圖片的正則表達式,避免匹配腳本標籤 - 移除未使用的變數和改進代碼結構 - 新增說說內容的 Markdown 渲染支援 🔧 其他改進: - 更新翻譯功能,移除箭頭函數語法以提升相容性
This commit is contained in:
@@ -76,3 +76,110 @@
|
||||
|
||||
&.no-comment
|
||||
display: none
|
||||
|
||||
.shuoshuo-navigation
|
||||
display: flex
|
||||
justify-content: center
|
||||
align-items: center
|
||||
margin-top: 20px
|
||||
padding: 20px 0
|
||||
|
||||
button
|
||||
display: flex
|
||||
justify-content: center
|
||||
align-items: center
|
||||
width: 2.7em
|
||||
height: 2.7em
|
||||
background-color: var(--btn-bg)
|
||||
color: var(--btn-color)
|
||||
font-size: .9em
|
||||
line-height: 2.5em
|
||||
transition: all .2s ease-in-out
|
||||
addBorderRadius(6)
|
||||
|
||||
&:not(:disabled)
|
||||
@extend .btn-effects
|
||||
|
||||
&:hover:not(:disabled)
|
||||
background-color: var(--btn-hover-color)
|
||||
|
||||
&:disabled
|
||||
background: #f5f5f5
|
||||
color: #ccc
|
||||
opacity: .5
|
||||
cursor: not-allowed
|
||||
|
||||
.shuoshuo-page-info
|
||||
margin: 0 15px
|
||||
color: #858585
|
||||
white-space: nowrap
|
||||
font-size: .9em
|
||||
|
||||
.shuoshuo-page-input
|
||||
margin-right: 12px
|
||||
padding: 0 15px
|
||||
height: 2.7em
|
||||
border: 1px solid var(--btn-bg)
|
||||
background: var(--card-bg)
|
||||
color: #858585
|
||||
text-align: center
|
||||
font-size: .9em
|
||||
transition: all .2s ease-in-out
|
||||
addBorderRadius(6)
|
||||
|
||||
&:focus
|
||||
outline: none
|
||||
border-width: 2px
|
||||
|
||||
&::placeholder
|
||||
color: transparent
|
||||
|
||||
/* 隱藏 number 輸入框的上下箭頭 */
|
||||
&::-webkit-outer-spin-button,
|
||||
&::-webkit-inner-spin-button
|
||||
margin: 0
|
||||
-webkit-appearance: none
|
||||
|
||||
/* Firefox */
|
||||
-moz-appearance: textfield
|
||||
|
||||
/* 當作為頁碼按鈕時的樣式 */
|
||||
&.shuoshuo-page-num
|
||||
min-width: 40px
|
||||
width: 40px
|
||||
border: none
|
||||
background: $light-blue
|
||||
color: var(--white)
|
||||
font-weight: 500
|
||||
cursor: text
|
||||
|
||||
&:focus
|
||||
border: 1px solid $light-blue
|
||||
background: var(--white)
|
||||
color: #333
|
||||
|
||||
/* 超出範圍時的紅色樣式 */
|
||||
&.invalid
|
||||
border-color: #ff4757
|
||||
background-color: #ffeaea
|
||||
color: #ff4757
|
||||
animation: shake .5s ease-in-out
|
||||
|
||||
/* 震動動畫 */
|
||||
@keyframes shake
|
||||
0%,
|
||||
100%
|
||||
transform: translateX(0)
|
||||
|
||||
10%,
|
||||
30%,
|
||||
50%,
|
||||
70%,
|
||||
90%
|
||||
transform: translateX(-2px)
|
||||
|
||||
20%,
|
||||
40%,
|
||||
60%,
|
||||
80%
|
||||
transform: translateX(2px)
|
||||
|
||||
Reference in New Issue
Block a user