Overview

Introduction

Mini Program extended component library provides important additional capabilities on the basic component library basis. The extended component library contains a set of open-source UI components, which are developed on the basis of Mini Program custom component specifications. Mini Program developers can reuse the extended components rapidly.

Installation

Use the following sample code to install the dependency:

copy
$ npm install mini-ali-ui --save

Procedures

To use the component, complete the following steps:

  1. Register the component in JSON file of the related page. For example, the title component registration is as below:
copy
{

  "usingComponents": {

    "title": "mini-ali-ui/es/title/index"
  }
}

If you install the rpx version of the extended component library, modify the component name during registration:

copy
{

  "usingComponents": {

    "title": "mini-ali-ui-rpx/es/title/index"
  }

}
  1. Call the component in the AXML file.
copy
<title

  hasLine="true"

  iconURL="https://example.com/images/T1HHFgXXVeXXXXXXXX.png"

  type="close"

  onActionTap="titleClose"

>the internal title can be closed 
</title>

Version upgrade

Upgrade UI component version by using the following command:

copy
$ npm update mini-ali-ui --save

Note:

The latest version is 1.3.0.