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;
}