<template>
  <div class="quotelist_main">
    <div class="quotelist_pic">
      <img :src="picurl" class="quote-img-responsive "></img>
      <!-- <img src="../../assets/S-150.jpg" class="quote-img-responsive "></img> -->
    </div>
    <div class="quotelist_info">
      <div class="quotelist_info_mtrl">{{qlist.mtrlname}}</div>
      <div class="quotelist_info_mtrlmode">{{qlist.mtrlmode}}</div>
      <div class="quotelist_info_other">
        <div>净重{{qlist.nw}}</div>
        <div>毛重{{qlist.gw}}</div>
        <div>{{qlist.pack}}</div>
      </div>
      <div class="quotelist_info_amt">
        <span>¥</span>{{qlist.price}}
      </div>
      <div class="quotelist_info_qty">累计销售{{qlist.saleqty}}张</div>

    </div>


  </div>
</template>
<script>
  export default {
    name: "quotelist",
    props: {
      qlist:""
    },
    data() {
      return {
        picstr2: "S-102.jpg"
      }
    },
    computed: {
      picurl: function () {
        return require("../../assets/" + this.qlist.picurl)
      }
    },

  }

</script>
<style>
  .quotelist_main {
    display: flex;
    padding: 2px 0;
  }

  .quote_search {
    background-color: #f7f7f7;
    margin: 5px 10px;
    padding: 0px 5px 0px 20px;
    font-size: 14px;
    line-height: 30px;
    border-radius: 15px;
    color: #777777
  }

  .quotelist_pic {
    margin-left: -20px;
    flex: 0 0 120px;
  }

  .quote-img-responsive {
    height: 120px
  }

  .quotelist_info {
    margin-left: -20px;
    flex: 0 0 65%;
  }

  .quotelist_info_other {
    display: flex
  }

  .quotelist_info_mtrl {
    font-size: 15px;
  }

  .quotelist_info_mtrlmode {
    font-size: 12px;
    color: #9c9c9c
  }

  .quotelist_info_other {
    font-size: 11px;
    padding: 5px 0;
  }

  .quotelist_info_other div {
    margin-right: 5px;
    border-radius: 15px;
    color: #888;
    background-color: #f8f8f8;
    padding: 0px 5px;
  }

  .quotelist_info_amt {
    color: #ff0000;
    font-weight: bold;
    font-size: 20px;
    margin-top: 5px;
  }

  .quotelist_info_amt span {
    font-size: 12px;
    font-weight: 500;
    padding: 0 2px 0 0;
  }

  .quotelist_info_qty {
    font-size: 12px;
    color: #9c9c9c;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #f0f0f0;
  }

</style>
