title.vue 838 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <navigator :url="title.link.n" @click="$util.openOnly(title.link)" class="module-item-title" >
  3. <div class="tit">
  4. <moduleText :text="title.t" />
  5. </div>
  6. <div class="mo flex-y-center" v-if="title.m.s">
  7. <moduleText :text="title.m" />
  8. <!-- <text class="iconfont icon-jiantou"></text> -->
  9. </div>
  10. </navigator>
  11. </template>
  12. <script>
  13. import moduleText from './text.vue'
  14. export default {
  15. name: 'moduleTitle',
  16. props: ['title'],
  17. components: {
  18. moduleText
  19. }
  20. }
  21. </script>
  22. <style>
  23. .module-item-title {
  24. background: #fff;
  25. position: relative;
  26. z-index: 1;
  27. font-size: 14px;
  28. padding: 14px 12px;
  29. border-bottom: 1px solid #eee;
  30. display: flex;
  31. justify-content: space-between;
  32. align-items: center;
  33. }
  34. .module-item-title .mo {
  35. color: #666;
  36. }
  37. .icon-jiantou{
  38. font-size: 20rpx;
  39. }
  40. </style>