HarmonyOS鸿蒙开发指南:容器组件 swiper开发指导

人工智能_SYBH

已于 2024-01-09 22:01:14 修改

阅读量1.3k

点赞数 20

分类专栏： 2025年鸿蒙开发入门到实战(含101个实战项目) 文章标签： harmonyos 华为鸿蒙系统鸿蒙开发 swiper

于 2024-01-09 17:53:35 首次发布

本文链接：https://blog.youkuaiyun.com/m0_68036862/article/details/135457380

版权

2025年鸿蒙开发入门到实战(含101个实战项目) 专栏收录该内容

396 篇文章 ¥99.90 ¥299.90

订阅专栏

本文档是HarmonyOS鸿蒙系统的Swiper组件开发指南，涵盖了创建组件、添加属性、设置样式、绑定事件以及场景示例。通过示例，开发者可以了解如何实现轮播图功能，包括自动播放、数字导航点、事件监听等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建Swiper组件

在pages/index目录下的hml文件中创建一个Swiper组件。

<!-- xxx.hml-->
<div class="container">
  <swiper>
    <div class="item" style="background-color: #bf45ea;">
      <text>item1</text>
    </div>
    <div class="item" style="background-color: #088684;">
      <text>item2</text>
    </div>
    <div class="item" style="background-color: #7786ee;">
      <text>item3</text>
    </div>
  </swiper&

了解本专栏