uniapp - 时间轴组件

时间:2020-01-14
本文章向大家介绍uniapp - 时间轴组件,主要包括uniapp - 时间轴组件使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

 

sunui-timeline  时间轴

 

v1.0.0 于 2020.01.14更新

 

 

 

 

 

 

参数介绍:

1. @line:点击时间轴所在id(此为子组件传父组件值)- 事件

2. array:时间轴传值给子组件/默认无

 

 

示例代码:

 

<template>
	<view>
		<sunui-timeline @line="getId" :array="lineData"></sunui-timeline>
	</view>
</template>

<script>
	import sunUiTimeLine from '@/components/sunui-timeline/sunui-timeline.vue';
	export default {
		data() {
			return {
				lineData: [{
					id: 1,
					"content": "【新加坡风投公司Golden Gate Ventures发起规模1000万美元的加密基金】 位于新加坡的风险投资公司Golden Gate Ventures周五宣布,将发起名为LuneX Ventures、规模1000万美元的基金,投资加密货币和区块链技术初创企业。(路透)",
					"time": "2019-11-12",
					image: 'https://gss3.bdstatic.com/-Po3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike150%2C5%2C5%2C150%2C50/sign=3d01c1b8df09b3deffb2ec3aadd607e4/c9fcc3cec3fdfc03f90a8568da3f8794a5c226eb.jpg'
				}, {
					id: 2,
					"content": "【OKEx发布《关于执行隐藏和下线交易对的项目名单》】据OKEx官方消息,OKEx公布隐藏和下线交易对的项目名单,其中46个项目的Token被隐藏,29个交易对将下线,其中涉及20个项目的部分交易对。这些项目未下线的其他交易对在OKEx平台可以正常交易。 OKEx表示会保持对所有已上线该平台项目的持续关注,若发现存在符合隐藏或下线交易对标准的将会严格执行,同时也会根据项目后续发展情况对隐藏项目进行取消隐藏或下线交易兑的调整。",
					"time": "2019-11-13",
					image: 'https://gss3.bdstatic.com/-Po3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike150%2C5%2C5%2C150%2C50/sign=3d01c1b8df09b3deffb2ec3aadd607e4/c9fcc3cec3fdfc03f90a8568da3f8794a5c226eb.jpg'
				}, {
					id: 3,
					"content": "【浙江省整治网络传销 重点查处对象包括数字货币传销案件】据浙江在线消息,自今年3月份,浙江省开展网络传销违法犯罪活动联合整治工作,重点查处对象包括以“虚拟货币”为幌子的违法犯罪活动。截至6月底,全省工商(市场监管)部门、公安机关共立案查处传销案件132起,涉案金额11亿多元。",
					"time": "2019-11-14",
					image: 'https://gss3.bdstatic.com/-Po3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike150%2C5%2C5%2C150%2C50/sign=3d01c1b8df09b3deffb2ec3aadd607e4/c9fcc3cec3fdfc03f90a8568da3f8794a5c226eb.jpg'
				}]
			}
		},
		components: {
			'sunui-timeline': sunUiTimeLine
		},
		methods: {
			getId(e) {
				console.log(e);
			}
		}
	}
</script>

<style>

</style>

  

 

  

 

  

 

  

点击下载示例:sunui-timeline

$flag 上一页 下一页