index.wxml 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. <!-- 搜索 -->
  2. <view class="search" bindtap="toSearch">
  3. <image src="/static/icon-09.png" />搜索关键字
  4. </view>
  5. <!-- 轮播图 -->
  6. <My_BannerSwiper swiperBannerList="{{swiperBannerList}}"></My_BannerSwiper>
  7. <!-- 最新通告 -->
  8. <view class="annunciate">
  9. <!-- 标题 -->
  10. <view class="annunciate_title">
  11. <view class="annunciate_decorate"></view>
  12. <view class="annunciate_text">最新通告</view>
  13. </view>
  14. <!-- 内容 -->
  15. <view class="annunciate_content">
  16. <swiper class="annunciate_content_swiper" autoplay circular indicator-dots indicator-color='rgba(216,216,216,.58)' indicator-active-color='#57C7D3'>
  17. <swiper-item wx:key="index" wx:for="{{annunciateList}}">
  18. <image src="{{item.attinfos[0].fobsurl}}"></image>
  19. </swiper-item>
  20. </swiper>
  21. <view class="annunciate_show">
  22. <view class="annunciate_item" wx:key="index" wx:for="{{annunciateList}}" data-index="{{index}}" bindtap="toAnnunciateDetails">
  23. <view class="annunciate_item_title u-line-1">{{item.ftitle}}</view>
  24. <view class="annunciate_item_count">
  25. <image src="/static/icon-14.png"></image>
  26. 浏览 {{item.freadcount}}
  27. </view>
  28. </view>
  29. </view>
  30. </view>
  31. </view>
  32. <!-- 广告位1 -->
  33. <My_BannerSwiper type="advertising" marTop='40' swiperBannerList="{{portal_middle_1}}" />
  34. <!-- 品牌关注榜 -->
  35. <view class="annunciate" style="padding-top: 40rpx;">
  36. <!-- 标题 -->
  37. <view class="annunciate_title">
  38. <view class="annunciate_decorate"></view>
  39. <view class="annunciate_text">品牌关注榜</view>
  40. </view>
  41. <view class="concerns-box">
  42. <view class="concerns-head" bindtap="concernsChange">
  43. <view class="label {{brandSelect==0?'active':''}}" data-index="0">窗帘布</view>
  44. <view class="label {{brandSelect==1?'active':''}}" data-index="1">沙发布</view>
  45. </view>
  46. <view class="concerns-content" hidden="{{brandSelect!=0}}">
  47. <view class="concerns-content-item u-line-1" wx:for="{{brandList0}}" wx:if="{{index<10}}">
  48. <view class="img">
  49. <image src="/static/portal/icon-{{index}}.png" mode="heightFix"></image>
  50. </view>{{item.fname}}
  51. </view>
  52. </view>
  53. <view class="concerns-content" hidden="{{brandSelect!=1}}">
  54. <view class="concerns-content-item u-line-1" wx:for="{{brandList1}}" wx:if="{{index<10}}">
  55. <view class="img">
  56. <image src="/static/portal/icon-{{index}}.png" mode="heightFix"></image>
  57. </view>{{item.fname}}
  58. </view>
  59. </view>
  60. </view>
  61. </view>
  62. <!-- 老 品牌关注榜 -->
  63. <!-- <view class="concerns-box">
  64. <view class="concerns-con">
  65. <view class="concerns-title">品牌关注榜</view>
  66. <view class="option-box" bindtap="selectOption">
  67. <view class="brand-type type-top {{brandSelect=='0'?'typeavtion':''}}">沙发布</view>
  68. <view class="brand-type type-bot {{brandSelect=='1'?'typeavtion':''}}">窗帘布</view>
  69. <view class="option op-top {{brandSelect=='0'?'opavtion':''}}" data-index="0"></view>
  70. <view class="option op-bot {{brandSelect=='1'?'opavtion':''}}" data-index="1"></view>
  71. </view>
  72. <swiper class="option-swiper" current='{{brandSelect}}' circular vertical bindchange='selectOption'>
  73. <swiper-item>
  74. <view class="brand-item u-line-1" wx:key="index" wx:for="{{brandList0}}">
  75. <text>{{item.queryrow<10?'0'+item.queryrow:item.queryrow}} </text>{{item.fname}}
  76. </view>
  77. </swiper-item>
  78. <swiper-item>
  79. <view class="brand-item u-line-1" wx:key="index" wx:for="{{brandList1}}">
  80. <text>{{item.queryrow<10?'0'+item.queryrow:item.queryrow}} </text>{{item.fname}}
  81. </view>
  82. </swiper-item>
  83. </swiper>
  84. </view>
  85. <image class="concerns-bg" src="/static/portal/bg.png"></image>
  86. </view> -->
  87. <!-- 新品推荐 -->
  88. <view class="new-product">
  89. <view>
  90. <view class="new-product-title">
  91. <view></view> 窗帘布新品 <view></view>
  92. </view>
  93. <swiper class="new-product-swiper" circular current='{{newProductIndex1}}' indicator-dots indicator-color='rgba(216,216,216,.58)' indicator-active-color='#57C7D3' bindchange='newProduct1'>
  94. <swiper-item wx:key="index" wx:for="{{newProduct1}}">
  95. <image src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
  96. </swiper-item>
  97. </swiper>
  98. <view class="new-product-name u-line-1">{{newProduct1[newProductIndex1].fname}}[{{newProduct1[newProductIndex1].ftype}}]</view>
  99. </view>
  100. <view>
  101. <view class="new-product-title">
  102. <view></view> 沙发布新品 <view></view>
  103. </view>
  104. <swiper class="new-product-swiper" circular current='{{newProductIndex2}}' indicator-dots indicator-color='rgba(216,216,216,.58)' indicator-active-color='#57C7D3' bindchange='newProduct2'>
  105. <swiper-item wx:key="index" wx:for="{{newProduct2}}">
  106. <image src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
  107. </swiper-item>
  108. </swiper>
  109. <view class="new-product-name u-line-1">{{newProduct2[newProductIndex2].fname}}[{{newProduct2[newProductIndex2].ftype}}]</view>
  110. </view>
  111. </view>
  112. <!-- 广告位1 -->
  113. <My_BannerSwiper type="advertising" marTop='40' swiperBannerList="{{portal_middle_2}}" />
  114. <!-- 供需 -->
  115. <van-tabs active="{{ tabsActive }}" color='#00C1D2' line-width='15' line-height='3' custom-class='tabs-custom-class' tab-class='tabs-tab-class' tab-active-class='tabs-tab-active-class' bind:change="tabsOnChange">
  116. <van-tab title="私域直播">
  117. <portalLice list='{{tiveList}}' />
  118. <van-empty wx:if="{{tiveList.length==0}}" description="暂无直播" />
  119. </van-tab>
  120. <van-tab wx:key="index" wx:for="{{sadClassify}}" title="{{item.ftype}}" />
  121. </van-tabs>
  122. <!-- 列表展示区 -->
  123. <block wx:if="{{tabsActive!=0}}">
  124. <supplyanddemandList list='{{sadList}}'></supplyanddemandList>
  125. <van-empty wx:if="{{1>sadList.length}}" description="暂无数据" />
  126. </block>
  127. <!-- 展厅照片 -->
  128. <view class="exhibition-hall">
  129. <image src="{{portal_middle_3[0].attinfos[0].fobsurl}}" mode="aspectFill"></image>
  130. </view>
  131. <!-- 招商表单 -->
  132. <view class="annunciate" style="margin-top: 20rpx;">
  133. <!-- 标题 -->
  134. <view class="annunciate_title">
  135. <view class="annunciate_decorate"></view>
  136. <view class="annunciate_text">招商入口</view>
  137. </view>
  138. <!-- 招商表单 -->
  139. <view class="recruit-box">
  140. <!-- 姓名,手机 -->
  141. <view class="recruit-row">
  142. <label for="name" class="recruit-row-title">
  143. 您的姓名
  144. </label>
  145. <view class="recruit-row-input">
  146. <input id='name' placeholder="请输入姓名" value="{{recruitName}}" data-name="recruitName" bindinput="recruitInput" placeholder-class="placeholder-class" type="text" />
  147. </view>
  148. <label for="phone" class="recruit-row-title" style="margin-left: 22rpx;">
  149. 您的手机
  150. </label>
  151. <view class="recruit-row-input">
  152. <input id='phone' placeholder="请输入手机号" value="{{recruitPhone}}" bindblur="phoneNumber" placeholder-class="placeholder-class" type="number" />
  153. </view>
  154. </view>
  155. <!-- 选择地区 -->
  156. <view class="recruit-row" style="margin-top: 20rpx;">
  157. <view class="recruit-row-title">
  158. 您的地址
  159. </view>
  160. <picker mode="region" bindchange="bindRegionChange" value="{{region}}">
  161. <view class="recruit-row-picker">
  162. <block wx:if="{{region.length>1}}">
  163. <text wx:key="index" wx:for="{{region}}" style="margin-right: 8rpx;">{{item}}</text>
  164. </block>
  165. <block wx:else>省、市、区</block>
  166. <van-icon name="arrow-down" />
  167. </view>
  168. </picker>
  169. </view>
  170. <!-- 备注 -->
  171. <view class="recruit-row" style="margin-top: 20rpx;">
  172. <view class="recruit-row-title">
  173. 备注
  174. </view>
  175. <view class="textarea">
  176. <textarea maxlength='-1' value="{{recruitExplain}}" data-name="recruitExplain" bindinput="recruitInput" placeholder-style="color: rgba(0, 0, 0, 0.25);" placeholder='请输入备注'></textarea>
  177. </view>
  178. </view>
  179. <!-- 提交 -->
  180. <view class="recruit-row" style="margin-top: 110rpx;">
  181. <view class="recruit-row-title"></view>
  182. <van-button custom-class='submit-custom-class' bindtap="submitForm">马上提交</van-button>
  183. </view>
  184. </view>
  185. </view>
  186. <!-- 招商图片 -->
  187. <view class="attract-investment">
  188. <image src="{{portal_middle_4[0].attinfos[0].fobsurl}}" mode="aspectFill"></image>
  189. </view>
  190. <view style="height: 50px;"></view>
  191. <!-- 吸底 -->
  192. <view class="footer">
  193. <van-button custom-class='footer-button' bindtap="toLogin">欢迎登录布万家</van-button>
  194. </view>