@導航欄 / 博客 RSS 訂閱

Nov 17 2025

colddawn - 微信小程序 發表文章的代碼demo

1.在上一篇我們説到我們在寫小程序要運用的知識是c3,h5,js，小程序的基本結構瞭解了，接下來我們來了解頁面佈局， 2.其實小程序的佈局和我們在編寫網頁的佈局是差不多的，就是我們要注意幾點，就是我們在傳統的佈局當中都是用div佈局的，再就是c3當中那些語義化標籤就行佈局，而我們的小程序中就不是用div了，他用的是view這個標籤，他的效果和div一樣，都是塊級元素還有一個

機器學習 , 導航欄 , 輪播圖 , 人工智能 , 滑塊 , 微信小程序 發表文章的代碼demo

收藏 評論

Aug 28 2023

京東雲開發者 - 百億補貼通用H5導航欄方案 | 京東雲技術團隊

背景 在移動端頁面中，由於屏幕空間有限，導航條扮演着非常重要的角色，提供了快速導航到不同頁面或功能的方式。用户也通常會在導航條中尋找他們感興趣的內容，因此導航條的曝光率較高。在這樣的背景下，提供一個動態靈活的導航條，為產品賦能，變得尤其重要。 使用原生導航欄現狀 拿iOS原生導航條為例，導航條作為頁面進出棧的根視圖連接器，以及生命週期的管理器。尤其是在作為webView Controller的父容

導航欄 , 導航菜單 , h5頁面 , 前端 , html5

收藏 評論

Nov 24 2025

mb6923acc0735dc - 高級佈局組件（二）：輪播Swiper與選項卡Tabs的交互實現

🌟 引言：內容切換的交互藝術 在現代移動應用設計中，內容切換是提升用户體驗的關鍵交互之一。無論是電商平台的商品展示、新聞應用的信息流，還是社交媒體的故事瀏覽，流暢的內容切換機制都至關重要。HarmonyOS通過Swiper輪播組件和Tabs選項卡組件，為開發者提供了強大且靈活的內容切換解決方案。本文將深入探討如何高效利用這兩個核心組件，並實現它們之間的無縫聯動。 一

導航欄 , 移動開發 , text , Android , 預加載

收藏 評論

Jul 21 2022

AndyHu - 微信小程序（一）自定義導航欄和fixed失效及各機型兼容問題

前言 相信小夥伴們應該或多或少都開發過微信小程序，微信小程序的寫法雖然和vue有很多類似的地方，但又有很多vue屬性，在小程序中沒有類似的實現，比如計算屬性，watch 監聽等； 因為小程序是附着在微信 app 上，所以經常要處理一些安卓端和蘋果端的兼容，比如有些蘋果機屏幕下方有安全區域，一些安卓機上點輸入框輸入完畢後點完成按鈕鍵盤不能自動收回，導致輸入框不能失去焦點的問題，等等...

vue.js , 導航欄 , 微信小程序 , 小程序 , 移動端適配

收藏 評論

Apr 14 2024

一顆冰淇淋 - 構建動態交互式H5導航欄：滑動高亮、吸頂和錨點導航技巧詳解

功能描述 產品要求在h5頁面實現集錨點、吸頂及滑動高亮為一體的功能，如下圖展示的一樣。當頁面滑動時，內容區域對應的選項卡高亮。當點擊選項卡時，內容區域自動滑動到選項卡正下方。 佈局設計 css 佈局 為了更清晰的描述各功能實現的方式，將頁面佈局進行了如下的拆分。 ★ 最外層的元素定義為 contentWrap，是使用 Intersection 定義的觀察根元素。 ★ 所有可縱向滑動的元素包

導航欄 , 錨點 , h5頁面 , 前端 , Javascript

收藏 評論

Nov 22 2025

mob64ca1418aeab - Android DrawerLayout 側滑菜單欄 - SRain215的個人空間 -

簡介 DrawerLayout是Android開發中一種常見的佈局組件，常用於實現側滑菜單效果，它允許一個或多個子視圖在用户交互時從屏幕邊緣滑出。 實現步驟 1.完成佈局文件，以DrawerLayout為根佈局，其第一個子佈局為主佈局，第二個子佈局為側邊導航欄的佈局。 DrawerLayout最多隻能有兩個直接子View 注

導航欄 , xml , 後端開發 , Android , harmonyos

收藏 評論