自定義原生小程序頂部及獲取膠囊信息

需求:我需要將某個文字或者按鈕放置在小程序頂部位置

思路:根據獲取到的頂部信息來定義我需要放的這個元素樣式

?* 這里我是定義某個指定頁面

json:給指定頁面的json中添加自定義設置

"navigationStyle": "custom"

?JS:

wx.getSystemInfo({success:res=>{console.log('頂部信息:',res)// 手機系統狀態欄高度const platform = res.platformconst menu =  wx.getMenuButtonBoundingClientRect()console.log('menu',menu)this.setData({topInfo:menu//重新定義我給的元素信息})}})

js獲取的結果信息:

?最終的結果:(#^.^#)? ^_^

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/15083.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/15083.shtml
英文地址,請注明出處:http://en.pswp.cn/web/15083.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

新時代AI浪潮下,程序員和產品經理如何入局AIGC領域?

當下,AI浪潮席卷全球,AIGC大模型技術已經成為當今技術領域的一個重要趨勢,對于產品經理來說,掌握這項技術不僅能夠增強他們的職業技能,還能在競爭激烈的職場中脫穎而出。 為什么呢? 把握AI時代的機遇 AI技…

StringMVC

目錄 一,MVC定義 二,SpringMVC的基本使用 2.1建立連接 - RequestMapping("/...") ?編輯 2.2請求 1.傳遞單個參數 2.傳遞多個參數 3.傳遞對象 4.參數重命名 5.傳遞數組 6. 傳遞集合 7.傳遞JSON數據 8. 獲取url中數據 9. 傳遞文…

怎么通過OpenAI API調用其多模態大模型(GPT-4o)

現在只要有額度,大家都可以調用OpenAI的多模態大模型了,例如GPT-4o和GPT-4 Turbo,我一年多前總結過一些OpenAI API的用法,發現現在稍微更新了一下。主要參考了這里:https://platform.openai.com/docs/guides/vision 其…

python數據類型之元組、集合和字典

目錄 0.三者主要作用 1.元組 元組特點 創建元組 元組解包 可變和不可變元素元組 2.集合 集合特點 創建集合 集合元素要求 集合方法 訪問與修改 子集和超集 相等性判斷 集合運算 不可變集合 3.字典 字典特點 字典創建和常見操作 字典內置方法 pprin模塊 0.…

k8s——Pod詳解

一、Pod基礎概念 1.1 Pod定義 Pod是kubernetes中最小的資源管理組件,Pod也是最小化運行容器化應用的資源對象。一個Pod代表著集群中運行的一個進程。kubernetes中其他大多數組件都是圍繞著Pod來進行支撐和擴展Pod功能的,例如,用于管理Pod運行…

繆爾賽思又來到了你的面前(哈希)

定義一棵根節點為 1 1 1, n ( 2 ≤ n ≤ 1 0 3 ) n(2≤n≤10^3) n(2≤n≤103) 個節點的樹的哈希值為: H ∑ i 1 n X i Y f a ( i ) m o d 998244353 H∑^n_{i1}X^iY^{fa(i)}\ mod\ 998244353 Hi1∑n?XiYfa(i) mod 998244353 f a ( i ) fa(i) fa(i)…

斷網之后的頁面,Autox.js是點擊還是上下滑動比較好?

在處理斷網之后的頁面,選擇點擊還是上下滑動作為刷新操作,取決于應用的設計和用戶界面。通常,這兩種操作都可以作為刷新頁面的方式,但它們各自有不同的適用場景: 點擊刷新 - 適用場景:如果應用提供了一個明…

Java進階學習筆記7——權限修飾符

什么是權限修飾符? 就是用來限制類中的成員(成員變量、成員方法、構造器、代碼塊....)能夠被訪問的范圍。 protected使用的比較少,但是程序員還是要閱讀代碼,看官方文檔是怎么寫的,都會接觸到protected修飾…

C#串口通信-串口相關參數介紹

串口通訊(Serial Communication),是指外設和計算機間,通過數據信號線、地線等,按位進行傳輸數據的一種雙向通訊方式。 串口是一種接口標準,它規定了接口的電氣標準,沒有規定接口插件電纜以及使用的通信協議&#xff0c…

ssh 配置 authorized_keys 后無法免密登錄

查看日志: tail -f /var/log/auth.log May 25 15:55:13 121 sudo: pam_unix(sudo:session): session opened for user root by root(uid0) May 25 15:55:13 121 sshd[550561]: Received signal 15; terminating. May 25 15:55:13 121 sshd[922866]: Server liste…

性能測試場景的設計方法

引用:根據2008年Aberdeen Group的研究報告,對于Web網站,1秒的頁面加載延遲相當于少了11%的PV(page view),相當于降低了16%的顧客滿意度。如果從金錢的角度計算,就意味著:如果一個網站…

「探討」:什么是網絡審計?好用的網絡審計系統推薦【圖文詳解】

網絡是企業運營、政府管理、個人生活不可或缺的基礎設施。 然而網絡安全問題卻日益凸顯,數據泄露、網絡攻擊、欺詐行為等風險日益嚴重。 一、網絡審計的定義 網絡審計,又稱信息技術審計或電子審計,是指審計人員運用專業技能和工具&#xff…

fdk-aac將aac格式轉為pcm數據

int sampleRate 44100; // 采樣率int sampleSizeInBits 16; // 采樣位數,通常是16int channels 2; // 通道數,單聲道為1,立體聲為2FILE *m_fd NULL;FILE *m_fd2 NULL;HANDLE_AACDECODER decoder aacDecoder_Open(TT_MP4_ADTS, 1);if (!…

實戰之快速完成 ChatGLM3-6B 在 GPU-8G的 INT4 量化和本地部署

ChatGLM3 (ChatGLM3-6B) 項目地址 https://github.com/THUDM/ChatGLM3大模型是很吃CPU和顯卡的,所以,要不有一個好的CPU,要不有一塊好的顯卡,顯卡盡量13G,內存基本要32GB。 清華大模型分為三種(ChatGLM3-6B-Base&…

“大數據建模、分析、挖掘技術應用研修班”的通知!

隨著2015年9月國務院發布了《關于印發促進大數據發展行動綱要的通知》,各類型數據呈現出了指數級增長,數據成了每個組織的命脈。今天所產生的數據比過去幾年所產生的數據大好幾個數量級,企業有了能夠輕松訪問和分析數據以提高性能的新機會&am…

Vue3中為Ant Design Vue中table的checkbox加tooltip、popover

問題的產生 Vue版本:3.3.13 ant-design-vue 版本:3.x.x 在工作時遇到一個場景,需要在 ant-table 的 checkbox 被禁用的時候提示原因,但是在 ant-design-vue 文檔中并沒有發現有相關介紹。 首先我去看了issue中是否有提到相關問題…

【金磚賽】基于docker搭鏈

一.基于docker搭建 啟動并檢查是否啟動成功 #啟動命令 sudo systemctl start docker#檢查命令 sudo systemctl status docker修改權限 chomd 777 build_chain.sh 進行4節點聯盟鏈搭建(舉例) sudo ./build_chain.sh -d -l "127.0.0.1…

OOM不會導致JVM退出

問題來源 一次生產事故,由于一次性從數據庫查詢過多數據導致線程 OOM:Java heap space 異常(千萬級表,JVM堆內存2G),但是在線程OOM發生時,java進程卻沒有立即掛掉。 ##OOM與異常 說到底OutOfM…

基于Android Studio記事本系統

目錄 項目介紹 圖片展示 運行環境 獲取方式 項目介紹 具有登錄,注冊,記住密碼,自動登錄的功能; 可以新增記事本,編輯,刪除記事本信息,同時可以設置主標題,內容,以及…

Ansible自動化運維中的Setup收集模塊應用詳解

作者主頁:點擊! Ansible專欄:點擊! 創作時間:2024年5月22日13點14分 💯趣站推薦💯 前些天發現了一個巨牛的🤖人工智能學習網站,通俗易懂,風趣幽默&#xf…