搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏ionic3+
【Appetite】ionic3实录（七）次页实现及分析解决问题【下】
问题三：
标签内容能否换成注释掉的<ion-slides>内容？这是当然可以的，因为ion-slides组件组件最终也是生成
标签代码。问题三的延伸：既然ion-slides已经是封装起来的控件了，我们用它不是可以省掉不少代码？是的，在大多场景中可以直接用ion-slides，只是会有个别坑要解决，比如我们改动下ts和html文件。 > 这样当新数据有值且长度大于0时，才会显示ion-slides组件，进而内部进行初始化，此时运行看效果如下，只是此时有个比较突兀的2图向3图切换效果，有兴趣的可以试试： ?
1.9K20发布于 2018-08-20
来自专栏ionic3+
【技巧】ionic3独享滚动区域之滑动segment
在这里，我示范使用ion-slides作为容器层来实现： html部分： <ion-header no-border> <ion-toolbar> <ion-segment mode="md 标题2 </ion-segment-button> </ion-segment> </ion-toolbar> </ion-header> <ion-content> <<em>ion-slides</em> onSlideDidChange()"> <ion-slide> 列表1 </ion-slide> <ion-slide> 列表2 </ion-slide> </ion-slides 此时试着运行可以看到效果，只是此时的效果并不是想要的效果，因为ion-slides是默认居中，且禁用垂直滚动的！ *注意：这里为了演示独享滚动条使用了ion-slides，实际应用上我更喜欢用swiper.js，因为ion-slides总有些奇奇怪怪的情况出现，就像我在【Appetite】ionic3实录（七）次页实现及分析解决问题
2.2K20发布于 2018-08-20
来自专栏ionic3+
【Appetite】ionic3实录（七）次页实现及分析解决问题【上】
-- <ion-slides centeredSlides="true" slidesPerView="2" initialSlide="1" zoom="false" > <ion-slide *ngFor="let item of vm.dessertSlides"> </ion-slide> </ion-slides
标签内容能否换成注释掉的<ion-slides>内容？此为问题三。
93950发布于 2018-08-20

【Appetite】ionic3实录（七）次页实现及分析解决问题【下】

【技巧】ionic3独享滚动区域之滑动segment

【Appetite】ionic3实录（七）次页实现及分析解决问题【上】

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐