La barra de pestañas Pestañas es necesaria para el proyecto reciente y la biblioteca de componentes Vant Weapp se usa en el proyecto, pero las pestañas en vant no cumplen con los requisitos del proyecto. Por lo tanto, se utiliza un componente personalizado.
Efecto:
.wxml
<scroll-view class='component cus' scroll-x="{
{ isScroll }}">
<view class='content'>
<view class='item' data-cus="{
{ dataCus[index] }}" data-index="{
{ index }}" data-value="{
{ item }}" wx:for="{
{ items }}" wx:key="index" wx:for-item="item" style='min-width: {
{ itemWidth }}rpx; height: {
{ height }}rpx' catchtap='onItemTap'>
<text class='text' style='color: {
{ mSelected == index ? selectTextColor : textColor }};font-size: {
{ textTopSize }