dev
xiaowen 3 years ago
parent be01104470
commit 25ff298ba3

@ -3,14 +3,6 @@
<van-icon size="26px" color="#fff" name="arrow-left" style="background: #006BFF"/>
<van-search style="width: 100%;" shape="round" background="#006BFF" value="{{ value }}" placeholder="请输入品牌" />
</view>
<van-tabs active="{{ active }}">
<van-tab title="标签 1">内容 1</van-tab>
<van-tab title="标签 2">内容 2</van-tab>
<van-tab title="标签 3">内容 3</van-tab>
<van-tab title="标签 4">内容 4</van-tab>
<van-tab title="标签 5">内容 5</van-tab>
<van-tab title="标签 6">内容 6</van-tab>
</van-tabs>
<van-index-bar>
<view>
<van-index-anchor index="A" />

@ -1,23 +1,13 @@
<!--index.wxml-->
<view class="container">
<scroll-view scroll-x="true" class="nav" scroll-left="{{navScrollLeft}}" scroll-with-animation="{{true}}">
<block wx:for="{{navData}}" wx:for-index="idx" wx:for-item="navItem" wx:key="idx">
<!-- 判断是否选中,选中设置样式 -->
<!-- switchNav -->
<view class="nav-item {{currentTab == idx ?'active':''}}" data-current="{{idx}}" bindtap="switchNav">
{{navItem.text}}</view>
</block>
</scroll-view>
<scroll-view class="scrollList" scroll-x="true" enable-flex="true">
<text wx:for="{{condition}}" class="{{index === 0 ? 'actived' : ''}}" wx:key="index">{{item}}</text>
</scroll-view>
<!-- 页面内容 -->
<!-- switchTab -->
<!-- <swiper class="tab-box" current="{{currentTab}}" duration="300" bindchange="switchTab">
<swiper-item wx:for="{{[0,1,2,3,4,5,6]}}" wx:for-item="tabItem" wx:for-index="idx" wx:key="idx" class="tab-content">
{{tabItem}}
</swiper-item>
</swiper> -->
<van-tabs class="menu-tabs" color="#fff" active="{{ active }}">
<van-tab title="标签 1">内容 1</van-tab>
<van-tab title="标签 2">内容 2</van-tab>
<van-tab title="标签 3">内容 3</van-tab>
<van-tab title="标签 4">内容 4</van-tab>
<van-tab title="标签 5">内容 5</van-tab>
<van-tab title="标签 6">内容 6</van-tab>
</van-tabs>
<view class="mat">
<view class="mat_card" wx:for="{{toplist}}" wx:key="index" data-id="{{item.id}}" data-name="{{item.name}}" data-url="/pages/material/subpage/newest/newest" bindtap="to">
<view class="mat_top">

@ -3,34 +3,14 @@
width: 100%;
height: 100%;
}
.scrollList {
width: calc(100% - 48rpx);
display: flex;
text-align: center;
justify-content: center;
height: 80rpx;
background: #fff;
}
.scrollList text {
background: #F6F6F6;
border-radius: 2px;
font-size: 28rpx;
color: #999999;
margin: 0 8rpx;
padding: 18rpx 24rpx;
height: min-content;
flex-shrink: 0;
}
.scrollList .actived {
font-size: 12px;
font-weight: bold;
color: #027AFF;
background: #F0F5FF;
}
.menu-tabs .van-tab{
color: #A0A0A0; /* 字体颜色 */
background-color: #006BFF;/* 标签背景颜色 */
}
.menu-tabs .van-tab--active{
color: #FFFFFF; /* 字体颜色 */
}
.nav {

Loading…
Cancel
Save