对接台桌列表

This commit is contained in:
gyq
2024-02-28 15:02:31 +08:00
parent 56f9d83447
commit d65e3db7c0
17 changed files with 655 additions and 37 deletions

View File

@@ -5,15 +5,19 @@
<div class="row" v-for="(item, index) in goods.tbProductSpec.specList" :key="index">
<div class="title">{{ item.name }}</div>
<div class="sku_wrap">
<div class="item" :class="{ active: val.active }" v-for="(val, i) in item.value" :key="i"
@click="selectedSku(index, i)">{{ val.name }}</div>
<!-- <div class="item" :class="{ active: val.active }" v-for="(val, i) in item.value" :key="i"
@click="selectedSku(index, i)">{{ val.name }}</div> -->
<el-button :plain="!val.active" type="primary" v-for="(val, i) in item.value" :key="i"
@click="selectedSku(index, i)">{{ val.name }}</el-button>
</div>
</div>
</div>
<div class="footer">
<div class="info" v-if="goodsInfo.id">
<span>库存{{ goodsInfo.stockNumber }}</span>
<span>{{ goodsInfo.salePrice }}</span>
<div class="info">
<template v-if="goodsInfo.id">
<span>库存{{ goodsInfo.stockNumber }}</span>
<span>{{ goodsInfo.salePrice }}</span>
</template>
</div>
<div class="btn_wrap">
<div class="btn">
@@ -165,8 +169,9 @@ defineExpose({
padding-top: 100px;
.info {
padding-bottom: 20px;
height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 20px;
}