index.wxml 3.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!--index.wxml-->
  2. <view class="container">
  3. <view class="banner-box">
  4. <swiper class="banner-weiper" indicator-dots="{{indicatorDots}}" indicator-color="{{indicatorColor}}" indicator-active-color="{{indicatorActiveColor}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}">
  5. <block wx:for="{{background}}" wx:key="{{index}}">
  6. <swiper-item>
  7. <!-- <view class="select-banner {{item}}"></view> -->
  8. <image src="{{prodUrl}}web-cp-all/img_pm/img/{{item.file_id}}" class="slide-image" width="355" height="150" mode="scaleToFill" bindtap='BannerNavigator' data-ind="{{index}}"></image>
  9. </swiper-item>
  10. </block>
  11. </swiper>
  12. </view>
  13. <view class="nav-box">
  14. <!-- 分类 -->
  15. <view class="nav-selse-navigator">
  16. <navigator wx:for="{{mainNav}}" wx:key="id" url="{{item.navUrl}}" hover-stay-time="{{hoverStayTime}}">
  17. <image src="{{item.imgUrl}}"></image>
  18. <view class="nav-text">{{item.text}}</view>
  19. </navigator>
  20. </view>
  21. <!-- 分类 -->
  22. <!-- <view class="nav-notice">
  23. <image src="images/notice.png"></image>
  24. <swiper class="notice-swiper" indicator-dots="{{false}}" autoplay="{{true}}" circular="{{true}}" vertical="{{true}}">
  25. <block wx:for="{{navNotice}}" wx:key="*this">
  26. <swiper-item>
  27. <view>
  28. <text>恭喜</text>
  29. <text class="notice-data-style">{{item.userName}}</text>
  30. <text>以</text>
  31. <text class="notice-data-style">{{item.amountOfMoney}}</text>
  32. <text>获得</text>
  33. <text class="notice-data-style notice-data-goods">{{item.goods}}</text>
  34. </view>
  35. </swiper-item>
  36. </block>
  37. </swiper>
  38. </view> -->
  39. </view>
  40. <view class="ad">
  41. <navigator url="../ContentDetails/ContentDetails">
  42. <image src="../../images/ad.jpg"></image>
  43. </navigator>
  44. </view>
  45. <view class="listgoods-box">
  46. <view class="classify">
  47. <view class="classify-position {{classifyPosition?'classify-fixed':''}}" bindtap='onPageScroll'>
  48. <view wx:for="{{tabNav}}" wx:key="{{index}}" data-index="{{index}}" bindtap='onLoadTemplate'><text class="{{(tabIndex == item.select?'classify-select':'')}}">{{item.tabName}}</text></view>
  49. </view>
  50. </view>
  51. <view class="container-box">
  52. <import src="../../template/template.wxml"></import>
  53. <template is="{{templateName}}" data="{{goodsOpen,prodUrl}}" wx:if="{{tabIndex == 0}}"></template>
  54. <template is="{{templateName}}" data="{{goodsNotOpen,prodUrl}}" wx:else-if="{{tabIndex == 1}}"></template>
  55. <template is="{{templateName}}" data="{{goodsClose,prodUrl}}" wx:else-if="{{tabIndex == 2}}"></template>
  56. </view>
  57. </view>
  58. </view>
  59. <!-- 红包弹窗 -->
  60. <view class='red-packet' wx:if="{{is_first}}">
  61. <view class="close" bindtap='closeRedPacket'><icon type="clear" color="#fff"/></view>
  62. <image src='/images/red.png'></image>
  63. <view class="text">
  64. <text>5元“新人红包”</text>
  65. </view>
  66. <view class="btn">
  67. <button class="lj" bindtap='getRedPacket'>立即领取</button>
  68. <button class="hb" bindtap='navRedPacket'>我的红包</button>
  69. </view>
  70. </view>
  71. <!-- 主人翁红包 -->
  72. <view class='red-packet' wx:if="{{is_share>0}}">
  73. <view class="close" bindtap='closeRedPacket'><icon type="clear" color="#fff"/></view>
  74. <image src='/images/red.png'></image>
  75. <view class="text">
  76. <text>{{is_share}}元“主人翁红包”</text>
  77. </view>
  78. <view class="btn">
  79. <button class="lj" bindtap='getRedPacket'>立即领取</button>
  80. <button class="hb" bindtap='navRedPacket'>我的红包</button>
  81. </view>
  82. </view>