b/intro-to-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed product-display template

Browse Source
This commit is contained in:
Adam Jahr 2020-05-19 01:26:10 -04:00
parent d9c781d834
commit c917acec5d
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/ProductDisplay.js
View File

@ -25,7 +25,7 @@ app.component('product-display', {
<li v-for="detail in details">{{ detail }}</li>
</ul>
<div class="color-circle"
<div class="color-box"
v-for="(variant, index) in variants"
:key="variant.id"
:style="{ backgroundColor: variant.color }"
@ -41,11 +41,9 @@ app.component('product-display', {
</button>
</div>
</div>
<review-list :reviews="reviews"></review-list>
<review-form @review-submitted="addReview" ></review-form>
</div>
`,
data() {