detail.wxml 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <cu-custom bgColor="bg-lw-header" isCustom="{{true}}">
  2. <view slot="content">驿站详情</view>
  3. </cu-custom>
  4. <scroll-view scroll-x class="bg-white nav">
  5. <view class="flex text-center">
  6. <view class="cu-item flex-sub {{tabCur==0?'text-red cur':''}}" bindtap="tabSelect" data-id="0">
  7. 驿站介绍
  8. </view>
  9. <view class="cu-item flex-sub {{tabCur==1?'text-red cur':''}}" bindtap="tabSelect" data-id="1">
  10. 驿站活动
  11. </view>
  12. </view>
  13. </scroll-view>
  14. <!-- 驿站介绍 -->
  15. <view hidden="{{tabCur == 1}}">
  16. <image src="{{info.main_image}}" wx:if="{{info.main_image}}" style="width:750rpx;height:370rpx;"></image>
  17. <lw-header title="{{info.site_name}}" address="{{info.address}}" mobile="{{info.mobile}}" bind:nav="nav"></lw-header>
  18. <!-- 驿站简介 -->
  19. <view class="cu-bar bg-white margin-top" style="min-height:60rpx;">
  20. <view class="action">
  21. <text class="cuIcon-title text-red"></text>
  22. <text class="text-black text-df">驿站简介</text>
  23. </view>
  24. </view>
  25. <view class="cu-list menu bg-white">
  26. <view class="cu-item" style="min-height:0;">
  27. <view class="content">
  28. <text class="text-sm">{{info.content}}</text>
  29. </view>
  30. </view>
  31. </view>
  32. <!-- 主办方信息 -->
  33. <view class="cu-bar bg-white margin-top" style="min-height:60rpx;">
  34. <view class="action">
  35. <text class="cuIcon-title text-red"></text>
  36. <text class="text-black text-df">主办方信息</text>
  37. </view>
  38. </view>
  39. <view class="cu-list menu bg-white">
  40. <view class="cu-item" style="min-height:0;">
  41. <view class="content">
  42. <view class="text-sm">联系人:{{info.contact}}</view>
  43. <view class="text-sm">手机:{{info.mobile}}</view>
  44. <view class="text-sm">邮箱:{{info.email}}</view>
  45. <view class="text-sm">微信:{{info.wechat}}</view>
  46. <view class="text-sm">所在乡镇:{{info.town}}</view>
  47. </view>
  48. </view>
  49. </view>
  50. <!-- 形象展示 -->
  51. <view class="cu-bar bg-white margin-top">
  52. <view class="action">
  53. <text class="cuIcon-titles text-red" style="font-size:24rpx;"></text>
  54. <text class="text-df">形象展示</text>
  55. </view>
  56. </view>
  57. <view class="html-content">
  58. <rich-text nodes="{{info.image_display}}"></rich-text>
  59. </view>
  60. </view>
  61. <!-- 站点活动 -->
  62. <view hidden="{{tabCur == 0}}">
  63. <view class="site-activity-header">
  64. <view class="lw-search">
  65. <view class="action">
  66. <view class="picker">
  67. 活动
  68. <text class="cuIcon-triangledownfill" style="color:#687a9c;"></text>
  69. </view>
  70. </view>
  71. <view class="search-form">
  72. <input type="text" placeholder="请输入关键字" placeholder-class="placeholder" confirm-type="search" model:value="{{keyword}}" bindconfirm="bindSearch"></input>
  73. </view>
  74. <view class="search-icon">
  75. <text class="cuIcon-search" style="font-size:30rpx;color:#687a9c;"></text>
  76. </view>
  77. </view>
  78. <view class="panel">
  79. <view class="panel-header">往期活动</view>
  80. <view class="panel-content">
  81. <view class="info">
  82. <view class="info-title">本月活动</view>
  83. <view class="info-data">{{total.month_total}}</view>
  84. </view>
  85. <view class="info">
  86. <view class="info-title">今年活动</view>
  87. <view class="info-data">{{total.year_total}}</view>
  88. </view>
  89. <view class="info">
  90. <view class="info-title">活动总数</view>
  91. <view class="info-data">{{total.total}}</view>
  92. </view>
  93. </view>
  94. </view>
  95. </view>
  96. <lw-header title="{{info.site_name}}" address="{{info.address}}" mobile="{{info.mobile}}"></lw-header>
  97. <lw-activity list="{{list}}"></lw-activity>
  98. <view wx:if="no_more" class="no_more">没有更多数据</view>
  99. </view>