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