在HarmonyOS平台上制作信息卡片展示滚动展示图
发布时间
阅读量：
阅读量
在HarmonyOS系统中，若需实现上述类似的卡片式轮播图展示效果，官方已内置swiper组件作为支持，然而该组件并未设置可以直接用于配置卡片式轮播图的属性，同时其提供的示例代码中也未包含此类效果的实现方式。不过，通过合理运用相关属性并结合基础的JavaScript逻辑，开发者仍可完成该功能的实现。以下为具体代码示例：
@Component
export struct CardSwiper {
@State currentIndex: number = 0
@State swiperWidth: number = 0;
picture: string[] = ['', '', '', ''] // 图片列表
getItemHeight(index: number): string {
if (index === this.currentIndex) {
return '100%'
} else {
r全部评论 (0)
还没有任何评论哟~