1. 怎么去掉默认选中的效果
- van-tabs默认情况下启用第一个标签,实际开发中不满足需求,想要点击后再进行选中
解决办法
- 首先,在标签组数中,添加一个占位标签
- 在样式中设置首个标签不显示
- 代码如下:
//js 实际有意思的数据就是arr[1]
let arr = [{"name": "","title": "全部",},{"title": "经营管理","name": "abc"}
]//css
<style lang="scss">:deep(.van-tab:first-of-type) {display: none;}
</style>
2.标签默认居中展示
-
默认标签是居中展示,当标签数量比较少,比如一个的时候,标签还有几层嵌套时,就很奇怪,如图1
改成左对齐就好一些,如图2
.van-tab {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;
}