hopfma/om
4
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Vue Nachrichtenfeld-Komponente erstellt (korrigiert)

Browse Source
This commit is contained in:
Edwina Barbalan 2018-11-26 13:03:08 +01:00
parent eaaee61978
commit 4eeb3d003b
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/home.js
View File

@ -1,6 +1,5 @@
Vue.component('msg-item', { Vue.component('msg-item', {
template: `<div id="newmessages-example"> template: `<div class="om-card card">
<div class="om-card card">
<h6 class="msg-head"> <h6 class="msg-head">
<b>{{ title }}</b> <b>{{ title }}</b>
<img src="favicon.ico" width=20px height=20px> <img src="favicon.ico" width=20px height=20px>
@ -10,12 +9,12 @@ Vue.component('msg-item', {
<div class="om-user-line"> <div class="om-user-line">
<i class="material-icons">account_circle</i> <i class="material-icons">account_circle</i>
Erstellt von {{ user }} Erstellt von {{ user }}
</div></div>`, </div>`,
props: ['title', 'subject', 'tag', 'user'] props: ['title', 'subject', 'tag', 'user']
}) })
new Vue({ new Vue({
el: '#mewmessages-example', el: '#newmessages-example',
data: { data: {
messages: [ messages: [
{ {

2
public/index.html
View File

@ -36,7 +36,7 @@
<script src="https://unpkg.com/vue"></script> <script src="https://unpkg.com/vue"></script>
<div class="om-content"> <div class="om-content">
<div id="mewmessages-example"> <div id="newmessages-example">
<div <div
is="msg-item" is="msg-item"
v-for="(msg, index) in messages" v-for="(msg, index) in messages"