小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我尝试用swiper，发现swiper组件的高度是不能改变的。
请问如何实现通过左滑右滑切换页面？能否修改swiper组件的高度？
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
swiper组件的高度不能改变是指？
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
1、以下只是随手写的，自己去验证：
最外面一个view，flex，column，100%height
里面一个swiper，flex:1
swiper-item里用scroll-view scroll-y 100%
仅思路，慢慢调吧。
wxml
<view class="a">
<swiper class="b">
<swiper-item class="c">
<scroll-view class="d" scroll-y="true">a</scroll-view>
</swiper-item>
<swiper-item>
<view>b</view>
<view>c</view>
</swiper>
</view>
-------------------------------------------
wxss
.a{
width: 100%;
height: 100%;
}
.b{
flex:1
.d{
background-color: blanchedalmond;
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
swiper组件的高度不能改变是指？
1、以下只是随手写的，自己去验证：
最外面一个view，flex，column，100%height
里面一个swiper，flex:1
swiper-item里用scroll-view scroll-y 100%
仅思路，慢慢调吧。
wxml<view class="a"><swiper class="b"><swiper-item class="c"><scroll-view class="d" scroll-y="true">a</scroll-view></swiper-item><swiper-item><view>b</view></swiper-item><swiper-item><view>c</view></swiper-item></swiper></view>-------------------------------------------wxss.a{width: 100%;height: 100%;}.b{flex:1}.d{background-color: blanchedalmond;width: 100%;height: 100%;}