index.wxml 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <view>
  2. <auth bindlogin="onShow" />
  3. <view class="bgimg" style="top: {{-bgTop}}px;z-index: {{bgIsTop ? '999' : '0'}};height: {{imgHeight}}px; {{bgIsTop ? 'background-color: #fff': ''}} ">
  4. <image src="/static/images/index_topbg@2x.png" ></image>
  5. </view>
  6. <view class="zwf"></view>
  7. <view class="page-title">
  8. <image src="/static/images/index_topbg@2x.png" style="top: {{-bgTop}}px;height: {{imgHeight}}px"></image>
  9. <text>良房一廳</text>
  10. </view>
  11. <view class="container">
  12. <view class="search">
  13. <input placeholder="搜索店铺" value="{{keyword}}" bindinput="inputChange" bindconfirm="search" confirm-type="search" type="text"></input>
  14. <image wx:if="{{imgServer}}" src="{{imgServer + '/search.png'}}"></image>
  15. </view>
  16. <view class="banner" wx:if="{{banners.length}}">
  17. <swiper indicator-dots="{{false}}" bindchange="swiperChange" autoplay="{{true}}" interval="{{2000}}" duration="{{500}}">
  18. <block wx:for="{{banners}}" wx:key="{{item.coverImage}}">
  19. <swiper-item>
  20. <view class="swiper-item" bindtap="clickSwiper">
  21. <image src="{{item.coverImage}}"></image>
  22. </view>
  23. </swiper-item>
  24. </block>
  25. </swiper>
  26. <view class="dots">
  27. <view class="dot{{index == currentBanner ? 'active' : ''}}" wx:for="{{banners}}"></view>
  28. </view>
  29. </view>
  30. <view style="height: 92rpx">
  31. <!-- {{imgHeight - navTop}} -->
  32. <!-- <mp-sticky bindscroll="scrollHandle" offset-top="80"> -->
  33. <view class="header {{ isFixed ? 'fixed' : '' }}" style="top: {{imgHeight - navTop}}px" id="index-nav">
  34. <view class="ul nav">
  35. <view bindtap="tapHeaderBar" wx:for="{{header}}" wx:key="{{item.type}}" data-id='{{item.id}}' class="li {{item.id==activeType?'active':''}}">
  36. <text>{{item.name}}</text>
  37. </view>
  38. </view>
  39. </view>
  40. <!-- </mp-sticky> -->
  41. </view>
  42. <!-- <view class="hotcateg">
  43. <view class="title">热门店铺</view>
  44. <swiper indicator-dots="{{false}}" bindchange="swiperChange"
  45. current="{{1}}" previous-margin="36rpx" next-margin="204rpx">
  46. <block wx:for="{{banners}}" wx:key="*this">
  47. <swiper-item>
  48. <view class="swiper-item">
  49. <image src="{{item.img}}"></image>
  50. <view>优酷土豆线下体验店</view>
  51. </view>
  52. </swiper-item>
  53. </block>
  54. </swiper>
  55. </view> -->
  56. <view class="body" id="tab-con">
  57. <!-- <lip-sync inner-text="Some text"></lip-sync> -->
  58. <view class="ul" wx:if="{{loading || brandList.length}}">
  59. <view bindtap="gotoWV" data-img="{{item.img}}" data-id="{{item.id}}" class="li" wx:for='{{brandList}}' wx:key="id">
  60. <image wx:if="{{imgServer}}" mode="aspectFill" src="{{item.appListPicUrl}}"></image>
  61. <view class="count">
  62. <image src="/static/images/list_eye@3x.png"></image>
  63. {{item.pvTotalNum || 0}}
  64. </view>
  65. <view class="b-title">
  66. <text>{{item.name}}</text>
  67. </view>
  68. </view>
  69. </view>
  70. <view wx:else class="unbrand">
  71. <image src="/static/images/img_noshop@3x.png"></image>
  72. <view class="text">暂无相关店铺</view>
  73. </view>
  74. </view>
  75. <view class="linear-mask {{hideMask? '': 'mask-hidden'}}"></view>
  76. <view bindtap="tabHide" class="search-con" wx:if="{{showSearch}}">
  77. <view class="sc-con" catchtap>
  78. <input focus="true" value="{{keyword}}" bindinput="inputChange" bindconfirm="search" confirm-type="search" type="text"></input>
  79. <image wx:if="{{imgServer}}" src="{{imgServer + '/fangdajing.png'}}"></image>
  80. </view>
  81. <view class="no-record" wx:if="{{noRecord}}">未搜索到相关内容</view>
  82. </view>
  83. </view>
  84. </view>