微信小程序之tabBar

tabBar：

一般是放在全局變量的json中。
格式如下

 "tabBar": {
    "list": [{
      "pagePath": "pages/main/main",//路徑
      "text": "主頁",//text文本
      "iconPath":"pages/image/movie.png",//圖標
      "selectedIconPath":"pages/image/moviech.png"//選擇之後圖標的改變情況。
      
    },
    {
      "pagePath": "pages/weekly/weekly",
      "text": "推薦",
      "iconPath":"pages/image/mine.png",
      "selectedIconPath":"pages/image/minech.png"
    } 
  ]
  },

案例：

推薦wxml

<image src="wusha.jpeg" class="wusha"></image>
<view class="container">
<view class="jianjie">簡介</view>
<view class="neirong">李維傑與妻子阿玉來泰打拼17年，膝下育有兩個女兒，年屆四十的他靠開設網絡公司爲生，爲人也頗得小鎮居民的好感，而這一切美好卻被突如其來的不速之客打破。這個充斥走私，販毒活動的邊陲小鎮，各種權力交織碾壓公平正義。李維傑的大女兒被督察長的兒子強暴，因反抗誤殺對方。李維傑曾親眼 目睹督察長濫用私刑，深知法律無用，爲了維護女兒，捍衛家人，李維傑埋屍掩蓋一切證據，在時間與空間的交錯縫隙中，與警方在身心層面，展開了殊死一搏的較量。</view>
</view>

主頁

<swiper class="swiper" autoplay interval="2000" indicator-dots indicator-color="red" >
<swiper-item >
<image src="tu2.webp"></image>
</swiper-item>
<swiper-item>
<image src="tu3.webp"></image>
</swiper-item>
<swiper-item>
<image src="winner.webp"></image>
</swiper-item>
<swiper-item>
<image src="dc.webp"></image>
</swiper-item>
</swiper>
<view class="containe">
<navigator></navigator>

<view class="recom">每週推薦</view>
<view class="csdn">我的SCDN：https://blog.csdn.net/qq_45353823</view>
</view>

效果圖:

TabBar在前面介紹格式的時候已經寫出，wxss就不再放置。

號召

這裏我也建立了個QQ羣1098392728，希望不管是大學生還是在職的IT工作人士可以共同努力學習。羣內有一些IT書籍可以免費給大家觀看。如果有需要博主會將某雲的50gIT書籍免費分享給大家