You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

353 lines
15 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" style="width: 90%; height: 70%; margin: 0 5%;">
  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" style="width: 90%; height: 70%; margin: 0 5%;">
  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" style="width: 90%; height: 70%; margin: 0 5%;">
  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" style="width: 90%; height: 70%; margin: 0 5%;">
  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="aspectFit|aspectFill|widthFix" 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. 投资者-周期
  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: 50rpx;" 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. <image class="headImg" src="{{item.merchantPic}}" mode="" />
  121. <view class="annotation">
  122. {{item.merchantName}}
  123. </view>
  124. <view class="priceBox">
  125. <view class="priceF" tt:if="{{item.salePriceStr!=0}}">
  126. </view>
  127. <view class="price" tt:if="{{item.salePriceStr!=0}}">
  128. {{item.salePriceStr}}
  129. </view>
  130. <view class="price" tt:if="{{item.salePriceStr==0}}">
  131. 免费
  132. </view>
  133. </view>
  134. </view>
  135. </view>
  136. </view>
  137. <view class="extendBox">
  138. <navigator class="extendMoreBox oh" target="" url="/pages/ranking/ranking?type=2&titilText=精选课程" hover-class="navigator-hover"
  139. open-type="navigate">
  140. <image
  141. style="width: 40rpx;height: 40rpx;margin-top: 15rpx;margin-left: 80rpx;float: left; color: #8790A8;font-size: 30rpx;"
  142. src="{{imgHttps+'home_ic_ckgd.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false"
  143. binderror="" bindload="" />
  144. <view style="line-height: 70rpx;margin-left: 20rpx;float: left;">
  145. 查看更多
  146. </view>
  147. </navigator>
  148. <!-- <view class="changeBox">
  149. <image
  150. style="width: 40rpx;height: 40rpx;margin-top: 15rpx;margin-left: 80rpx;float: left; color: #8790A8;font-size: 30rpx;"
  151. src="{{imgHttps+'home_ic_hyh.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false"
  152. binderror="" bindload="" />
  153. <view style="line-height: 70rpx;margin-left: 20rpx;float: left;">
  154. 换一换
  155. </view>
  156. </view> -->
  157. </view>
  158. </view>
  159. <!--推荐作者 -->
  160. <view class="deyBox author" tt:if="{{autho.length!=0}}">
  161. <view class="deyTitleBox">
  162. <image class="deyTitleImg" src="{{imgHttps+'home_tab_tjzz.png'}}" mode="aspectFit|aspectFill|widthFix"
  163. lazy-load="false" binderror="" bindload="" />
  164. <view class="deyTitle">
  165. 推荐作者
  166. </view>
  167. </view>
  168. <view class="authorBox">
  169. <navigator class="authorItem" tt:for="{{autho}}" url="/pages/UpHome/UpHome?id={{item.id}}&name={{item.name}}" open-type="" hover-class="className">
  170. <image class="authorImgTop" src="{{item.imgUrl}}" mode="" />
  171. <view class="nameBox">
  172. <view class="authorName">
  173. {{item.name}}
  174. </view>
  175. <view class="authorText">
  176. {{item.authoRemark}}
  177. </view>
  178. </view>
  179. </navigator>
  180. </view>
  181. </view>
  182. <view class="rankingBox" tt:if="{{rankingList.length!=0}}">
  183. <view class="handpickTop">
  184. <image class="handpickImg" src="{{imgHttps+'home_tab_ic_rmph.png'}}"
  185. mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
  186. <view class="handpickText">
  187. 热门排行
  188. </view>
  189. </view>
  190. <view class="sortBox">
  191. <view class="sortItemBox" tt:for="{{rankingList}}" bindtap="goXq" data-id="{{item.id}}" data-title="{{item.title}}">
  192. <view class="sortItemImg">
  193. <image class="" src="{{item.coverImg}}" mode="" />
  194. <view class="{{index <=3?'sortNumBj_'+index:'sortNumBj_3'}}">
  195. {{index+1}}
  196. </view>
  197. </view>
  198. <view class="sortTitle">
  199. {{item.title}}
  200. </view>
  201. <view class="popularityBox oh">
  202. <image class="popularityImg" src="{{imgHttps+'home_ic_renq.png'}}"
  203. mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
  204. <view class="popularityText">
  205. 人 气
  206. </view>
  207. <view class="popularityNum">
  208. {{item.popularity}}
  209. </view>
  210. </view>
  211. </view>
  212. </view>
  213. <!-- <view class="exchangeBox">
  214. <image class="exchangeImg" src="{{imgHttps+'home_ic_ckgd.png'}}" mode="aspectFit|aspectFill|widthFix"
  215. lazy-load="false" binderror="" bindload="" />
  216. <view class="exchangeText">
  217. 换一换
  218. </view>
  219. </view> -->
  220. </view>
  221. <view class="handpickBox" tt:if="{{deyList.length!=0}}">
  222. <view class="handpickTop">
  223. <image class="handpickImg" src="{{imgHttps+'home_tab_ic_new.png'}}" mode="aspectFit|aspectFill|widthFix"
  224. lazy-load="false" binderror="" bindload="" />
  225. <view class="handpickText">
  226. 最新内容
  227. </view>
  228. </view>
  229. <view class="commodityBox" tt:for="{{deyList}}" bindtap="goXq" data-id="{{item.id}}" data-title="{{item.title}}">
  230. <view class="commodityImg">
  231. <image class="commodityImage" src="{{item.coverImg}}" mode="" />
  232. <view class="newPopularity oh">
  233. <image class="popularityImg" style="margin-left: 50rpx;" src="{{imgHttps+'home_ic_renq.png'}}"
  234. mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
  235. <view class="popularityText">
  236. 最近人气
  237. </view>
  238. <view class="popularityNum">
  239. {{item.popularity}}
  240. </view>
  241. </view>
  242. </view>
  243. <view class="describeBox">
  244. <view class="describeBame">
  245. {{item.title}}
  246. </view>
  247. <view class="authorBox1">
  248. <image class="headImg" src="{{item.merchantPic}}" mode="" />
  249. <view class="annotation">
  250. {{item.merchantName}}
  251. </view>
  252. <view class="priceBox">
  253. <view class="priceF" tt:if="{{item.salePriceStr!=0}}">
  254. </view>
  255. <view class="price" tt:if="{{item.salePriceStr!=0}}">
  256. {{item.salePriceStr}}
  257. </view>
  258. <view class="price" tt:if="{{item.salePriceStr==0}}">
  259. 免费
  260. </view>
  261. </view>
  262. </view>
  263. </view>
  264. </view>
  265. <view class="extendBox">
  266. <navigator class="extendMoreBox oh" target="" url="/pages/ranking/ranking?type=1&titilText=最新上架" hover-class="navigator-hover"
  267. open-type="navigate">
  268. <image
  269. style="width: 40rpx;height: 40rpx;margin-top: 15rpx;margin-left: 80rpx;float: left; color: #8790A8;font-size: 30rpx;"
  270. src="{{imgHttps+'home_ic_ckgd.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false"
  271. binderror="" bindload="" />
  272. <view style="line-height: 70rpx;margin-left: 20rpx;float: left;">
  273. 查看更多
  274. </view>
  275. </navigator>
  276. <!-- <view class="changeBox">
  277. <image
  278. style="width: 40rpx;height: 40rpx;margin-top: 15rpx;margin-left: 80rpx;float: left; color: #8790A8;font-size: 30rpx;"
  279. src="{{imgHttps+'home_ic_hyh.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false"
  280. binderror="" bindload="" />
  281. <view style="line-height: 70rpx;margin-left: 20rpx;float: left;">
  282. 换一换
  283. </view>
  284. </view> -->
  285. </view>
  286. </view>
  287. </view>
  288. </view>