more tag added
This commit is contained in:
parent
7e4e5cdcee
commit
f1e9a75375
|
@ -1,6 +1,6 @@
|
||||||
Vue.component('rnav', {
|
Vue.component('rnav', {
|
||||||
template: `
|
template: `
|
||||||
<span class="rnav" v-on:click="toggle" v-bind:class="{ 'tagged': tag.isTrue}">{{ tag.name }}</span>
|
<span class="rnav" v-on:click="toggle" v-bind:class="{ 'tagged': tag.isTrue}"></span>
|
||||||
`,
|
`,
|
||||||
props : ['tag'],
|
props : ['tag'],
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -133,22 +133,11 @@ let vm = new Vue({
|
||||||
check: 'check2',
|
check: 'check2',
|
||||||
isFresh: true,
|
isFresh: true,
|
||||||
tags: {
|
tags: {
|
||||||
css: {
|
css: { name: "CSS", isTrue: false },
|
||||||
name: "CSS",
|
code: { name: "Code", isTrue: false },
|
||||||
isTrue: false
|
typo: { name: "Typographie", isTrue: false },
|
||||||
},
|
selfhost: { name: "Self-hosting", isTrue: false },
|
||||||
code: {
|
design: { name: "Design", isTrue: false}
|
||||||
name: "Code",
|
|
||||||
isTrue: false
|
|
||||||
},
|
|
||||||
selfhost: {
|
|
||||||
name: "Self-hosting",
|
|
||||||
isTrue: false
|
|
||||||
},
|
|
||||||
design: {
|
|
||||||
name: "Design",
|
|
||||||
isTrue: false
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -14,8 +14,8 @@
|
||||||
|
|
||||||
<main id="root">
|
<main id="root">
|
||||||
|
|
||||||
<rnav v-bind:tag="tags.css"></rnav>
|
<rnav v-bind:tag="tags.css">CSS</rnav>
|
||||||
<rnav v-bind:tag="tags.code"></rnav>
|
<rnav v-bind:tag="tags.code">Code</rnav>
|
||||||
|
|
||||||
<ritem v-bind:tags="[tags.code, tags.css]" v-bind:fresh="isFresh" ref="ritems">CSS Reffs</ritem>
|
<ritem v-bind:tags="[tags.code, tags.css]" v-bind:fresh="isFresh" ref="ritems">CSS Reffs</ritem>
|
||||||
</main>
|
</main>
|
||||||
|
|
Loading…
Reference in New Issue