<template>
|
<!-- 项目-->
|
<view>
|
<view class="list">
|
<view class="list-item">
|
<text>商品编码</text>
|
<text>{{productInfo.goodsNo}}</text>
|
</view>
|
<view class="list-item">
|
<text>商品分类</text>
|
<text>{{productInfo.goodsType}}</text>
|
</view>
|
<view class="list-item">
|
<text>每人限购次数</text>
|
<text>{{productInfo.limitBuyCnt || '-'}}</text>
|
</view>
|
<view class="list-item">
|
<text>最大销售数量</text>
|
<text>{{productInfo.maxSaleCnt || '-'}}</text>
|
</view>
|
</view>
|
<view class="list">
|
<view class="title">
|
<text>配料表</text>
|
</view>
|
<view class="list-item" v-for="item in productInfo.assembleProj">
|
<text>{{item.goodsName}}</text>
|
<text>{{item.volume}}{{item.measure}}</text>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default{
|
props:{
|
productInfo: {
|
default: {}
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.list{
|
background: #FFFFFF;
|
padding: 0 10px;
|
font-size: 14px;
|
}
|
.list .title{
|
text-align: center;
|
padding: 20px 0 8px;
|
font-size: 16px;
|
}
|
.list-item{
|
display: flex;
|
justify-content: space-between;
|
border-bottom: 1px solid #EDEAF4;
|
padding: 12px 0;
|
}
|
</style>
|
