mall-web-ssr/components/mobile/search/goodList.vue

<template>
<div class="detail-brand" >
  <div v-for="(item, index) in productList.components" v-if="productList.components">
    <div class="brand-item">
      <p>型号：<span>{{item.code}}</span></p>
      <p>品牌：<span>{{item.brand.nameCn}}</span></p>
      <p>产品描述：<span>{{item.kind.nameCn}}</span></p>
      <i></i>
    </div>
  </div>

</div>
</template>

<script>
    export default {
      name: 'MobileGoodList',
      computed: {
        productList () {
          return this.$store.state.searchData.searchList.lists.data
        }
      }
    }
</script>

<style scoped lang="scss">
  .detail-brand div{
    background: #f8fcff;
    width:100%;
    min-height:1.5rem;
    padding-top:.2rem;
    .brand-item{
      width:7rem;
      margin:0 auto;
      border-radius:.1rem;
      background: #fff;
      padding:.2rem;
      p{
        font-size:.28rem;
        line-height:.4rem;
        color:#333;
        margin:0;
        span{}
      }
      i{}
    }
  }
</style>