49 lines
1.3 KiB
Vue
49 lines
1.3 KiB
Vue
<template>
|
|
<div class="block">
|
|
<el-timeline>
|
|
<el-timeline-item v-for="(item,index) of timeline" :key="index" :timestamp="item.timestamp" placement="top">
|
|
<el-card>
|
|
<h4>{{ item.title }}</h4>
|
|
<p v-html="item.content" />
|
|
<el-button v-if="item.linkText " type="primary" plain>
|
|
{{ item.linkText }}
|
|
</el-button>
|
|
</el-card>
|
|
</el-timeline-item>
|
|
</el-timeline>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
timeline: [
|
|
{
|
|
timestamp: '2019/4/25',
|
|
title: 'Chat mit Joinbot',
|
|
content: 'Sie hatten einen Gespräch mit <b>Chatbot Jo</b>',
|
|
linkText: 'Zum Chatprotokoll',
|
|
linkHref: '/'
|
|
},
|
|
{
|
|
timestamp: '2019/4/20',
|
|
title: 'Stammdaten aktualisiert',
|
|
content: 'Sie haben ihre Email Addresse aktualisiert'
|
|
},
|
|
{
|
|
timestamp: '2019/2/22',
|
|
title: 'Stammdaten aktualisiert',
|
|
content: '<b>Julia Kramer</b> hat Ihre <b>Ausbildungsinformationen</b> aktualisiert'
|
|
},
|
|
{
|
|
timestamp: '2019/1/23',
|
|
title: 'Account erstellt',
|
|
content: 'Willkommen bei Styria, nutzen Sie Join für Karrierechancen und individuellen Benefits!'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
</script>
|