微信小程序開發總結《一》--自定義導航欄,組件樣式,通過變量按需引入的三種樣式。

 

不改爲自定義導航的頁面title 是在每個程序頁面裏的json文件裏配置。

 

微信小程序 自定義導航欄,首先在 app.json文件裏window的屬性裏添加

自定義導航的配置項:“navigationStyle”:“custom”;一旦改爲自定義導航,程序內所有頁面的導航都需要自己從新定義。

 

但通過組件之後在需要動態傳頁面名稱給組件。以下是引入組件的流程:

第一步,需要引入組件頁面的json 文件裏,添加usingComponents 的屬性;

“nav-bar”:""../../compents/navbar/nation’  組件名稱:組件路徑。

第二步:在 wxml使用組件 一下我通過組件傳入了四個值;這個根據每個項目需求來定義的。每個項目都有差異。

navbar-data:是頁面名稱 selectName:是我要的導航樣式。getpds /getName:組件綁定的兩個方法

  在父組件裏切換子組件的內容,需要給組件綁定id,在父組件觸發方法時觸發組件裏的方法。

在page.data裏定義的變量。selectName:直接指定三種方式。

 第一種,帶選擇器功能的導航

第二種,常規模式的導航

第三種,帶返回按鈕的導航

在導航組件裏,通過變量值判斷顯示那些組件內容。

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章