mp-tabs 样式不生效？
引入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相关的元素都是空的，点击可以切换内容区域，但是样式不生效。 [图片]
