解决方案二: (适应子元素高度也不一致) 然后在上滑过程中,导航栏还需要吸顶,然后滑动下方tab栏的内容 其实如果不是基于小程序,我们可以很直接用swiper插件,操作起来简直方便,小程序由于 swiper 高的限制,真是走了不少弯路,如果下面的列表高度一样,我们便可以算出一个的高度,然后乘以个数即可,但是这样只能求出每...
小程序swiper组件默认高度150px,并且如果子元素过高,swiper不会自适应高度 解决方案一: (总体来说不够完美,适合满屏滑动) 如果不是满屏的状态,用scroll-view IOS滑动兼容性不好,在IOS会有无法滑动的情况 <swiperclass="content"style="height:{{height}}px"bindchange="change"current-item-id="{{docid}}"dura...
</swiper-item> </swiper> 适应场景: 适合这种满屏滑动的,嵌套scroll-view 注意:<scroll-view>需要有条件,写固定的高,纵向滑动scroll-y 横向滑动 scroll-x white-space:nowrap; 解决方案二: (适应子元素高度也不一致) 效果图是这样的:然后在上滑过程中,导航栏还需要吸顶,然后滑动下方tab栏的内容 其实如果不...
1.在onLoad()方法里调用getSwiperHight() 2.获取所有swiper-item内容高度组成的数组,getSwiperHight(){} // 获取swiper-item高度方法二getSwiperHight(){letthat=this;constSelectorQuery=wx.createSelectorQuery();SelectorQuery.selectAll('.xxxx').boundingClientRect();SelectorQuery.exec(res=>{letswiperitems...
item> </swiper> js代码 onLoad: function (e) { var self = this var query = wx.createSelectorQuery() query.select('#swiper-item').boundingClientRect(function (res) { self.setData({ keyboardHeight: res.height }); }).exec(); } 以上处理可以动态获取这个高度,唯一的问题是这个高度是在页面...
如果自己想要有个空隙的话,可以加个view,把上/下外边距的高度给view的高度.方法是个土办法啦,但还好比较实用. 最后也说明一点,如果你的swiper-item里绑定了相关事件会造成当前的swiper-item高度变化,那么记得在事件的末尾添加一个getSwiper(n)函数来重新确认当前swiper-item的高度 ...
<swiper-item wx:key="*this"style="position: absolute;width: 100%;z-index:1;"> <image src="{{item}}"class="slide-image"class='img'bindload="imgLoad"/> </swiper-item> </block> </swiper> </view> Page({ onShareAppMessage() {return{ ...
<view class="gh_money">￥{{item.doctor_price}}</view> <view class="gh_num">{{item.see_num}}号</view> 预约 <view class="zjtd_line" style="margin-bottom:10rpx;"></view> </view> </view> </swiper-item> <swiper-item class="swiper...
</swiper-item> </block> </swiper> swiper的各个属性在官方文档中都有,这里就不说明了。最主要的是: style='height:{{Hei}}' //动态设置swiper的高度 2.js代码: data: { imgUrls: [ '../../public/img/goodsDetail/goods.png', '../../public/img/goodsDetail/goods.png', ...
</swiper-item> </block> </swiper> swiper的各个属性在官方文档中都有,这里就不说明了。最主要的是: style='height:{{Hei}}' //动态设置swiper的高度 2.js代码: data: { imgUrls: [ '../../public/img/goodsDetail/goods.png', '../../public/img/goodsDetail/goods.png', ...