love-ghost-ui v0.1.3

使用 方法

npm i love-ghost-ui 安装 

在main 入口文件中注册

import loveGhostUi from "love-ghost-ui";
import "love-ghost-ui/lib/love-ghost-ui.css";
Vue.use(loveGhostUi);

在需要使用的路由或组件中使用 组件一

  <vue-message ref="msg"  :styles="styles"></vue-message>

  styles: 是一个东西传递样式结构信息,最好默认传递一个 width 

  在ref中触发字对象绑定的值 即可调用当前插件的自定义方法

  this.$refs.msg.showMessage("error","",3000);

  /*
    参数介绍 "error": 错误提示 "success":成功
    参数二 : "提示的信息" 
    参数三 : 提示信息消失的时间
  */

效果演示

错误提示：

http://www.appchar.cn/image/error.png

成功提示：

http://www.appchar.cn/image/success.png

组件二 是一款数字滚动效果组件

使用

<vue-digital-scroll :FinishValue="'1,216,765,756,300'" 
:style='{"color":"red"}' :emTime=".6"></vue-digital-scroll>

emTime 是执行动画的时间

FinishValue 执行的数字 可是字符串 || 数值

style 定义样式字体颜色

组件三 这是一个 scroll-view 组件

使用

  事件接收 @scroll-view-actions="你的事件" styles ：定义的样式结构是一个 对象 {} 固定存在 

  固定存在： styles：{
    overflow: 'hidden',
    overflowY: 'scroll',
  }
  <scroll-view :styles="styles" @scroll-view-actions="scrollViewActions">
    <div slot="content">
      <!-- 内容 ： 你的任意内容-->
    </div>
  </scroll-view>

notification-provider 组件 消息推送

<notification-provider ref='notification' />
this.$refs.notification.$nexter(title,type,content);