小程序上方tobar切换不同页面

最新推荐文章于 2024-07-12 15:11:33 发布

seraph_flying

最新推荐文章于 2024-07-12 15:11:33 发布

阅读量4.7k

点赞数 1

分类专栏： css js 小程序 html 文章标签：小程序滑动切换 swiper 上方tobar 组件

本文链接：https://blog.csdn.net/u011561613/article/details/100007653

版权

本文介绍了如何使用小程序的swiper组件和上方tobar实现页面间的滑动切换效果，通过核心的wxml、wxss和js代码展示详细实现过程。

摘要由CSDN通过智能技术生成

效果图

在这里插入图片描述

核心代码

wxml

  <view class="swiper-tab">  
    <view class="swiper-tab-list {
    {currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">工资、薪金</view>  
    <view class="swiper-tab-list {
    {currentTab==1 ? 'on' : ''}}" data-current="1" bindtap