tabBar

YM

2024-03-25 da861353b4ab88bf69f647f0f74121b7a4bda152

tabBar

 custom-tab-bar/index.js

@@ -1,17 +1,14 @@
import TabMenu from './data';
Component({
  data: {
    selected: 0,
    active: 0,
    list: TabMenu,
  },
  methods: {
    changeTab(item) {
      this.setData({
        selected: item.currentTarget.dataset.num
      })
      wx.switchTab({
        url: this.data.list[this.data.selected].url.startsWith('/') ?
          this.data.list[this.data.selected].url : `/${this.data.list[this.data.selected].url}`,
        url: this.data.list[item.currentTarget.dataset.num].url.startsWith('/') ?
          this.data.list[item.currentTarget.dataset.num].url : `/${this.data.list[item.currentTarget.dataset.num].url}`,
      });
    }
  },

 custom-tab-bar/index.wxml

@@ -10,9 +10,9 @@
<view class="tabBarBox">
  <view class="tabItem" wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="changeTab" data-num="{{index}}">
    <view class="custom-tab-bar-wrapper">
      <t-image wx:if="{{selected !== index}}" class="tabImg" src="{{item.icon}}" mode="aspectFill" width="22" height="22" />
      <t-image wx:if="{{active !== index}}" class="tabImg" src="{{item.icon}}" mode="aspectFill" width="22" height="22" />
      <t-image wx:else class="tabImg" src="{{item.activeIcon}}" mode="aspectFill" width="22" height="22" />
      <view class="text {{selected == index ? 'activeText' : ''}}">{{ item.text }}</view>
      <view class="text {{active == index ? 'activeText' : ''}}">{{ item.text }}</view>
    </view>
  </view>
</view>

 pages/home/home.js

@@ -34,7 +34,6 @@
  onShow() {
    this.loadHomePage();
    this.getBannerList()

  },

  onLoad(options) {