activity-item.vue 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  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. // 数据
  36. item: Object,
  37. favoritesHidden: Boolean
  38. },
  39. data() {
  40. return {
  41. }
  42. },
  43. created() {
  44. },
  45. methods: {
  46. onClickActivity(item){
  47. uni.navigateTo({
  48. url: '/pages/activity/detail'
  49. })
  50. }
  51. }
  52. }
  53. </script>
  54. <style lang="scss">
  55. </style>