index.wxml 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <view class="page">
  2. <view class="navbar" style="padding-top:{{statusBarHeight}}px;">
  3. <view class="navbar-left">
  4. <van-icon name="location-o" size="28rpx" color="#183c25" />
  5. <text class="navbar-loc-text">江西省</text>
  6. <van-icon name="arrow-down" size="18rpx" color="#7d8c78" />
  7. </view>
  8. <view class="navbar-title">{{school.name}}</view>
  9. <view class="navbar-right"></view>
  10. </view>
  11. <view class="hero">
  12. <image class="hero-img" src="{{heroImage}}" mode="aspectFill" />
  13. <view class="hero-shade"></view>
  14. <view class="hero-copy">
  15. <text class="hero-kicker">智慧农业 · 阳光招生</text>
  16. <text class="hero-title">{{school.name}}</text>
  17. <view class="hero-desc"><text>修身敬业求实创新</text><text class="hero-desc-sep">,</text><text class="hero-desc-right">培养生物科技与农业人才</text></view>
  18. </view>
  19. </view>
  20. <view class="school-panel">
  21. <view class="school-badge">
  22. <view class="badge-ring">
  23. <van-icon name="flower-o" size="48rpx" color="#0b7a3c" />
  24. </view>
  25. </view>
  26. <view class="school-name">{{school.name}}</view>
  27. <view class="school-meta">
  28. <text wx:for="{{school.meta}}" wx:key="*this">{{item}}</text>
  29. </view>
  30. <view class="school-tags">
  31. <view class="school-tag" wx:for="{{school.tags}}" wx:key="*this">{{item}}</view>
  32. </view>
  33. </view>
  34. <view class="quick-panel">
  35. <view class="quick-item" wx:for="{{quickLinks}}" wx:key="name" bindtap="goLink" data-url="{{item.url}}">
  36. <view class="quick-icon quick-icon-{{index}}">
  37. <van-icon name="{{item.icon}}" size="42rpx" color="#0b7a3c" />
  38. </view>
  39. <text class="quick-name">{{item.name}}</text>
  40. </view>
  41. </view>
  42. <view class="notice-banner" bindtap="goLink">
  43. <view class="notice-mark">通知</view>
  44. <view class="notice-content">{{notice}}</view>
  45. <view class="notice-action">订阅</view>
  46. </view>
  47. <view class="section-head section-between">
  48. <view>
  49. <view class="section-title">实训场馆</view>
  50. <view class="section-desc">场馆一览 · 身临其境</view>
  51. </view>
  52. <view class="more" bindtap="goLink" data-url="/nova-diypage/pages/index/index?id=91PaGyHaA4">更多 <van-icon name="arrow" size="20rpx" color="#9ba891" /></view>
  53. </view>
  54. <view class="college-grid">
  55. <view class="college-card" wx:for="{{colleges}}" wx:key="name" bindtap="goLink" data-url="{{item.url}}">
  56. <view class="building-lines"></view>
  57. <view class="college-head">
  58. <view class="college-icon"><van-icon name="{{item.icon}}" size="28rpx" color="#ffffff" /></view>
  59. <view class="college-name">{{item.name}}</view>
  60. </view>
  61. <view class="college-tags">
  62. <text class="college-tag" wx:for="{{item.majors}}" wx:for-item="major" wx:key="*this">{{major}}</text>
  63. </view>
  64. </view>
  65. </view>
  66. <view class="section-head section-between">
  67. <view>
  68. <view class="section-title">宣传视频</view>
  69. <view class="section-desc">校园故事与招生动态</view>
  70. </view>
  71. <view class="more">更多 <van-icon name="arrow" size="20rpx" color="#9ba891" /></view>
  72. </view>
  73. <view class="videos-grid">
  74. <view class="video-card" wx:for="{{videos}}" wx:key="src">
  75. <video class="video-player" src="{{item.src}}" controls show-center-play-btn show-play-btn object-fit="cover"></video>
  76. </view>
  77. </view>
  78. <view class="section-head section-between">
  79. <view>
  80. <view class="section-title">校园风光</view>
  81. <view class="section-desc">在南昌遇见四季校园</view>
  82. </view>
  83. <view class="more">更多 <van-icon name="arrow" size="20rpx" color="#9ba891" /></view>
  84. </view>
  85. <view class="scenery-grid">
  86. <view class="scenery-card scenery-card-{{index}}" wx:for="{{scenery}}" wx:key="name" bindtap="goLink" data-url="/nova-diypage/pages/index/index?id=91PaGyHaA4">
  87. <block wx:if="{{item.img}}">
  88. <image class="scenery-img" src="{{item.img}}" mode="aspectFill" />
  89. </block>
  90. <block wx:else>
  91. <view class="scenery-sun"></view>
  92. <view class="scenery-hill scenery-hill-a"></view>
  93. <view class="scenery-hill scenery-hill-b"></view>
  94. </block>
  95. <view class="scenery-overlay"></view>
  96. <van-icon wx:if="{{item.icon}}" class="scenery-icon" name="{{item.icon}}" size="56rpx" color="#ffffff" />
  97. <text class="scenery-name">{{item.name}}</text>
  98. </view>
  99. </view>
  100. <view class="tabbar">
  101. <view class="tabbar-item {{index === 0 ? 'tabbar-active' : ''}}" wx:for="{{tabbar}}" wx:key="text" bindtap="goLink" data-url="{{item.url}}">
  102. <van-icon name="{{item.icon}}" size="42rpx" color="{{index === 0 ? '#0b7a3c' : '#9aa39a'}}" />
  103. <text>{{item.text}}</text>
  104. </view>
  105. </view>
  106. </view>