歡迎您訪問南京欧美特级a版限制片2018官方網站,本公司專注于:網站制作、小程序開發、網站推廣。 24小時服務熱線:400-8793-956
當前位置:南京網站制作公司 > 資訊中心 > 網站知識
南京小程序開發是如何自定義微信小程序導航欄
來源:南京網站制作 時間:2019-05-25 08:51:32

本文中的示例共享W微信小程序的自定義導航欄供您參考。詳情如下所示。

 
導航欄可以直接在微信小程序中配置:

目前在南京小程序開發看來只有兩種支持,但我們的要求可能需要另外一種顏色等等,所以我們必須修改這一種。
 
 
"window":{
 "navigationStyle": "custom"
},
我配置了這個屬性。現在讓我們來看看我的界面。

紅色箭頭指向自動生成的配置。我不寫任何代碼。例如,我需要自定義更多用戶界面導航欄。在more.js中,我在onLoad()方法中獲取全局存儲導航欄的高度,然后將高度設置為組件。
 
app.js:
 
/**
 * When the widget initialization is complete, onLaunch is triggered (global trigger only once)
 */
 onLaunch: function () {
 wx.getSystemInfo({
  success: res => {
  // Navigation altitude
 
  this.globalData.navHeight = res.statusBarHeight+46;
  this.navH = res.statusBarHeight;
  this.platform = res.platform;
  }
 })
 },
This. globalData. navHeight is a variable defined in app. js:
 
 globalData: {
 isPlayMusic :false,
 doubanBase: "http://t.yushu.im",
 navHeight:0
 },
然后進入更多。JS
 
 
 onLoad: function (options) {
 this.setData({
  navH: App.globalData.navHeight
 })
 },
要獲取全局變量,請使用:
 
 
var App = getApp();
獲取全局對象。setData({})是更新數據中定義的變量:{}
 
 
 data: {
 navH:0
 },
默認值為0
 
more.wxml:
 
<view>
 <view class='more_main' style='height:{{navH}}px'>
 <view class='title_contanier'>
 <text>More </text>
 </view>
 </view>
</view>
 more.wxss
 
 
.more_title{
 margin:0 auto;
 margin-top: 75rpx;
 text-align:center;
 font-size: 32rpx;
 }
.title_contanier{
 display: flex;
 flex-direction: row;
}
.more_main{
 width: 100%;
 background-color: greenyellow;
}
設計草圖:

以上就是今天南京小程序開發說的全部內容。我希望它對每個人的學習都有所幫助,我希望你能更多地支持南京小程序開發欧美特级a版限制片2018。

本文地址:http://www./web/2511.html
Tag:
專業服務:南京網站制作,南京網站制作公司,南京網站建設公司
聯系電話:025-65016872
上一篇: 承包和建筑行業網站 - 需要關注的重點
下一篇: 返回列表
最新案例
泰杰賽
泰杰賽
蘇派教育
蘇派教育
全國大學生公共衛生大賽
全國大學生公共衛生大賽
南京德普筒倉建安工程有限公司
南京德普筒倉建安工程有限公司
中國非金屬材料南京礦山工程有限公司
中國非金屬材料南京礦山工程有限公司
你可能感興趣
如何為您的非營利組織創建更好的用戶調查
4種方式內部鏈接構建SEO和轉換潛在客戶
如何在多個地點發展本地搜索引擎優化
6個白帽連鎖建立B2B戰略
4個用于網站性能的Google Analytics KPI
您需要WordPress CMS網站的7個理由
每個移動電子商務商店需要的功能
您的電子商務商店是否需要自定義WordPress開發?
最后更新
南京小程序開發是如何自定義微信小程序導航欄 承包和建筑行業網站 - 需要關注的重點 南京小程序開發公司闡述Microsoft小部件提交表單操作示例 如何快速構建域權限 南京小程序開發公司解析微信小程序中滑動切換自定義頁碼的方法 南京網站制作為什么說滾動劫持會破壞用戶體驗 南京小程序開發公司分享微信applet日歷效果 南京小程序開發公司是如何通過微信小程序實現的復選框效果
服務項目
南京網站制作 營銷型網站 微信營銷 IDC網站 欧美特级a版限制片2018