html52.com
我爱小程序-开发者交流社区

小程序UI组件库(easyUI)

小程序组件库

在最后

使用组件前请详细查看组件提供的接口。
查看方法:打开小程序选择页面,点击对应组件下方的“详细说明”按钮。

扫码查看api文档

easyUI

一款简单易用的微信小程序组库,封装开发中常用的组件,提高开发效率,以及代码的可维护性。 超越一行代码的极限,体验开箱即用开发方式。默认配置即可满足大部分需求,特殊情况可自定义相关属性来满足需求。

组件库中的任何一个组件都可以单独使用,不依赖任何组件,可以根据业务需求添加真正使用到的组件,让您的小程序一小再小。

根据官方组件设计api以及api文档,及其容易上手,对新手十分友好。


基础库版本

请使用1.9.90以上的基础库。

使用方法

打开项目,选择需要的组件(组件位于component目录下),将包含组件4个文件的文件夹复制到您的项目中。
然后在您项目的代码中引用即可,详细引用说明请查看小程序官方文档

组件目录

组件名 路径 说明
icon_button component/button/icon_button 带图标的按钮
base_list component/list/base_list 带有标题和副标题的列表项
title_view component/structure/title_view 带有标题的view
base_button component/button/base_button 按钮
head_portrait component/base/head_portrait 头像
search component/form/search 带有标题和副标题的列表项
enhance_text component/base/enhance_text 增强text
enhance_view component/base/enhance_view 增强view
icon_list component/list/icon_list 图标列表,可满足大部分列表需求
enhance_icon component/base/enhance_icon 增强icon,可用于展示图标或图片
goods_card component/senior/goods_card 商品展示卡
goods_detail component/senior/goods_detail 商品详情展示
suspension_button component/button/suspension_button 浮动按钮
count_button component/form/count_button 计数按钮
modal component/senior/modal 模态框
goods_list component/list/goods_list 商品列表
sidebar component/senior/sidebar 侧边栏菜单
enhance_image component/base/enhance_image 增强image,可用于需要背景图片的场景
head_view component/structure/head_view 带有头部标题栏的view
base_card component/list/base_card 基础卡片组件
tabs component/senior/tabs 标签栏
load_more component/base/load_more 加载更多组件

版本说明

v1.1.0 last

  • 新增组件
  1. tabs
  2. load_more
  • 修复&优化
  1. modal组件关闭按钮支持阿里图标库
  2. icon_button新增dataCus属性
  3. 修复sidebar组件使用setData更新数据时候不显示的bug
  4. sidebar新增dataCus属性
  5. search新增onclean事件函数
  6. goods_card新增dataCus属性
  7. goods_list新增dataCus属性
  8. tabs组件优化

v1.0.7

  • 新增组件
  1. goods_list
  2. sidebar
  3. enhance_image
  4. head_view
  5. base_card
  • 修复&优化
  1. search组件新增默认搜索图标。
  2. search组件删除清除图标。
  3. enhance_text支持使用阿里图标库引入图标(增加icon-cus自定义样式类)。
  4. enhance_icon支持使用阿里图标库引入图标。
  5. enhance_icon新增color属性。

v1.0.6

  • 新增组件
  1. goods_card
  2. goods_detail
  3. suspension_button
  4. count_button
  5. modal
  • 修复&优化
  1. 删除enhance_icon组件插槽。
  2. 修复小程序base_button的详细说明不正确的bug。
  3. search组件新增focus属性。
  4. base_button新增filling2主题。
  5. icon_button删除size属性,新增width和height属性。

v1.0.5

  • 修复&优化
  1. 修复enhance_icon在手机上无法显示图片的bug。
  2. 将icon_list的subTitle属性默认值由24调整到28。
  3. 将icon_list的detail属性默认值由22调整到24。

关于

  • 作者:code_xia
  • 个人邮箱:zwj865738120@163.com
  • 单位:搜空集团

写在最后

使用组件前请详细查看组件提供的接口。
查看方法:打开小程序选择页面,点击对应组件下方的“详细说明”按钮。

扫码查看api文档

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付