loading-cli 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
loading-cli 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
loading-cli 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
loading-cli 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
loading-cli 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 Android
软件类型 开源软件
开源组织
地区 国产
投 递 者 小弟调调
适用人群 未知
收录时间 2018-01-20

软件简介

命令行loading效果。


安装

$ npm install --save loading-cli

使用

const loading =  require('loading-cli');
const load = loading("loading text!!").start()

setTimeout(function(){
    load.color = 'yellow';
    load.text = ' Loading rainbows';
},2000)

// stop
setTimeout(function(){
    load.stop()
},3000)

通过 colors-cli 自定义文字颜色

const color = require('colors-cli/toxic');
const loading =  require('loading-cli');

const load = loading("loading text!!".blue).start();
// stop
setTimeout(function(){
    load.stop()
},3000)

API

loading([options|text])

options

load({
    "text":"loading text!!",
    "color":"yellow",
    "interval":100,
    "stream": process.stdout,
    "frames":["◰", "◳", "◲", "◱"]
})

text

Type: string Text to display after the spinner.

loading("loading text!!")

color

Values:black red green yellow blue magenta cyan white gray

frames

["◰", "◳", "◲", "◱"]
["◐", "◓", "◑", "◒"]
[".", "o", "O", "°", "O", "o", "."]
["⊶", "⊷"]
["ဝ", "၀"]
["←", "↖", "↑", "↗", "→", "↘", "↓", "↙"]

Instance

.start([text])

动画开始,并返回实例。

.stop()

停止动画,返回实例。

.clear()

清除动画,返回实例。

.succeed([text])

停止动画, 将其更改为绿色 v(对勾) 并保留当前文本或文本(如果提供),返回实例。

.fail([text])

停止动画,将其改为红色 x 并坚持当前的文本或文本(如果提供)。 返回实例。

.warn([text])

停止微调,将其改为黄色 emjoi 感叹号,并坚持当前文本或文本(如果提供)。 返回实例。

.info([text])

停止微调,将其改为蓝色 i,并坚持当前的文本或文本(如果提供)。 返回实例。

.render()

手动渲染一个新的动画效果。 返回实例。

.frame()

获取一个新的动画实例。

.text

改变文本。

.color

改变loading动画颜色。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
发表于大前端专区
2018/01/21 21:05

loading-cli 1.0.6 发布,命令行 loading 效果

loading-cli 1.0.6 发布,命令行loading效果。 更新内容 ee2991b - 修复参数frames无效.

1
8
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于服务端专区
2018/09/20 14:32

LOADING Redis is loading the dataset in memory

Redis出现错误 LOADING Redis is loading the dataset in memory 原因1:redis中dump.rdb文件到达3G时,所有redis的操作都会抛出此异常。解决方法:redis.conf中 maxmemory 调大,同时开启转换功能 maxmemory 3GB maxmemory-policy allkeys-lru 原因2:另外一个原因是当Redis重启后,需要将持久化数据重新写入也会报这个错,等预热之后就正常了。 原因3:服务器内存不够...

0
0
发表了博客
2015/04/02 12:52

Loading

我们先一起看下原gif图效果: 从效果上看,我们需要考虑以下几个问题: 1.叶子的随机产生; 2.叶子随着一条正余弦曲线移动; 3.叶子在移动的时候旋转,旋转方向随机,正时针或逆时针; 4.叶子遇到进度条,似乎是融合进入; 5.叶子不能超出最左边的弧角; 7.叶子飘出时的角度不是一致,走的曲线的振幅也有差别,否则太有规律性,缺乏美感; 总的看起来,需要注意和麻烦的地方主要是以上几点,当然还有一些细节问题,比如最左边是...

0
1
发表于服务端专区
2018/08/22 15:25

LOADING Redis is loading the dataset in memory

(error) LOADING Redis is loading the dataset in memory 异常状况描述: redis中dump.rdb文件到达3G时,所有redis的操作都会抛出此异常。 原因: maxmemory默认是3G 。 解决方法: 1、修改 redis.conf中 maxmemory <5368709120> 设置大一些,比如5G,30G等。 2、删除 dump.rdb文件,默认在 ./redis-server 同目录下。...

0
0
发表了博客
2016/02/02 17:06

first loading

过年回家,让完善项目!压力甚大!

1
0
发表了博客
2018/03/14 06:58

Loading 加载

加载数据时显示动效。 区域加载 在表格等容器中加载数据时显示。 Element 提供了两种调用 Loading 的方法:指令和服务。对于自定义指令v-loading,只需要绑定Boolean即可。默认状况下,Loading 遮罩会插入到绑定元素的子节点,通过添加body修饰符,可以使遮罩插入至 DOM 中的 body 上。 1 <template> 2 <el-table 3 v-loading="loading" 4 :data="tableData" 5 style="width: 100%"> 6 <el-table...

0
0
发表了博客
2019/08/22 14:56

dva-loading

过渡组件 dva-loading 传统做法 比如请求一个用户页面,刚进去的时候由于要去服务器请求数据需要花费时间,这段时间页面应该是不能点击的状态。 如果不使用这个组件,传统做法是写个蒙版组件,提供两个方法 start() 和 end(),当进行 ajax 请求开始时调用 start() 方法给整个页面加上一层蒙版,此时不能进行操作,在请求结束也就是 ajax 的 success 回调函数中调用 end() 方法关闭蒙版,表明数据已经请求到了,可以操作页面。 ...

0
0
发表了博客
2020/04/29 09:14

Flutter loading

如何和原生APP系统自带的一样实现一个通用的loading? 有多种实现方式,这里举例两种: 第一:用Overlay 1 Directionality( 2 child: Overlay( 3 initialEntries: [ 4 OverlayEntry( 5 builder: (BuildContext _context) { 6 return 自定义widget; 7 }, 8 ), 9 ], 10 ), 11 textDirection: TextDirection.ltr, 12 ); 第二:用Dialog WillPopS...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
8 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部