0.0.30 • Published 3 years ago

ng-midu-components v0.0.30

Weekly downloads
181
License
-
Repository
-
Last release
3 years ago

NgMiduComponents


title: 全局组件库

组件列表

组件名说明
dropdown下拉菜单组件
avatar头像组件
auth微博认证组件
emot情绪类型组件
video视频播放组件

dropdown 下拉菜单组件

dropdown是为了优化列表中带有下拉菜单的渲染速度而创建的,需要挂载一个元素作为按钮,可以用< button>、< a>、iconfont图标等,组件有一个option插槽,用于放置下拉内容。miMenuItem是下拉内容的鼠标略过点击指令,会给元素加上一个mi-dropdown-menu-itemclass类,我们可以给这个类自定义样式。 组件可以根据元素在屏幕中的位置自适应显示下拉框方向。

avatar 头像组件 和 auth 微博认证组件 emot 情绪类型组件 组合使用

avatar组件是为了能够挂载类似微博认证、情绪标签等元素而创建的,可以使用[userUrl]设置没有图片的情况下的默认图片,可以使用[size]设置头像的大小。有些数据没有头像图片,可以通过type插槽可以设置来源类型头像,同时需要加上miAvatarType这个指令为type插槽加上一个样式类mi-avatar-type

video 视频播放组件

指令名说明
clickOutside点击元素以外的地方

clickOutside 点击元素以外区域的方法

可用于需要点击指定元素以外的区域来隐藏元素的需求。

管道名说明
miFilesize转换文件大小格式
miNumberFormat转换数字超过千位数显示对应的单位来缩写数字
miFilter可用于搜索提取内容

miFilesize 转换文件大小格式

可用于需要将表示文件大小的数字转换为更为易读的格式,比如:1024 转换为 1MB。

miNumberFormat 转换数字超过千位数显示对应的单位来缩写数字

可用于数字比较长的场景,超过千位数用,千、万、亿来表示

miFilter 可用于搜索提取内容

0.0.30

3 years ago

0.0.27

3 years ago

0.0.28

3 years ago

0.0.29

3 years ago

0.0.26

3 years ago

0.0.25

3 years ago

0.0.23

3 years ago

0.0.24

3 years ago

0.0.22

3 years ago

0.0.21

3 years ago

0.0.20

3 years ago

0.0.18

3 years ago

0.0.19

3 years ago

0.0.17

3 years ago

0.0.16

3 years ago

0.0.15

3 years ago

0.0.13

3 years ago

0.0.14

3 years ago

0.0.12

3 years ago

0.0.11

3 years ago

0.0.10

3 years ago

0.0.9

3 years ago

0.0.8

3 years ago

0.0.2

3 years ago

0.0.7

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.6

3 years ago

0.0.3

3 years ago

0.0.1

3 years ago