Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

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