Selaa lähdekoodia

:sparkles: using card component in episode pages

tags/0.9.0
j 4 vuotta sitten
vanhempi
commit
05674c8bdf
2 muutettua tiedostoa jossa 5 lisäystä ja 7 poistoa
  1. 2
    2
      vue-theme/src/components/card.vue
  2. 3
    5
      vue-theme/src/pages/single.vue

+ 2
- 2
vue-theme/src/components/card.vue Näytä tiedosto

1
 <template lang="pug">
1
 <template lang="pug">
2
 .card(v-if="content")
2
 .card(v-if="content")
3
     header
3
     header
4
-        router-link(:to="`/${type}`")
4
+        router-link(v-if="!hideType" :to="`/${type}`")
5
             p.t-up {{type}}
5
             p.t-up {{type}}
6
     article.card--info(:class="{ 'wide': wide }")
6
     article.card--info(:class="{ 'wide': wide }")
7
         router-link(:to="`/${type}/${content.slug}`")
7
         router-link(:to="`/${type}/${content.slug}`")
16
 import featuredImage from '@/components/featured-image'
16
 import featuredImage from '@/components/featured-image'
17
 export default {
17
 export default {
18
     components: { featuredImage },
18
     components: { featuredImage },
19
-    props: ['type', 'content', 'wide']
19
+    props: ['type', 'content', 'wide', 'hide-type']
20
 }
20
 }
21
 </script>
21
 </script>
22
 
22
 

+ 3
- 5
vue-theme/src/pages/single.vue Näytä tiedosto

28
             h2.t-up featured in this episode
28
             h2.t-up featured in this episode
29
             ul
29
             ul
30
                 li.f-row.between(v-for="artist in p2pPostsByType['artist']")
30
                 li.f-row.between(v-for="artist in p2pPostsByType['artist']")
31
-                    img.feature(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
32
-                    .f-col
33
-                        h2.t-up {{ artist.title }}
34
-                        p {{ artist.excerpt }}
31
+                    card(:content="artist" type="artists" :wide="true" :hide-type="true")
35
             
32
             
36
         credits(v-if="type === 'episodes' && post" :post="post")
33
         credits(v-if="type === 'episodes' && post" :post="post")
37
 
34
 
39
 </template>
36
 </template>
40
 
37
 
41
 <script>
38
 <script>
39
+import card from '@/components/card.vue'
42
 import sidebar from '@/components/sidebars/sidebar'
40
 import sidebar from '@/components/sidebars/sidebar'
43
 import gallery from '@/components/gallery/'
41
 import gallery from '@/components/gallery/'
44
 import block from '@/components/content-block/block'
42
 import block from '@/components/content-block/block'
49
 import { convertTitleCase, dePluralize, typeFromRoute } from '@/utils/helpers'
47
 import { convertTitleCase, dePluralize, typeFromRoute } from '@/utils/helpers'
50
  
48
  
51
 export default {
49
 export default {
52
-    components: { sidebar, gallery, block, credits },
50
+    components: { sidebar, gallery, block, credits, card },
53
     props: {
51
     props: {
54
         sidebar: { type: Boolean },
52
         sidebar: { type: Boolean },
55
         id: { type: Number }
53
         id: { type: Number }

Loading…
Peruuta
Tallenna