加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 1.79 KB
一键复制 编辑 原始数据 按行查看 历史
张小白97 提交于 2022-04-19 08:01 . update README.md.

PhotoCkSlider_ohos

本项目是基于开源项目 PhotoCkSlider_ohos进行鸿蒙化的移植和开发的,通过项目标签以及github地址( https://github.com/tudousi/ck_slide )追踪到原安卓项目版本

项目介绍

  • 项目名称:图片轮播组件
  • 所属系列:鸿蒙的第三方JS组件适配移植
  • 功能: 完成组件的图片导入。 完成组件轮播图的UI移植 完成组件的轮播效果移植。 同时可以左右进行图片切换轮播效果 可以根据按钮选择上一张图、下一张图、也可以直接跳到最后一张图,同时拥有渐变的效果,也就是淡入淡出效果
  • 项目移植状态:主功能
  • 调用差异:无
  • 开发版本:sdk8,DevEco Studio3.0 beta3
  • 项目发起作者:张馨心
  • 邮箱:1061053450@qq.com
  • 原项目Doc地址:https://github.com/tudousi/ck_slide

项目介绍

  • 编程语言:JS

    图片轮播组件

使用说明

1.CkSlider是一种基于鸿蒙JS的的实现播放多个广告图片和手动滑动循环等功能的界面,功能已满足大部分要求。本组件有部分方法调用鸿蒙原生方法体。

2.使用方法

    //最后一张
    swipeTo() {
        this.$element('swiper').swipeTo({index: 2});
    },
    //下一张
    showNext() {
        this.$element('swiper').showNext();
    },
    //上一张
    showPrevious() {
        this.$element('swiper').showPrevious();
    },
    onload: function(data) {
        this.width = data.width;
        this.height = data.height;
    }

效果演示

image

版权和许可信息

CkSlider_ohos经过Apache License, version 2.0授权许可.

马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化