indexHead.axml 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <import-sjs name="utils" from="./indexHead.sjs"/>
  2. <wrapper>
  3. <!-- 头部 -->
  4. <mas-adc-nav-bar
  5. fill="{{ false }}"
  6. isBack="{{ false }}"
  7. useSlot="{{ true }}"
  8. className="nav-header"
  9. onCallback="onCallback"
  10. background="transparent"
  11. >
  12. <text class="index-head-title" number-of-lines="2">
  13. {{ utils.getTitle(componentData) }}
  14. </text>
  15. </mas-adc-nav-bar>
  16. <view id="{{ id }}" class="index-head-container{{ utils.msgClass(componentData, showMsg) }}">
  17. <!-- 用户自定义背景时加蒙层 -->
  18. <view
  19. style="{{ utils.getBgStyle(componentData, imgSrcPrefix) }}"
  20. class="model-{{ utils.getStyleMode(componentData) }} model-bg"
  21. />
  22. <!-- 内容 -->
  23. <view
  24. class="index-head"
  25. style="padding-top: {{ navHeight }}px"
  26. >
  27. <!-- <view class="index-head-desc" onTap="goToDetail">
  28. <text class="index-head-desc-txt" >
  29. {{ utils.getSubTitle(componentData) }}
  30. </text>
  31. </view> -->
  32. <!-- 消息通知 -->
  33. <view
  34. class="notification-container"
  35. a:if="{{ showMsg && utils.getNotifyList(componentData).length > 0 }}"
  36. >
  37. <view class="message-notification">
  38. <view class="scroll-content">
  39. <swiper
  40. autoplay="true"
  41. vertical="true"
  42. indicator-dots="{{ false }}"
  43. >
  44. <swiper-item
  45. key="swiper-item-{{ index }}"
  46. a:for="{{ utils.getNotifyList(componentData) }}"
  47. >
  48. <button-auth class="message-item" item="{{ item }}">
  49. <am-icon size="16" type="voice" color="#333"/>
  50. <text class="msg-text" number-of-lines="1">
  51. {{ item.serviceDesc }}
  52. </text>
  53. </button-auth>
  54. </swiper-item>
  55. </swiper>
  56. </view>
  57. <view
  58. onTap="closeMsgBtn"
  59. class="close-button"
  60. >
  61. <am-icon
  62. size="16"
  63. type="close"
  64. color="#333"
  65. />
  66. </view>
  67. </view>
  68. </view>
  69. </view>
  70. </view>
  71. </wrapper>