<template>
  <div class="tab-list-item">
    <div class="inner">
      <div class="img-wrap">
        <img src="" alt="" />
      </div>
      <div class="item-content">
        <div class="title">
          這是一個商品商品商品的名字名字字名名字
        </div>
        <div class="desc">這是一個商品商品商品的描述描述描述述描</div>
        <div class="else-info">
          <div class="left">
            <p><span>浏览量:20</span></p>
          </div>
          <div class="right">
            <p><span>收藏:10</span></p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
/**
 * @author: 过飞
 * @createData: 2020年09月15日 14:33:05
 * @version：v1.0
 *
 * @desc: 功能描述
 */
export default {
  name: 'TabListItem',

  components: {},

  mixins: [],

  props: {},

  data() {
    return {}
  },

  computed: {},

  watch: {},

  created() {},

  mounted() {},

  methods: {}
}
</script>
<style lang="scss" scoped>
.tab-list-item {
  .inner {
    .img-wrap {
      display: flex;
      width: 100%;
      justify-content: center;
      & > img {
        display: block;
        width: 170px;
        height: 170px;
        background-color: #eee;
      }
    }
    .item-content {
      .title {
        font-weight: bold;
        font-size: 14px;
        margin-top: 4px;
      }
      .desc {
        font-size: 14px;
        margin-top: 4px;
      }
      .else-info {
        font-size: 12px;
        display: flex;
        justify-content: space-between;
      }
    }
  }
}
</style>
