<!-- 轮播图 --> <swiper indicator-dots="true" class="swiper"> <swiper-item> <image src="../images/1.jpg" class="slide-image" mode="aspectFill" /> </swiper-item> <swiper-item> <image src="../images/2.jpg" class="slide-image" mode="aspectFill" /> </swiper-item> </swiper> .slide-image { 750rpx; height: 300rpx; } .swiper { height: 300rpx; 100%; } .swiper image { height: 100%; 100%; }
<!-- 横向拉动 横幅 --> <scroll-view class="scroll-view_H" scroll-x="true" style=" 100%"> <view class="scroll-view-item_H">1</view> <view class="scroll-view-item_H">2</view> <view class="scroll-view-item_H">3</view> <view class="scroll-view-item_H">4</view> </scroll-view> .scroll-view_H{ white-space: nowrap; } .scroll-view-item_H{ display: inline-block; 100%; height: 200px; }