kihashi/stardew_community_checklist
1
0
Fork 0
mirror of https://github.com/kihashi/stardew_community_checklist.git synced 2025-10-19 08:03:17 +00:00
Code Issues Releases Activity

Add item card

Browse Source
This commit is contained in:
John Cleaver 2018-03-05 21:16:33 -05:00
parent cd9ae09cd4
commit 0bd94d3c2e
1 changed files with 107 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

110
src/components/item_card/ItemCard.vue
View File

@ -1,11 +1,115 @@
<template> <template>
<div class="card">
<header class="card-header">
<p class="card-header-title">
{{item.name}}
</p>
</header>
<div class="card-content">
<div class="content">
{{item.source}}
</div>
<div class="content">
<div class="columns">
<template v-for="bundleItem in item.bundles">
<div class="column" :key="bundleItem.bundle.id">
<bundle-button :bundle-item="bundleItem" :item="item"/>
</div>
</template>
</div>
</div>
</div>
<footer class="card-footer">
<div class="card-footer-item">
<season-list :seasons="item.seasons"/>
</div>
<div class="card-footer-item">
<skill-list :skills="item.skills"/>
</div>
</footer>
</div>
</template> </template>
<script> <script>
import SeasonTag from '@/components/item_card/SeasonTag' import SeasonList from './SeasonList'
import SkillList from './SkillList'
import BundleButton from './BundleButton'
export default { export default {
components: {SeasonTag}, components: {
name: 'item-card' BundleButton,
SkillList,
SeasonList
},
name: 'item-card',
props: {
item: {
type: Object,
default: function () {
return {
id: 22,
name: 'Purple Mushroom',
source: 'Can be found in the mines or in the farm cave if you selected the mushroom perk.',
seasons: [
{
id: 'spring',
order: 0,
name: 'Spring'
},
{
id: 'summer',
order: 1,
name: 'Summer'
},
{
id: 'fall',
order: 2,
name: 'Fall'
},
{
id: 'winter',
order: 3,
name: 'Winter'
}
],
skills: [
{
id: 'mining',
order: 1,
name: 'Mining'
},
{
id: 'foraging',
order: 2,
name: 'Foraging'
}
],
'bundles': [
{
'count': 1,
'bundle': {
id: 5,
name: 'Exotic Foraging Bundle',
room: 0,
reward: 'Autumn\'s Bounty (5)'
},
'id': 24
},
{
'count': 1,
'bundle': {
id: 23,
name: 'Field Research Bundle',
room: 4,
reward: 'Recycling Machine'
},
'id': 25
}
]
}
}
}
}
} }
</script> </script>