ResultTitle.vue 752 B

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <div class="result-title text-muted">
  3. 搜索"<span class="text-inverse" >{{keyword}}</span>",为您找到
  4. <span class="text-num" v-text="good_list.total"></span> 个相关产品:
  5. </div>
  6. </template>
  7. <script>
  8. export default{
  9. props: ['keyword'],
  10. computed: {
  11. good_lists () {
  12. return this.$store.state.searchData.searchList.lists
  13. },
  14. good_list () {
  15. return this.good_lists.data
  16. }
  17. }
  18. }
  19. </script>
  20. <style scoped>
  21. #searchResult .result-title {
  22. margin-top: 5px;
  23. padding: 10px 5px;
  24. height: 30px;
  25. line-height: 30px;
  26. font-size: 14px;
  27. }
  28. .text-inverse {
  29. color: #f40!important;
  30. }
  31. .text-num {
  32. font-style: normal;
  33. font-family: verdana;
  34. }
  35. </style>