shop-item.vue 759 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <div class="list-con">
  3. <div class="item" v-for="(shopItem,index) in shopList" :key="index">
  4. <div class="shop-img">
  5. <img :src="shopItem.shopLogo" alt />
  6. </div>
  7. <div class="shop-msg">
  8. <div class="shop-name">{{shopItem.shopName}}</div>
  9. <div class="focus-number">{{shopItem.fansCount}} {{$t('index.peopleToFollow')}}</div>
  10. <nuxt-link :to="'/shopIndex?sid='+shopItem.shopId" class="go-shop">
  11. {{$t('index.goIn')}}
  12. <span class="arrow">></span>
  13. </nuxt-link>
  14. </div>
  15. </div>
  16. </div>
  17. </template>
  18. <script>
  19. export default {
  20. props: {
  21. shopList: {
  22. type: Array
  23. }
  24. },
  25. methods: {
  26. },
  27. }
  28. </script>
  29. <style scoped src='~/assets/css/common.css'>
  30. </style>