love-ghost-ui
v0.1.3
Published
love-ghost-ui
Downloads
2
Readme
使用 方法
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);