23 lines
465 B
HTML
23 lines
465 B
HTML
|
<div class="nav-bar"></div>
|
||
|
|
||
|
<div id="app">
|
||
|
|
||
|
<div class="product">
|
||
|
|
||
|
<div class="product-image">
|
||
|
<img :src="image" />
|
||
|
</div>
|
||
|
|
||
|
<div class="product-info">
|
||
|
<h1>{{ product }}</h1>
|
||
|
<p v-if="inventory > 50">On Sale</p>
|
||
|
<p v-else-if="inventory<= 10 && inventory > 0">Almost On Sale</p>
|
||
|
<p v-else>On SAle</p>
|
||
|
</div>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>
|