提示框
/**
** msgTest{string} 信息
** msgTimer{number} 提示框出现时间
** msgColor{string} 提示框颜色
** msgAxis{string} 提示框出现方向 leftTop rightTop centerTop leftBottom centerBottom rightBottom
** xNum{string} x轴距离 px % rem ...
** yNum{string} y轴距离 px % rem ...
** zIndex{string} 该元素层级
**/
binyui.TipShow('显示信息', {
msgTimer: 5,
msgColor: '#000',
msgAxis: 'centerBottom',
xNum: '1%',
yNum: '1%',
zIndex: '99999'
});
弹窗公告
/**
** title{string} 公告标题
** message{Array} 公告内容
** width{string} 元素宽度
** height{string} 元素高度
** amin{string} 元素出场动画
** zIndex{string} 该元素层级
**/
binyui.Notice({
title: '公告',
message: [
'我是一条公告我是一条公告我是一条公告',
'我是一条公告我是一条公告我是一条公告我是一条公告我是一条公告',
'11111111',
'22222222222222222222222',
]
}, {
width: '500px',
height: '500px',
amin: 'fadeInDown',
zIndex: '9999'
});
图片箱
/**
** callback{fn} 回调事件
** imgBoxId{string} 图片箱ID
**/
binyui.ImgShow(function(){}, 'BinyImgBoxId');
轮播图
/**
** BinySilderImg{Array} 用户自定义轮播图数组
** BinySilderSetting{Object} 用户自定义设置
**/
binyui.Silder([
'https://photo.scol.com.cn/items/201911/19110310242748200010DFE2.jpg',
'https://photo.scol.com.cn/items/201911/191113090348628000111B8D.jpg',
'https://photo.scol.com.cn/items/201911/191113090212018000111B8C.jpg'
], {
SilderId: '.BinySilderDemo', //要放置轮播图的盒子ID
SilderTimer: true, //轮播图定时器开启
SilderTimes: 3, //轮播图每3秒下一张
SilderWidth: '1000px', //轮播图盒子宽度
SilderHight: '500px', //轮播图盒子高度
SilderImgSize: 'cover', //轮播图平铺方式
SilderImgRadius: '0px', //轮播图圆角
SilderLeftAmin: 'bounceInUp', //点击上一张动画类名（Animation.css）
SilderLeftAminTime: '1s', //点击上一张动画做的时长
SilderRightAmin: 'bounceIn', //点击下一张动画类名（Animation.css）
SilderRightAminTime: '1s', //点击下一张动画做的时长
SilderHideAmin: 'fadeOut', //动画消失类名（Animation.css）
SilderHideAminTime: '1s', //动画消失做的时长
SilderRandomAmin: true, //动画随机
SilderClickBtn: true, //可否点击按钮
});