loading-cli

命令行 loading 效果
授权协议 MIT
开发语言 JavaScript
所属分类 手机/移动开发、 Android UI 组件
软件类型 开源软件
地区 国产
投 递 者 周翰池
操作系统 Android
开源组织
适用人群 未知
 软件概览

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

  • 内网服务器不能连接外网 登录后提示'abrt-cli status' timed out 修改执行source /etc/profile修改环境变量也会提示'abrt-cli status' timed out 进行过的时间同步的配置,以及安装了postgresql的依赖以及软件的安装, 第一次出现是配置了postgresql数据库后修改环境配置,执行生效时提示的,之后连登录也会提示。 试过执行s

  • 1. Vue-cli2 升级到 Vue-cli3+ 1.1 卸载旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.> x),需要先卸载它。 npm uninstall vue-cli -g // 或 yarn global remove vue-cli 1.2 node 配置 Vue CLI3+ 需要

  • 当我想在没有 gpu 的环境调试一个支持 cuda 的容器时 nvidia-container-cli: initialization error: nvml error: driver not loaded: unknown 解决办法是增加 NVIDIA_VISIBLE_DEVICES=void 环境变量,让容器继续执行不报无 gpu 错误 docker run -e NVIDIA_VISIB

  • 在命令行中使用命令 npm run dev运行从网上下载的一个vue项目时出现了以下报错: npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! ruoyi@3.6.0 dev: `vue-cli-service serve` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the ruoyi@3

 相关资料
  • 加载提示的过渡效果。 支持 安装 $ npm install universal-loading --save 方法 show(options) 显示 loading 提示框。 参数 属性 类型 默认值 必选 描述 支持 content String √ 提示中的文字内容 delay Number 0 x 延迟显示,单位 ms mask Boolean false x 是否显示透明蒙层,防止触摸穿

  • 简介 <loading> 为容器提供上拉加载功能。 注意 <loading> 是 <scroller>、<list>、<waterfall> 的子组件,只能在被它们包含时才能被正确渲染。   <scroller> <div v-for="num in lists"> <text>{{num}}</text> </div> <loading> <text>Loading<

  • 加载,提供了可自定义大小的加载动画。 示例 图标大小 默认大小为24px,可通过size属性配置 <cube-loading></cube-loading> <cube-loading :size="28"></cube-loading> <cube-loading :size="40"></cube-loading> Props 配置 参数 说明 类型 默认值 size 加载图标的大小,单位p

  • 这种的loading效果怎么实现,如下图: 希望能够实现上图中loading的效果

  • Weex 加载提示组件 规则 让用户知道页面正在加载 在某些特定场景下,提供有意义的文案,帮助用户明白哪个任务正在进行中 局部 Loading 不建议设置太大 Demo 使用方法 <template> <div> <wxc-loading :show="isShow" type="trip"></wxc-loading> <wxc-part-loading

  • 描述 (Description) 在延迟加载中,即使未声明变量,也可以使用变量。 例子 (Example) 以下示例演示了在LESS文件中使用lazy loading of variable - <html> <head> <link rel = "stylesheet" href = "style.css" type = "text/css" /> <title>L