首页 > TAG信息列表 > imgheights
小程序-swiper的高随里面的图片高自适应
<view class='index-bg' wx:if="{{dataInfo.img_src.length}}"> <swiper indicator-dots="true" autoplay="{{autoplay}}" circular="{{circular}}" interval="{{interval}}" duration微信小程序 swiper自适应图片的高度
<view class="page-section page-section-spacing swiper"> <swiper indicator-dots="{{indicatorDots}}" bindchange="swiperChange" autoplay="{{autoplay}}" interval="{{interval}}" duration=&qu微信小程序之swiper组件高度自适应
原文链接：https://www.cnblogs.com/wangyihong/p/8610956.html 要求： （顶部广告栏 ） 改变swiper组件的固定高度，使之随内部每张图片的高度做自适应 原理： 图片加载完之后，获取图片的原始宽高，根据宽高比，计算出适应后的宽高，如果是适应屏幕宽度的微信小程序实现banner图轮播（动态获取数据），自动获取图片高度
效果图： indicator-active-color="#007aff"//修改选中图片圆点的颜色 js: const app = getApp() Page({ data: { //-----------模拟banner图----------- imgUrls: [ '/image/1545118381903.jpg', '/image/1545118566631.jpg' ],