小程序原生swiper中bindtransition监听滑动效果

需求：触摸滑动swiper，轮播图的图片高度随之变化

wxml

<view>
    <swiper next-margin="50rpx" previous-margin="54rpx" current="{
    {swiCurrent}}"   bindchange="swiperChange" data-current="{
    {swiCurrent}}" interval="100" bindanimationfinish="bindanimationfinish" bindtransition="bindtransition" class="growUp-swiper" spaceBetween="20rpx" >
        <swiper-item wx:for="{
    {backg}}" wx:key="index"  >
            <view id="{
    { (index === swiCurrent) ? 'tabCon_swiper':'tabCon_swiper1'}}" class="{
    { 'tabCon_swiper'}} " data-item="{
    {item}}" style="background-image: url({
       {item.url}});height:{
       {
       item.height}}rpx">
            </view>
        </swiper-item>
    </swiper>
</view>

wxss

.tabCon_swiper {
   
	width: 620rpx;
	position: relative;
	z-