微信小程序二选项卡

最新推荐文章于 2025-05-24 11:36:00 发布

国苏

最新推荐文章于 2025-05-24 11:36:00 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序 tab 选项卡

本文链接：https://blog.youkuaiyun.com/wangguoyang429883793/article/details/72617061

本文介绍了如何在微信小程序中为首页添加选项卡，通过展示home.wxml、home.wxss和home.js的代码示例，详细说明了实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们接着上一篇写为首页添加一个选项卡

看下效果
这里写图片描述

代码：

home.wxml

<!--pages/home/home.wxml-->
<view class="swiper-tab">  
    <view class="swiper-tab-item {
   
   {
   
   currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">热门</view>  
    <view class="swiper-tab-item {
   
   {
   
   currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">关注</