Fxiaoke Developer Manual Fxiaoke Developer Manual
  • APL Development Manual
  • PWC Development Manual
  • OpenAPI Documentation
  • Custom Components (PC)
  • Custom Components (Mini Program)
  • Custom Plugins (PC)
  • Custom Plugins (Mini Program)
  • Third-party Integration Plugins (H5)
  • API (PC)
  • API (Mini Program)
  • Fx DevTools
Update Log
  • 简体中文
  • English
  • Custom Components (PC)
  • Custom Components (Mini Program)
  • Custom Plugins (PC)
  • Custom Plugins (Mini Program)
  • Third-party Integration Plugins (H5)
  • API (PC)
  • API (Mini Program)
  • Fx DevTools
Update Log
  • 简体中文
  • English
  • Getting Started

  • Components

    • Component Overview

    • FSC UI Components

      • Webview Container
      • Image Component
      • WeChat UI Components

      • Business Components

    • Mini Program Framework

    • Examples

    Table of Contents

    Image Component

    # Functional Description

    A component that directly displays images in NPath/TN_Path/https formats.

    # Parameters

    Parameter Description Type Optional Values Default
    src NPath/TN_Path/https image string — —
    imgStyle Image style string — —
    placeholder Default placeholder image (optional) string — —

    # Code Example

    This method returns a Promise object. Example:

    {
        "component": true,
        "usingComponents": {
          "fs-image":"ava-ui/fxui/FsImage/FsImage"
        }
    }
    
    <fs-image
        src="{{ nPath || tnPath}}"
        imgStyle="width: 112rpx;height: 112rpx;border-radius: 8rpx;"
        placeholder="{{placeholderImage}}"/>
    
    Webview Container
    Action Sheet

    ← Webview Container Action Sheet→

    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式