<template>
<view class="box">
  <view class="shopdetailShopinfo" v-for="(i,j) in list" :key="j">
    <img :src="i.imgpaththumb" alt class="shoppic" />
    <view class="right">
      <view class="shopname">{{i.goods_name}}</view>
      <view class="shoppri">
        <view class="price">{{i.price_z}}</view>
        <view class="num">
            <text class="num1">x</text>
            <text>{{i.goods_num}}</text>
        </view>
      </view>
    </view>
  </view>
</view>

</template>

<script>
export default {
  name: "shopdetailShopinfo",
  props:['list']
};
</script>

<style lang="scss">
.shopdetailShopinfo {
  height: 161upx;
  width: 642upx;
  background-color: white;
  display: flex;
  justify-content: space-between;
  margin:0 auto;
  .shoppic {
    width: 161upx;
    height: 161upx;
  }
  .right {
      margin-left: 20upx;
    .shopname {
      width: 461upx;
      font-size: 28upx;
      color: #333333;
      margin-bottom: 44upx;
    }
    .shoppri {
      width: 463upx;
      display: flex;
      justify-content: space-between;
      font-size: 30upx;
      .price {
        color: #e52323;
      }
      .num {
        color: #333333;
            .num1{
                color: #868686;
            }
      }
    }
  }
}
.box{
    height: 208upx;
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
</style>