小程序tab选择跳页,选中后返回,并触发动画

今天碰到这样一个需求:A页面是二级分类,但是有更多选项,点击更多跳B页面,选择完分类后返回A页面,并且A页面根据B页面选择的分类进行数据操作。

视频;

Marry My Love 2020

首先这是一个二级分类,分两个页面A和B,下面图片是A页面,

点击A页面的更多 进入B页面

点击B页面的分类按钮返回A页面,并附带效果,假设我点击了吉他,则返回A页面,并且吉他高亮,

下面是代码:

A页面是这样的:

wxml:

		<view class="search_title">
			<view class="top_content">
				<!-- 一级分类 -->
				<view class="looked_type">
					<scroll-view scroll-x class="navbar" scroll-with-animation scroll-left="{
  {scrollLeft}}rpx">
						<view wx:for="{
  {tabs}}" wx:key="index" bindtap="tabSelect" data-id="{
  {index}}" data-cid="{
  {item.id}}" class="scrollNum {
  {item.id==tabCur?'tab-on':''}}">{
  {item.name}}</view>
					</scroll-view>
				</view>
				<view class="find_more" bindtap="detail" data-url="../find_more/find_more">
					<image src="http://saas.bluetonemusic.cn/assets/img/daka/find_icon1.png"></image>
				</view>
			</view>
			<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值