index.wxml 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378
  1. <wxs module="banner" src="../home/banner.wxs"></wxs>
  2. <nav-bar navbar-data='{{nvabarData}}'></nav-bar>
  3. <view class="home">
  4. <view class="main {{_num==1?'mainlock':''}}">
  5. <view class="searchInfo">
  6. <input type="text" name="title" placeholder="输入金融产品名称" bindinput="titleInput"></input>
  7. <button bindtap="clickSearch">
  8. <van-icon name="search" style="font-size: 55rpx;" /></button>
  9. </view>
  10. <view class="marketList">
  11. <!-- <view class="swiper-tab">
  12. <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">全部</view>
  13. <view class="swiper-tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="clickTab">贷款产品</view>
  14. <view class="swiper-tab-item {{currentTab==2?'active':''}}" data-current="2" bindtap="clickTab">理财产品</view>
  15. </view>
  16. <swiper current="{{currentTab}}" bindchange="swiperTab">
  17. <swiper-item>
  18. <view class="marketOne">
  19. <view class="top">
  20. <view class="left">
  21. <view class="sign-setting-border {{idx==item.id?'selected':''}}" wx:for="{{applyList}}" wx:key="unique" bindtap='selectApply' data-id="{{item.id}}">
  22. {{item.name}}
  23. </view>
  24. </view>
  25. <view class="right">
  26. <image src="/pages/images/list.png"></image>
  27. </view>
  28. </view>
  29. <view class="main">
  30. 主体
  31. </view>
  32. </view>
  33. </swiper-item>
  34. <swiper-item>
  35. <view>选项2</view>
  36. </swiper-item>
  37. <swiper-item>
  38. <view>选项3</view>
  39. </swiper-item>
  40. </swiper> -->
  41. <van-tabs active="{{ tabActive }}" bind:change="onChangeTab">
  42. <van-tab title="全部">
  43. <view class="marketOne">
  44. <view class="top">
  45. <view class="left">
  46. <view class="sign-setting-border {{idx==item.id?'selected':''}}" wx:for="{{applyList}}" wx:key="unique" bindtap='selectApply' data-id="{{item.id}}">
  47. {{item.name}}
  48. </view>
  49. </view>
  50. <view class="right">
  51. <view class="one">
  52. <image src="/pages/images/list.png" class="hide{{showView?'show':''}}" bindtap="onChangeShowState"></image>
  53. <image src="/pages/images/video.png" class="hide{{showView?'':'show'}}" bindtap="onChangeShowState"></image>
  54. </view>
  55. <view class="two" bindtap="showPopup">
  56. <text>筛选</text>
  57. <image src="/pages/images/filter.png"></image>
  58. </view>
  59. </view>
  60. </view>
  61. <view class="mess">
  62. <view class="hide{{showView?'show':''}}">
  63. <view class="marketOneVideo">
  64. <view class="list" wx:key="index" wx:for="{{marketOneVideoList}}" wx:for-item="item">
  65. <!-- <video wx:if="{{item.video}}" id="myvideo" src="{{banner.bannerimg(item.video)}}" > </video> -->
  66. <image class="logo" style="width:690rpx;height:300rpx;" src="{{banner.bannerimg(item.videoimg)}}"></image>
  67. <view>
  68. <image style="width:100rpx;height:100rpx;" src="{{banner.bannerimg(item.logo)}}"></image>
  69. <text>{{item.name}}</text>
  70. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  71. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  72. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  73. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  74. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  75. </view>
  76. <view>
  77. <text catchtap="marketOneVideoNoDetail" id="{{item._id}}" data-claimid="{{item._id}}" data-img="{{item.logo}}" >详情</text>
  78. </view>
  79. <view>
  80. <view>参考利率:<text>{{item.mongey_min_rate}}-{{item.mongey_max_rate}}%</text></view>
  81. <text class="monery">贷款额度:{{item.claims_min_money}}-{{item.claims_max_money}}万</text>
  82. </view>
  83. <view>
  84. <text>融资方式:{{item.ensure_name}}</text>
  85. <text>贷款期限:{{item.claims_min_term}}-{{item.claims_max_term}}月</text>
  86. </view>
  87. </view>
  88. </view>
  89. </view>
  90. <view class="hide{{showView?'':'show'}}">
  91. <view class="marketOneNovideo">
  92. <view class="list" wx:key="index" wx:for="{{marketOneNovideoList}}" wx:for-item="item">
  93. <view bindtap="marketOneVideoNoDetail" id="{{item._id}}" data-claimid="{{item._id}}" data-img="{{item.logo}}">
  94. <view class="left">
  95. <view class="background-color">
  96. <image style="width:100%;height:100%;" src="{{banner.bannerimg(item.logo)}}"></image>
  97. <!-- <view wx:if="{{item.top=='1'}}"><text>Hot</text></view> -->
  98. </view>
  99. <view>
  100. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  101. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  102. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  103. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  104. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  105. </view>
  106. </view>
  107. <view class="right">
  108. <view>{{item.name}}</view>
  109. <view>参考利率:<text class="red-color">{{item.mongey_min_rate}}-{{item.mongey_max_rate}}%</text></view>
  110. <view>贷款额度:{{item.claims_min_money}}-{{item.claims_max_money}}万</view>
  111. <view>
  112. <text>贷款期限:{{item.claims_min_term}}-{{item.claims_max_term}}月</text>
  113. </view>
  114. <view>融资方式:<text>{{item.ensure_name}}</text>
  115. </view>
  116. <view>成功对接<text class="red-color">{{item.joincount}}</text>家企业</view>
  117. </view>
  118. </view>
  119. </view>
  120. </view>
  121. </view>
  122. </view>
  123. </view>
  124. </van-tab>
  125. <van-tab title="抗疫贷">
  126. <view class="marketOne">
  127. <view class="top">
  128. <view class="left">
  129. <view class="sign-setting-border {{idx==item.id?'selected':''}}" wx:for="{{applyList}}" wx:key="unique" bindtap='selectApply' data-id="{{item.id}}">
  130. {{item.name}}
  131. </view>
  132. </view>
  133. <view class="right">
  134. <view class="one">
  135. <image src="/pages/images/list.png" class="hide{{showView?'show':''}}" bindtap="onChangeShowState"></image>
  136. <image src="/pages/images/video.png" class="hide{{showView?'':'show'}}" bindtap="onChangeShowState"></image>
  137. </view>
  138. <view class="two" bindtap="showPopup">
  139. <text>筛选</text>
  140. <image src="/pages/images/filter.png"></image>
  141. </view>
  142. </view>
  143. </view>
  144. <view class="mess">
  145. <view class="hide{{showView?'show':''}}">
  146. <view class="marketOneVideo">
  147. <view class="list" wx:key="index" wx:for="{{marketOneNovideoList}}" wx:for-item="item">
  148. <!-- <video wx:if="{{item.video}}" id="myvideo" src="{{banner.bannerimg(item.video)}}" > </video> -->
  149. <image style="width:690rpx;height:300rpx;" src="{{banner.bannerimg(item.videoimg)}}"></image>
  150. <view>
  151. <image style="width:100rpx;height:100rpx;" src="{{banner.bannerimg(item.logo)}}"></image>
  152. <text>{{item.name}}</text>
  153. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  154. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  155. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  156. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  157. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  158. </view>
  159. <view>
  160. <text catchtap="marketOneVideoNoDetail" id="{{item._id}}" data-claimid="{{item._id}}" data-img="{{item.logo}}">详情</text>
  161. </view>
  162. <view>
  163. <view>参考利率:<text>{{item.mongey_min_rate}}-{{item.mongey_max_rate}}%</text></view>
  164. <text class="monery">贷款额度:{{item.claims_min_money}}-{{item.claims_max_money}}万</text>
  165. </view>
  166. <view>
  167. <text>融资方式:{{item.ensure_name}}</text>
  168. <text>贷款期限:{{item.claims_min_term}}-{{item.claims_max_term}}月</text>
  169. </view>
  170. </view>
  171. </view>
  172. </view>
  173. <view class="hide{{showView?'':'show'}}">
  174. <view class="marketOneNovideo">
  175. <view class="list" wx:key="index" wx:for="{{marketOneNovideoList}}" wx:for-item="item">
  176. <view bindtap="marketOneVideoNoDetail" id="{{item._id}}" data-claimid="{{item._id}}" data-img="{{item.logo}}">
  177. <view class="left">
  178. <view>
  179. <image style="width:200rpx;height:200rpx;" src="{{banner.bannerimg(item.logo)}}"></image>
  180. <!-- <view wx:if="{{item.top=='1'}}"><text>Hot</text></view> -->
  181. </view>
  182. <view>
  183. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  184. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  185. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  186. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  187. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  188. </view>
  189. </view>
  190. <view class="right">
  191. <view>{{item.name}}</view>
  192. <view>参考利率:<text class="red-color">{{item.mongey_min_rate}}-{{item.mongey_max_rate}}%</text></view>
  193. <view>贷款额度:{{item.claims_min_money}}-{{item.claims_max_money}}万</view>
  194. <view>
  195. <text>贷款期限:{{item.claims_min_term}}-{{item.claims_max_term}}月</text>
  196. </view>
  197. <view>融资方式:<text>{{item.ensure_name}}</text>
  198. </view>
  199. <view>成功对接<text class="red-color">{{item.joincount}}</text>家企业</view>
  200. </view>
  201. </view>
  202. </view>
  203. </view>
  204. </view>
  205. </view>
  206. </view>
  207. </van-tab>
  208. <van-tab title="首贷专区">
  209. <view class="marketOne">
  210. <view class="top">
  211. <view class="left">
  212. <view class="sign-setting-border {{idx==item.id?'selected':''}}" wx:for="{{applyList}}" wx:key="unique" bindtap='selectApply' data-id="{{item.id}}">
  213. {{item.name}}
  214. </view>
  215. </view>
  216. <view class="right">
  217. <view class="one">
  218. <image src="/pages/images/list.png" class="hide{{showView?'show':''}}" bindtap="onChangeShowState"></image>
  219. <image src="/pages/images/video.png" class="hide{{showView?'':'show'}}" bindtap="onChangeShowState"></image>
  220. </view>
  221. <view class="two" bindtap="showPopup">
  222. <text>筛选</text>
  223. <image src="/pages/images/filter.png"></image>
  224. </view>
  225. </view>
  226. </view>
  227. <view class="mess">
  228. <view class="hide{{showView?'show':''}}">
  229. <view class="marketOneVideo">
  230. <view class="list" wx:key="index" wx:for="{{marketOneVideoList}}" wx:for-item="item">
  231. <!-- <video wx:if="{{item.video}}" id="myvideo" src="{{banner.bannerimg(item.video)}}" > </video> -->
  232. <image style="width:690rpx;height:300rpx;" src="{{banner.bannerimg(item.videoimg)}}"></image>
  233. <view>
  234. <image style="width:100rpx;height:100rpx;" src="{{banner.bannerimg(item.logo)}}"></image>
  235. <text>{{item.name}}</text>
  236. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  237. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  238. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  239. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  240. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  241. </view>
  242. <view>
  243. <text catchtap="marketOneVideoNoDetail" id="{{item._id}}" data-claimid="{{item._id}}" data-img="{{item.logo}}">详情</text>
  244. </view>
  245. <view>
  246. <view>参考利率:<text>{{item.mongey_min_rate}}-{{item.mongey_max_rate}}%</text></view>
  247. <text class="monery">贷款额度:{{item.claims_min_money}}-{{item.claims_max_money}}万</text>
  248. </view>
  249. <view>
  250. <text>融资方式:{{item.ensure_name}}</text>
  251. <text>贷款期限:{{item.claims_min_term}}-{{item.claims_max_term}}月</text>
  252. </view>
  253. </view>
  254. </view>
  255. </view>
  256. <view class="hide{{showView?'':'show'}}">
  257. <view class="marketOneNovideo">
  258. <view class="list" wx:key="index" wx:for="{{marketOneNovideoList}}" wx:for-item="item">
  259. <view bindtap="marketOneVideoNoDetail" id="{{item._id}}" data-claimid="{{item._id}}" data-img="{{item.logo}}">
  260. <view class="left">
  261. <view>
  262. <image style="width:200rpx;height:200rpx;" src="{{banner.bannerimg(item.logo)}}"></image>
  263. <!-- <view wx:if="{{item.top=='1'}}"><text>Hot</text></view> -->
  264. </view>
  265. <view>
  266. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  267. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  268. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  269. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  270. <image style="width:26rpx;height:26rpx;" src="/pages/images/favor_fill.png"></image>
  271. </view>
  272. </view>
  273. <view class="right">
  274. <view>{{item.name}}</view>
  275. <view>参考利率:<text class="red-color">{{item.mongey_min_rate}}-{{item.mongey_max_rate}}%</text></view>
  276. <view>贷款额度:{{item.claims_min_money}}-{{item.claims_max_money}}万</view>
  277. <view>
  278. <text>贷款期限:{{item.claims_min_term}}-{{item.claims_max_term}}月</text>
  279. </view>
  280. <view>融资方式:<text>{{item.ensure_name}}</text>
  281. </view>
  282. <view>成功对接<text class="red-color">{{item.joincount}}</text>家企业</view>
  283. </view>
  284. </view>
  285. </view>
  286. </view>
  287. </view>
  288. </view>
  289. </view>
  290. </van-tab>
  291. </van-tabs>
  292. </view>
  293. </view>
  294. <view class="down">
  295. <van-tabbar active="{{ active }}" bind:change="onChange" class="tabber">
  296. <van-tabbar-item>
  297. <image slot="icon" src="{{ icon.normal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
  298. <image slot="icon-active" src="{{ icon.active }}" mode="aspectFit" style="width: 30px; height: 18px;" />
  299. 首页
  300. </van-tabbar-item>
  301. <van-tabbar-item>
  302. <image slot="icon" src="{{ icon.bankNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
  303. <image slot="icon-active" src="{{ icon.bankActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
  304. 我要融资
  305. </van-tabbar-item>
  306. <van-tabbar-item>
  307. <image slot="icon" src="{{ icon.marketNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
  308. <image slot="icon-active" src="{{ icon.marketActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
  309. 金融超市
  310. </van-tabbar-item>
  311. <van-tabbar-item>
  312. <image slot="icon" src="{{ icon.policyNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
  313. <image slot="icon-active" src="{{ icon.policyActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
  314. 政策解读</van-tabbar-item>
  315. <van-tabbar-item>
  316. <image slot="icon" src="{{ icon.myNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
  317. <image slot="icon-active" src="{{ icon.myActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
  318. 我的</van-tabbar-item>
  319. </van-tabbar>
  320. </view>
  321. </view>
  322. <!-- 弹出层 -->
  323. <van-popup show="{{ show }}" bind:close="onClose" position="right" custom-style="height: 100%;" class="vanPopup">
  324. <view class="popupInfo">
  325. <form bindsubmit="formSubmit" bindreset="formReset">
  326. <view class='input-content'>
  327. <view class="input-col one">
  328. <label>金融机构</label>
  329. <view class="{{!showMore? 'hiddenmore' : 'showmore'}}">
  330. <radio-group class="radio-group" bindchange="radioChange" name="uid">
  331. <radio class="{{idx>3 ? 'none' : ''}} radio" wx:for-items="{{rzqdList}}" wx:for-index="idx" wx:key="name" value="{{item.id}}" checked="{{item.checked}}" color="#E9021D">
  332. <text>{{item.name}}</text>
  333. </radio>
  334. </radio-group>
  335. <block wx:if="{{rzqdList.length>4}}">
  336. <view wx:if="{{showMore}}" class='input-col one blue' bindtap='listToggle'>
  337. 收起
  338. <van-icon name="arrow-up" />
  339. </view>
  340. <view wx:else class='input-col one blue' bindtap='listToggle'>
  341. 查看更多
  342. <van-icon name="arrow-down" />
  343. </view>
  344. </block>
  345. </view>
  346. </view>
  347. <view class="input-col one">
  348. <label>融资期限</label>
  349. <radio-group class="radio-group" bindchange="radioChange" name="claims_max_term">
  350. <radio class="radio" wx:for-items="{{rzqxList}}" wx:key="name" value="{{item.code}}" checked="{{item.checked}}" color="#E9021D">
  351. <text>{{item.name}}</text>
  352. </radio>
  353. </radio-group>
  354. </view>
  355. <view class="input-col one">
  356. <label>融资方式</label>
  357. <radio-group class="radio-group" bindchange="radioChange" name="code">
  358. <radio class="radio" wx:for-items="{{dbfsList}}" wx:key="name" value="{{item.code}}" checked="{{item.checked}}" color="#E9021D">
  359. <text>{{item.name}}</text>
  360. </radio>
  361. </radio-group>
  362. </view>
  363. <view class="input-col one">
  364. <label>融资额度</label>
  365. <radio-group class="radio-group" bindchange="radioChange" name="claims_max_money">
  366. <radio class="radio" wx:for-items="{{rzedList}}" wx:key="name" value="{{item.code}}" checked="{{item.checked}}" color="#E9021D">
  367. <text>{{item.name}}</text>
  368. </radio>
  369. </radio-group>
  370. </view>
  371. </view>
  372. <view class="btn-area">
  373. <button formType="reset">重置</button>
  374. <button formType="submit">确定</button>
  375. </view>
  376. </form>
  377. </view>
  378. </van-popup>