Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

288 řádky
13 KiB

  1. <view id="BoxBg">
  2. <view class="Box">
  3. <navbar text="首页" background="#0E1119" color="#fff"></navbar>
  4. <view style="height:{{navigationBarHeight}} "></view>
  5. <view class="searchBox">
  6. <navigator class="searchF" url="/pages/search/search" open-type="" hover-class="className">
  7. <image class="searchLogo" src="{{imgHttps+'home_ic_ss.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
  8. <view class="searchText" style="color: #666666;">搜索</view>
  9. </navigator>
  10. </view>
  11. <view class="topBox">
  12. <view class="TopNavigationBox">
  13. <view class="item" tt:for="{{column}}" bindtap="setTopFlag" data-index="{{index}}" data-itemid="{{item.id}}">
  14. <view class=" {{index==topFlag?'title_a':'title'}}">{{item.title}}</view>
  15. <view class="wire" tt:if="{{index==topFlag}}"></view>
  16. </view>
  17. </view>
  18. <image class="logo" src="{{imgHttps+'home_ic_saixuan.png'}}" bindtap="setTopFlag" data-itemid=" "></image>
  19. </view>
  20. <view class="swiperBox" tt:if="{{swiperLsit.length!=0}}">
  21. <swiper class="swiper" indicator-dots="ture" indicator-color="rgba(255,255,255,.3)" indicator-active-color="rgba(255,255,255,1)" autoplay="ture" current="0" interval="5000" duration="{{1000}}" circular="false" previous-margin="false" display-multiple-items="1" skip-hidden-item-layout="false" vertical="{{false}}">
  22. <swiper-item class="swiper-item" item-id="" tt:for="{{swiperLsit}}" bindtap="goPublicity" data-type="{{item.type}}" data-id="{{item.id}}">
  23. <image class="swiperImg" src="{{item.coverImg}}" mode="" />
  24. </swiper-item>
  25. </swiper>
  26. </view>
  27. <view class="columnBox">
  28. <navigator class="columnItem" target="" url="/pages/ranking/ranking?type=1&titilText=最新上架" hover-class="navigator-hover" open-type="navigate">
  29. <image src="{{imgHttps+'home_nav_ic_zxsj.png'}}" class="columnImg"> </image>
  30. <view class="columnText">
  31. 最新上架
  32. </view>
  33. </navigator>
  34. <navigator class="columnItem" target="" url="/pages/ranking/ranking?type=2&titilText=精选课程" hover-class="navigator-hover" open-type="navigate">
  35. <image src="{{imgHttps+'home_nav_ic_jxkc.png'}}" class="columnImg"> </image>
  36. <view class="columnText">
  37. 精选课程
  38. </view>
  39. </navigator>
  40. <navigator class="columnItem" target="" url="/pages/ranking/ranking?type=3&titilText=排行榜" hover-class="navigator-hover" open-type="navigate">
  41. <image src="{{imgHttps+'home_nav_ic_phb.png'}}" class="columnImg"> </image>
  42. <view class="columnText">
  43. 排行榜
  44. </view>
  45. </navigator>
  46. <navigator class="columnItem" target="" url="/pages/category/category" hover-class="navigator-hover" open-type="navigate">
  47. <image src="{{imgHttps+'home_nav_ic_qbfl.png'}}" class="columnImg"> </image>
  48. <view class="columnText">
  49. 全部分类
  50. </view>
  51. </navigator>
  52. </view>
  53. <!-- 今日推荐-->
  54. <view class="deyBox" tt:if="{{deyList.length!=0}}">
  55. <view class="deyTitleBox">
  56. <image class="deyTitleImg" src="{{imgHttps+'home_tab_ic_jrtj.png'}}" mode="" lazy-load="false" binderror="" bindload="" />
  57. <view class="deyTitle">
  58. 今日推荐
  59. </view>
  60. </view>
  61. <view class="deyImgBox">
  62. <view class="imgBox" tt:for="{{deyList}}" bindtap="goXq" data-id="{{item.id}}" data-title="{{item.title}}">
  63. <view class="imgitem">
  64. <image class="img" src="{{item.coverImg}}" mode="" />
  65. <view class="posClass">
  66. {{item.businessName}}
  67. </view>
  68. </view>
  69. <view class="itemTitle">
  70. {{item.title}}
  71. </view>
  72. </view>
  73. </view>
  74. <!-- <view class="exchangeBox">
  75. <image class="exchangeImg" src="{{imgHttps+'home_ic_hyh.png'}}" mode="aspectFit|aspectFill|widthFix"
  76. lazy-load="false" binderror="" bindload="" />
  77. <view class="exchangeText">
  78. 换一换
  79. </view>
  80. </view> -->
  81. </view>
  82. <!-- 精选内容-->
  83. <view class="handpickBox" tt:if="{{classLsit.length!=0}}">
  84. <view class="handpickTop">
  85. <image class="handpickImg" src="{{imgHttps+'home_tab_ic_jxnr.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
  86. <view class="handpickText">
  87. 精选内容
  88. </view>
  89. </view>
  90. <view class="commodityBox" tt:for="{{classLsit}}" bindtap="goXq" data-id="{{item.id}}" data-title="{{item.title}}">
  91. <view class="commodityImg">
  92. <image class="classBoxImg" src="{{item.coverImg}}" mode="" />
  93. <view class="newPopularity oh">
  94. <image class="popularityImg" style="margin-left: 30rpx;" src="{{imgHttps+'home_ic_renq.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
  95. <view class="popularityText">
  96. 最近人气
  97. </view>
  98. <view class="popularityNum">
  99. {{item.popularity}}
  100. </view>
  101. </view>
  102. </view>
  103. <view class="describeBox">
  104. <view class="describeBame">
  105. {{item.title}}
  106. </view>
  107. <view class="authorBox1">
  108. <view class="oh" style="position: relative;">
  109. <image class="headImg" src="{{item.merchantPic}}" mode="" />
  110. <view class="annotation">
  111. {{item.merchantName}}
  112. </view>
  113. </view>
  114. <view class="priceBox">
  115. <view class="priceF" tt:if="{{item.salePriceStr!=0}}">
  116. </view>
  117. <view class="price" tt:if="{{item.salePriceStr!=0}}">
  118. {{item.salePriceStr}}
  119. </view>
  120. <view class="price" tt:if="{{item.salePriceStr==0}}">
  121. 免费
  122. </view>
  123. </view>
  124. </view>
  125. </view>
  126. </view>
  127. <view class="extendBox">
  128. <navigator class="extendMoreBox oh" target="" url="/pages/ranking/ranking?type=2&titilText=精选课程" hover-class="navigator-hover" open-type="navigate">
  129. <image style="width: 40rpx; height: 40rpx; margin-top: 15rpx; margin-left: 80rpx; float: left; color: #8790a8; font-size: 30rpx;" src="{{imgHttps+'home_ic_ckgd.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
  130. <view style="line-height: 70rpx; margin-left: 20rpx; float: left;">
  131. 查看更多
  132. </view>
  133. </navigator>
  134. <!-- <view class="changeBox">
  135. <image
  136. style="width: 40rpx;height: 40rpx;margin-top: 15rpx;margin-left: 80rpx;float: left; color: #8790A8;font-size: 30rpx;"
  137. src="{{imgHttps+'home_ic_hyh.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false"
  138. binderror="" bindload="" />
  139. <view style="line-height: 70rpx;margin-left: 20rpx;float: left;">
  140. 换一换
  141. </view>
  142. </view> -->
  143. </view>
  144. </view>
  145. <!--推荐作者 -->
  146. <view class="deyBox author" tt:if="{{autho.length!=0}}">
  147. <view class="deyTitleBox">
  148. <image class="authorImg" src="{{imgHttps+'home_tab_tjzz.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
  149. <view class="deyTitle">
  150. 推荐作者
  151. </view>
  152. </view>
  153. <view class="authorBox">
  154. <navigator class="authorItem" tt:for="{{autho}}" url="/pages/UpHome/UpHome?id={{item.id}}&name={{item.name}}" open-type="" hover-class="className">
  155. <image class="authorImgTop" src="{{item.imgUrl}}" mode="" />
  156. <view class="nameBox">
  157. <view class="authorName">
  158. {{item.name}}
  159. </view>
  160. <view class="authorText">
  161. {{item.authoRemark}}
  162. </view>
  163. </view>
  164. </navigator>
  165. </view>
  166. </view>
  167. <view class="rankingBox" tt:if="{{rankingList.length!=0}}">
  168. <view class="handpickTop">
  169. <image class="handpickImg" src="{{imgHttps+'home_tab_ic_rmph.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
  170. <view class="handpickText">
  171. 热门排行
  172. </view>
  173. </view>
  174. <view class="sortBox">
  175. <view class="sortItemBox" tt:for="{{rankingList}}" bindtap="goXq" data-id="{{item.id}}" data-title="{{item.title}}">
  176. <view class="sortItemImg">
  177. <image class="" src="{{item.coverImg}}" mode="" />
  178. <view class="{{index <=3?'sortNumBj_'+index:'sortNumBj_3'}}">
  179. {{index+1}}
  180. </view>
  181. </view>
  182. <view class="sortTitle">
  183. {{item.title}}
  184. </view>
  185. <view class="popularityBox oh">
  186. <image class="popularityImg" src="{{imgHttps+'home_ic_renq.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
  187. <view class="popularityText">
  188. 人 气
  189. </view>
  190. <view class="popularityNum">
  191. {{item.popularity}}
  192. </view>
  193. </view>
  194. </view>
  195. </view>
  196. <!-- <view class="exchangeBox">
  197. <image class="exchangeImg" src="{{imgHttps+'home_ic_ckgd.png'}}" mode="aspectFit|aspectFill|widthFix"
  198. lazy-load="false" binderror="" bindload="" />
  199. <view class="exchangeText">
  200. 换一换
  201. </view>
  202. </view> -->
  203. </view>
  204. <view class="handpickBox" tt:if="{{deyList.length!=0}}">
  205. <view class="handpickTop">
  206. <image class="handpickImg" src="{{imgHttps+'home_tab_ic_new.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
  207. <view class="handpickText">
  208. 最新内容
  209. </view>
  210. </view>
  211. <view class="commodityBox" tt:for="{{deyList}}" bindtap="goXq" data-id="{{item.id}}" data-title="{{item.title}}">
  212. <view class="newCommodityImg">
  213. <image class="commodityImage" src="{{item.coverImg}}" mode="" />
  214. <view class="newPopularity oh">
  215. <image class="popularityImg" style="margin-left: 25rpx;" src="{{imgHttps+'home_ic_renq.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
  216. <view class="popularityText">
  217. 最近人气
  218. </view>
  219. <view class="popularityNum">
  220. {{item.popularity}}
  221. </view>
  222. </view>
  223. </view>
  224. <view class="describeBox">
  225. <view class="describeBame">
  226. {{item.title}}
  227. </view>
  228. <view class="authorBox1">
  229. <view class="oh" style="position: relative;">
  230. <image class="headImg" src="{{item.merchantPic}}" mode="" />
  231. <view class="annotation">
  232. {{item.merchantName}}
  233. </view>
  234. </view>
  235. <view class="priceBox">
  236. <view class="priceF" tt:if="{{item.salePriceStr!=0}}">
  237. </view>
  238. <view class="price" tt:if="{{item.salePriceStr!=0}}">
  239. {{item.salePriceStr}}
  240. </view>
  241. <view class="price" tt:if="{{item.salePriceStr==0}}">
  242. 免费
  243. </view>
  244. </view>
  245. </view>
  246. </view>
  247. </view>
  248. <view class="extendBox">
  249. <navigator class="extendMoreBox oh" target="" url="/pages/ranking/ranking?type=1&titilText=最新上架" hover-class="navigator-hover" open-type="navigate">
  250. <image style="width: 40rpx; height: 40rpx; margin-top: 15rpx; margin-left: 80rpx; float: left; color: #8790a8; font-size: 30rpx;" src="{{imgHttps+'home_ic_ckgd.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
  251. <view style="line-height: 70rpx; margin-left: 20rpx; float: left;">
  252. 查看更多
  253. </view>
  254. </navigator>
  255. <!-- <view class="changeBox">
  256. <image
  257. style="width: 40rpx;height: 40rpx;margin-top: 15rpx;margin-left: 80rpx;float: left; color: #8790A8;font-size: 30rpx;"
  258. src="{{imgHttps+'home_ic_hyh.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false"
  259. binderror="" bindload="" />
  260. <view style="line-height: 70rpx;margin-left: 20rpx;float: left;">
  261. 换一换
  262. </view>
  263. </view> -->
  264. </view>
  265. </view>
  266. </view>
  267. </view>