当前位置：首页 > news >正文

用v9做的网站上传服务器/关键词竞价排名是什么意思

news 2025/7/1 10:53:05

用v9做的网站上传服务器,关键词竞价排名是什么意思,wordpress怎么加联系工具,剑网三魁首怎么做网站感觉这列表切换有点类似于轮播图，而且感觉这代码直接可以拿来用，稍微改一改样式什么的就OK了，列表切换也是用到的地方也很多目录结构： wxml中的代码如下：  <view class"tab&qu…

感觉这列表切换有点类似于轮播图，而且感觉这代码直接可以拿来用，稍微改一改样式什么的就OK了，列表切换也是用到的地方也很多
目录结构：
在这里插入图片描述

wxml中的代码如下：

<!-- 标签页面标题 -->
<view class="tab"><view class="tab-item {{tab==0?'active':''}}" bindtap="changeItem" data-item="0">音乐推荐</view><view class="tab-item {{tab==1?'active':''}}" bindtap="changeItem" data-item="1">播放器</view><view class="tab-item {{tab==2?'active':''}}" bindtap="changeItem" data-item="2">播放列表</view>
</view>
<!-- 内容 -->
<view class="content"><swiper current="{{item}}" bindchange="changeTab"><swiper-item><include src="info.wxml"/></swiper-item>   <swiper-item><include src="player.wxml"/></swiper-item>   <swiper-item><include src="playerlist.wxml"/></swiper-item>   </swiper>
</view>

在js页面的data中
在这里插入图片描述
在js页面写两个方法：

  // 页面切换changeItem:function(e){this.setData({item:e.target.dataset.item})},changeTab:function(e){this.setData({tab:e.detail.current})},

wxss样式：

.tab{display: flex;
}
.tab-item{flex: 1;font-size:10pt ;text-align: center;line-height: 72rpx;border-bottom: 6rpx solid #eee;
}
.content{flex: 1;
}
.content>swiper{height: 100%;
}
.tab-item.active{color: #c25b5b;border-bottom-color:#c25b5b ;
}