activity-item.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <view class="activity-item" hover-class="active" @click="onClickActivity(item)">
  3. <view class="activity-title">
  4. <view>TGV先进材料及封装产业化机遇高峰论坛</view>
  5. <view v-if="!favoritesHidden" class="activity-favourites" :class="{ 'active': index === 1 }">
  6. <view v-if="item.favourited" class="iconfont icon-favourites-filled-star-symbol active"></view>
  7. <view v-else class="iconfont icon-Favourites-Add-Large"></view>
  8. <view class="activity-favourites-text">收藏</view>
  9. </view>
  10. </view>
  11. <view class="activity-time">2024年03月20日 | E1馆二楼M16会议室</view>
  12. <view class="activity-views">浏览:1080</view>
  13. <view class="activity-desc">
  14. <view>
  15. 本次论坛将探讨玻璃基芯片板级封装载板在Mini/Micro直显、MIP封装、2.5D/3D封装、射频芯片载板、光通信芯片载板以及其他芯片载板,尤其是半导体先进封装领域的应用。
  16. </view>
  17. <view>
  18. <van-button class="activity-detail-link" type="primary">
  19. <template>
  20. <view>了解详情</view> <view class="arrow iconfont icon-right-s"></view>
  21. </template>
  22. </van-button>
  23. </view>
  24. </view>
  25. </view>
  26. </template>
  27. <script>
  28. export default {
  29. options: {
  30. styleIsolation: 'shared'
  31. },
  32. components: {
  33. },
  34. props: {
  35. type: String,
  36. // 数据
  37. item: Object,
  38. favoritesHidden: Boolean
  39. },
  40. data() {
  41. return {
  42. }
  43. },
  44. created() {
  45. },
  46. methods: {
  47. onClickActivity(item){
  48. if (this.type === 'exhibitor') {
  49. this.webviewTo(this.$store.getters.website_url + '/mini-pro-activity?v=' + this.$store.getters.version)
  50. } else {
  51. this.webviewTo(this.$store.getters.website_url + '/mini-pro-same-detail?v=' + this.$store.getters.version)
  52. }
  53. // this.navigateTo('/pages/activity/detail')
  54. }
  55. }
  56. }
  57. </script>
  58. <style lang="scss">
  59. </style>