引入tabs组件以后，使用时样式不生效。

这是package.json配置

app.wxss文件

@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

json文件

{
  "usingComponents": {
    "mp-toptips": "../../../miniprogram_npm/weui-miniprogram/toptips/toptips",
    "mp-tabs": "@miniprogram-component-plus/tabs/index"
  }
}

wxml文件

  <mp-tabs tabs="{{tabs}}" active-tab="{{activetab}}" bindchange="tabchange">
    <block>
      <view slot="tab-content-{{activetab}}">{{activetab}}</view>
    </block>
  </mp-tabs>



js文件

data: {
    errortips: '',
    
    activetab: 0,
    tabs:[
      {
        title: "全部"
      },
      {
        title: "待付款"
      },
      {
        title: "待收货"
      },
      {
        title: "售后中"
      },
      {
        title: "已完成"
      },
      {
        title: "已取消"
      },
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    wx.setNavigationBarTitle({
      title: '我的订单'
    })
  },

  tabchange(e) {
    console.log(e)
    const index = e.detail.index
    this.setData({
      activetab: index
    })
  },

最终效果

调试器中的内容 tabs相关的元素都是空的，点击可以切换内容区域，但是样式不生效。