命令行 loading 效果 loading-cli

码农软件 · 软件分类 · Android UI 组件 · 2019-04-23 14:13:10

软件介绍

命令行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动画颜色。

本文地址:https://codercto.com/soft/d/4213.html

CSS实战手册

CSS实战手册

David Sawyer McFarland / 俞黎敏 / 电子工业出版社 / 2007-07-01 / 68.00元

CSS是一场革命 借用quirksMode的PPK(Peter-Paul Koch)的话来说:CSS是一场革命。 Ajax的浪潮正在逐步改变着Web开发的方式。谈到Ajax,开发人员似乎更注重于 XMLHttpRequest 和 JavaScript ,而淡忘了Ajax还有一个重要的组成部分 CSS。 事实上,CSS和DOM、xHTML以及粘合它们的JavaScript密不可分,......一起来看看 《CSS实战手册》 这本书的介绍吧!

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

html转js在线工具
html转js在线工具

html转js在线工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具