npm 包 mofron-comp-impreimg 使用教程

阅读时长 2 分钟读完

介绍

mofron-comp-impreimg 是一个基于 mofron 的前端组件,用于在图片加载完成前显示一个预加载的图片。

安装

使用 npm 安装:

使用

在应用程序中引入 mofron 和 mofron-comp-impreimg,然后创建一个组件实例:

-- -------------------- ---- -------
----- --- - ------------------
----- -------- - --------------------------------

--- --- - --- ------------
    ------ --- ----------
        ------ ------------------
        -------- -----------------
    --
---

参数

param

  • 类型: string
  • 默认值: undefined
  • 描述: 要加载的图片的 URL。

preload

  • 类型: string
  • 默认值: "./preloader.gif"
  • 描述: 预加载图片的 URL。

config

  • 类型: object
  • 默认值: {}
  • 描述: 用于设置 img 标签属性的对象。例如:{ width: "100%", height: "auto" }。

示例代码

-- -------------------- ---- -------
----- --- - ------------------
----- -------- - --------------------------------

--- --- - --- ------------
    ------ --- ----------
        ------ ------------------
        -------- ------------------
        ------- -
            ------ -------
            ------- ------
        -
    --
---

结论

mofron-comp-impreimg 很容易使用,可以使用户在等待图像加载完成时提供一些视觉上的反馈。它还提供了一些配置选项,可用于进一步定制组件。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055fc581e8991b448dd2ae

纠错
反馈