wxappb2b/GuangZuan/miniprogram/components/tabbar/index.ts

import { appConfig } from "../../config/index"

Component({
    options: {
        multipleSlots: true, // 在组件定义时的选项中启用多slot支持
    },
    properties: {
        tabs: {
            type: Array,
            value: [{
              icon: appConfig.imgUrl+'tabbar-home',
              aicon: appConfig.imgUrl+'tabbar-home-active',
              text: '首页',
              url: '/pages/home/index'
            },
            {
              icon: appConfig.imgUrl+'tabbar-trade',
              aicon: appConfig.imgUrl+'tabbar-trade-active',
              text: '挂牌大厅',
              url: '/pages/trade/index'
            },
            {
              icon: appConfig.imgUrl+'tabbar-cycle-active',
              aicon: appConfig.imgUrl+'tabbar-cycle-active',
              text: '钻石圈',
              url: '/pages/circle/index'
            },
            {
              icon: appConfig.imgUrl+'tabbar-mine',
              aicon: appConfig.imgUrl+'tabbar-mine-active',
              text: '我的',
              url: '/pages/mine/index'
            }],
        },
        fixed: {
            type: Boolean,
            value: false,
        },
    },
    data: {
        active:0,
    },
    methods: {
        // 切换标签
        changeTab(e: any) {
            console.log(e)
        }
    }
})