关于swiper多行轮播的解决方案

border-radius: 10rpx; <!-- 轮播图容器 --> <swiper class="swiper-container" indicator-dots="{{true}}" indicator-color="rgba(255,255,255,0.6)" indicator-active-color="#fff" autoplay="{{true}}" interval="5000" circular="{{true}}"> <block wx:for="{{swiperList}}" wx:key="id"> <swiper-item> <image src="{{item.imgUrl}}" class="swiper-image" mode="aspectFill" bindtap="onSwiperTap" data-url="{{item.link}}"/> </swiper-item> </block> </swiper> <!-- 商品列表 --> <view wx:for="{{goodList}}" wx:key="index" class="goodsbox" > <image src="{{item.imgUrl}}" mode="widthFix"/> <view >{{item.title}}</view> <view >售价：{{item.price}}</view> </view>请添加以下功能，点击goodsbox中图片跳转至详情页，详情页左上角有返回按钮，上部有轮播图展示商品详情，中下部留位置做商品介绍