更新记录
1.0.10(2022-03-31)
下载此版本
修改回调函数名
1.0.8(2022-03-25)
下载此版本
UI优化
1.0.7(2022-03-22)
下载此版本
新增README.md
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
bluestar-TimeLine
时间轴
引入
在script标签中引入组件
//使用HBuilderX导入插件
import TimeLine from "@/uni_modules/bluestar-TimeLine/components/bluestar-TimeLine/bluestar-TimeLine.vue"
//使用npm install
import TimeLine from "bluestar-timeline/components/bluestar-TimeLine/bluestar-TimeLine.vue"
代码演示
<template>
<TimeLine beginDate="2022-03-22" endDate="2022-03-28" @callBack="callBack"></TimeLine>
</template>
<script setup lang="ts">
const callBack = (obj : object) => {
console.log(obj)
}
</script>
API
Props
参数 |
说明 |
类型 |
默认值 |
beginDate |
开始日期 |
string |
- |
endDate |
截止日期 |
string |
- |
reverse |
是否倒序排列 |
boolean |
false |
color |
主题色 |
string |
#0E75FC |
Events
事件名称 |
说明 |
回调参数 |
bing:callBack |
点击选项时触发 |
选中值 |
作者