<swiper current="{{current}}" bindchange="change" duration="300" style="height:{{swiper_height + 80}}px;min-height:50%vh;"> <swiper-item class="swiper-item" wx:for="{{channel_list}}" wx:key="{{item.id}}"> <!-- navigator 的类名很重要,虽然一个循环用统一样式,但是我们基于不同...
您好，swiper 高度可以通过设置 swiper item 元素高度来控制，swiper-item 的高度取决于第一个 swiper-it...
2 每一个轮播项 swiper-item 3 swiper 标签 存在默认样式 1 width 100% 2 height 150px image 存在默认宽度和高度 320 * 240 px 3 swiper 高度 无法实现由内容撑开 4 先找出来 原图的宽度和高度 等比例 给 swiper 定 宽度和高度 原图的宽度和高度 1125 * 352 swiper 宽度 / swiper 高度 = 原图的宽度 ...
大家可以在uni-app官网上看到swiper高度是默认100%,而swiper-item则是要有固定宽高的,要的效果是什么呢? 1.点击tab可以切换黄色区域视图 2.滑动黄色区域改变视图,支持横向滑动以及纵向滑动 我的思路:因为swiper是要固定高度的,它并不会因为内容而自动撑开,那么我的想法呢就是,1.给swiper一个父元素,父元素设置自...
问题就在于设定swiper高度后 同时显示几行子元素，多了会挤在一起 少了间隙大
看到默认为100% 可以重新设置么 文档如下: swiper-item 仅可放置在<swiper/>组件中,宽高自动设置为100%。 swiper-item上设置高度为90% 还是会被100%覆盖 求问 回答关注问题邀请回答 收藏 分享 3 个回答 LastLeaf 2017-04-13 目前请不要尝试指定<swiper-item>的高度,如需要限制内容高度,建议在里面放置<view...
swiper-item的高度取决于第一个swiper-item的高度,第一个高度是多高后面的swiper-item就是多-支付宝技术支持中心
{//获取swiperItem的高度,异步给swiper设置高度letselect='.swiperItem'+n;letthat=this;wx.createSelectorQuery().select(select).boundingClientRect(function(rect){letres=rect.height+'px'console.log(res);that.setData({swiperHeight:res})}).exec();},onLoad:function(options){this.getSwiper(0)},on...
思路:不要给swiper设置固定高度,而是让swiper的高度继承自父元素。父元素的高度是动态设置的,可通过计算得出,或者通过图片撑开(当轮播图的内容是图片时,在swiper-item同级写一个用于占位的透明图片)。 注意:swiper-item宽高自动设置为100%,宽高100%是相对于其父组件,不是相对于子组件,不能被子组件自动撑开。