Home>Programming related>Third-party components
Download

home

easyUI

A simple and easy-to-use WeChat mini-program group library that encapsulates commonly used components in development, improves development efficiency, and maintainability of code. Go beyond the limits of one line of code and experience the development method out of the box. The default configuration can meet most needs, and in special cases, relevant attributes can be customized to meet needs.

Any component in the component library can be used alone and does not rely on any component. You can add the components that are actually used according to business needs, making your applet smaller and smaller.

Design API and API documentation according to official components, which is very easy to get started and is very friendly to novices.

Basic library version

Please use the basic library above 1.9.90.

How to use

Open the project, select the required component (the component is located in the component directory), and copy the folder containing the 4 files of the component into your project.
Then quote it in the code of your project. For detailed citation instructions, please check the official mini program documentation.

Scan the code to view the API document

home

Run the project

  1. Go to the project root directory.
  2. Enter the node official website to download node and install it (please omit this step if it has been installed).
  3. Open the command line (cmd/terminal) in the project root directory and run npm install . I saw no error prompts in the command line, and there is an additional node_modules directory in the project root directory.
  4. Use the WeChat developer tool to open the project (if it is already opened, please omit this step).
  5. Click on the upper left corner of WeChat Developer Tools, Tools -> Build npm. The prompt is that after the construction is completed, you will see that there is an additional miniprogram_npm directory in the project root directory.
  6. Click the "Compile" button of WeChat developer tool and you can see that the project is running:blush:.

Component Directory

Component name path illustrate
icon_button component/button/icon_button Button with icon
base_list component/list/base_list List items with title and subtitle
title_view component/structure/title_view View with title
base_button component/button/base_button Button
head_portrait component/base/head_portrait avatar
Search component/form/search List items with title and subtitle
enhance_text component/base/enhance_text Enhanced text
enhance_view component/base/enhance_view Enhanced view
icon_list component/list/icon_list Icon list can meet most list needs
enhance_icon component/base/enhance_icon Enhanced icon, can be used to display icons or images
goods_card component/senior/goods_card Product display card
goods_detail component/senior/goods_detail Product details display
suspension_button component/button/suspension_button Floating button
count_button component/form/count_button Count button
modal component/senior/modal Modal Box
goods_list component/list/goods_list Product List
sidebar component/senior/sidebar Sidebar menu
enhance_image component/base/enhance_image Enhanced image, can be used in scenes where background images are required
head_view component/structure/head_view View with header title bar
base_card component/list/base_card Basic card components
tabs component/senior/tabs Tag bar
load_more component/base/load_more Load more components
loading component/base/loading Loading animation components
popup component/senior/popup Pop-up box component
Checker component/form/checker Option component, commonly used for product specification selection
progress_bar component/base/progress_bar Progress bar component
icon component/base/icon Icon Component
Transition component/base/transition Excessive effect components

Version Description

v1.3.0 last

  • Added components
  1. progress_bar
  2. icon
  3. Transition
  • Fix & Optimize
  1. Optimize applets

v1.2.1

  • Added components
  • Fix & Optimize
  1. Optimize the mini program and add a discovery page
  2. Optimize the suspension_button component, add the openType attribute to be compatible with the special usage scenarios of native button components
  3. Optimize the suspension_button component, add img-cus custom class, which can be used in scenarios where Alibaba icon library is used
  4. Optimize the icon_button component and increase support for the form-type and open-type attributes of the native button components of applets
  5. Add custom slot bottom at the bottom of the goods_detail component
  6. Fixed the bug where the loading component set width and height attributes did not work
  7. Fixed the bug where the selected attribute of the tabs component displays exceptions when the interface is used for data binding.
  8. Fixed the style issue of icon_button component
  9. Fixed the tabs component bug caused by the upgrade of the basic library version
  10. Fixed the bug that triggered the click event when the suspension_button component is moved
  11. Fix the bug in the cus custom class of the enhance_image component

v1.2.0

  • Added components
  • Fix & Optimize
  1. The goods_detail component supports video display
  2. Search component bug fix

v1.1.0

  • Added components
  1. tabs
  2. load_more
  3. loading
  4. popup
  5. Checker
  • Fix & Optimize
  1. The modal component close button supports Alibaba icon library
  2. icon_button added dataCus attribute
  3. Fixed the bug that the sidebar component does not display when using setData to update data
  4. Added dataCus attribute and selected attribute on the sidebar
  5. Search adds onclean event function
  6. goods_card new dataCus attribute
  7. goods_list adds dataCus attribute
  8. Tabs component optimization
  9. Suspension_button component click event does not trigger bug fix
  10. Fixed text layout problem when suspension_button component does not use icons
  11. The goods_detail component has added a new click on the banner image to preview the image and style optimization
  12. Base_list component custom style class bug fix
  13. The icon_button component has added a badge effect, which can be set through the badge attribute, and supports the use of Alibaba icon library to customize the class settings using cus-icon

v1.0.7

  • Added components
  1. goods_list
  2. sidebar
  3. enhance_image
  4. head_view
  5. base_card
  • Fix & Optimize
  1. The search component has added a default search icon.
  2. Search component deletes the clear icon.
  3. enhance_text supports the introduction of icons using the Alibaba icon library (adding icon-cus custom style class).
  4. enhance_icon supports the introduction of icons using Alibaba icon library.
  5. enhance_icon adds color attribute.

about

Written at the end

Before using the component, please check the interface provided by the component in detail.
Viewing method: Open the applet selection page and click the "Detailed Description" button below the corresponding component.

Buy a cup of coffee for the author

pay

Expand
Additional Information
Related Applications
Recommended for You
Related Information All