app.json

@@ -14,7 +14,8 @@
     "pages/register/index",
     "pages/test/index",
     "pages/messageInfo/index",
-    "pages/logs/logs"
+    "pages/logs/logs",
+    "pages/marketLoanDetail/index"
   ],
   "usingComponents": {
     "van-button": "../../miniprogram_npm/vant-weapp/button/index",

miniprogram_npm/vant-weapp/divider/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+component_1.VantComponent({
+    props: {
+        dashed: {
+            type: Boolean,
+            value: false
+        },
+        hairline: {
+            type: Boolean,
+            value: false
+        },
+        contentPosition: {
+            type: String,
+            value: ''
+        },
+        fontSize: {
+            type: Number,
+            value: ''
+        },
+        borderColor: {
+            type: String,
+            value: ''
+        },
+        textColor: {
+            type: String,
+            value: ''
+        },
+        customStyle: {
+            type: String,
+            value: ''
+        }
+    }
+});

miniprogram_npm/vant-weapp/divider/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

miniprogram_npm/vant-weapp/divider/index.wxml

@@ -0,0 +1,8 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="custom-class {{ utils.bem('divider', [{dashed, hairline}, contentPosition]) }}"
+  style="{{ borderColor  ? 'border-color: ' + borderColor + ';' : '' }}{{ textColor ? 'color: ' + textColor + ';' : '' }} {{ fontSize ? 'font-size: ' + fontSize + 'px;' : '' }} {{ customStyle }}"
+>
+  <slot />
+</view>

pages/marketLoanDetail/index.js

@@ -0,0 +1,94 @@
+// pages/my/index.js
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    nvabarData: {
+      showCapsule: 0, //是否显示左上角图标，消息中心   1表示显示    0表示不显示
+      showBack: 1, //返回
+      title: '贷款产品', //导航栏 中间的标题
+      // 此页面 页面内容距最顶部的距离
+      height: app.globalData.height * 2 + 20,
+  },
+    loanDetail:{
+        id:'1',pic:'../market/image/tupian.png',name:'李可可可',mongey_min_rate:'4.25',mongey_max_rate:'5.09',claims_min_money:'1',claims_max_money:'200',claims_min_term:'1',claims_max_term:'10',danbao:'不限',num:666,
+        news_name:"项目亮点",news_info:"AA主体融资;AA主体担保;土地抵押；应收账款5+56156156",
+      },
+    rateValue: 5,
+    pid: '',
+    mapUrl:'',//视频地址url
+  },
+  loadDetail: function () {
+    console.log(this.data.pid);
+},
+clickApply(event){
+  console.log(event,"申请");
+  wx.navigateTo({
+    url: '/pages/loanDetailapply/index?id=' + event.currentTarget.dataset.id // 希望跳转过去的页面
+})
+},
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    this.setData({
+      pid: options.id
+  });
+  this.setData({
+    mapUrl: "http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"
+  });
+  this.loadDetail();
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/marketLoanDetail/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "nav-bar": "/commpents/navbar/navbar"
+  
+  }
+}

pages/marketLoanDetail/index.wxml

@@ -0,0 +1,32 @@
+<nav-bar navbar-data='{{nvabarData}}'></nav-bar>
+<view class="home">
+	<view class="main">
+		<view class="list">
+			<van-row gutter="20">
+				<van-col span="8">
+					<image src="{{loanDetail.pic}}"></image>
+				</van-col>
+				<van-col span="16">
+					<view class='title'>{{loanDetail.name}}</view>
+					<view class='title-left'>参考利率：<span class='title-left-red'> {{loanDetail.mongey_min_rate}}%-{{loanDetail.mongey_max_rate}}%</span></view>
+					<view class='title-left'>贷款额度：<span> {{loanDetail.claims_min_money}}-{{loanDetail.claims_max_money}}万</span></view>
+					<view class='title-left'>贷款期限：<span> {{loanDetail.claims_min_term}}%-{{loanDetail.claims_max_term}}个月</span></view>
+				</van-col>
+			</van-row>
+			<van-row gutter="20">
+				<van-col span="8">
+					<van-rate value="{{rateValue}}" bind:change="onChange" size="{{ 16}}" color="#ee0a24" void-color="#eee" void-icon="star"></van-rate>
+				</van-col>
+				<van-col span="16">
+					<view>成功对接<span class='title-left-red'>{{loanDetail.num}}</span>家企业</view>
+				</van-col>
+			</van-row>
+			<video style="height:300rpx;width:100%;  margin-top: 39rpx;" src="{{mapUrl}}"> </video>
+			<view class="title-name">项目详情</view>
+			<view class="title-content">{{loanDetail.news_name}}:</view>
+			<view class="title-content">{{loanDetail.news_info}}</view>
+		</view>
+		<van-button class='button' type="danger"  round size="large" bind:click='clickApply' data-id="{{loanDetail.id}}">申请</van-button>
+	</view>
+	
+</view>

pages/marketLoanDetail/index.wxss

@@ -0,0 +1,150 @@
+.main {
+  float: left;
+  width: 92%;
+  margin: 0 30rpx;
+}
+
+.main .topBtn {
+  float: left;
+  width: 100%;
+  margin: 0 0 30rpx 0;
+}
+
+.tabs .van-tab {
+  font-size: 34rpx;
+}
+
+.tabs .van-tab--active .van-tab__title {
+  color: #E9021D;
+}
+
+.color-box {
+  background: rgba(242, 245, 250, 1);
+  height: 68rpx;
+  width: 100%;
+  line-height: 68rpx;
+  font-size: 26rpx;
+  margin-top: 10rpx;
+}
+
+.list {
+  margin-top: 20rpx;
+}
+
+.list image {
+  width: 200rpx;
+  height: 200rpx;
+}
+
+.list .title {
+  font-size: 30rpx;
+  font-family: Source Han Sans SC;
+  font-weight: bold;
+  color: rgba(40, 40, 40, 1);
+}
+
+.list .title-left {
+  font-size: 26rpx;
+  font-family: Source Han Sans SC;
+  font-weight: 400;
+  margin-top: 19rpx;
+  color: rgba(40, 40, 40, 1);
+}
+
+.list .title-left-red {
+  color: #E9021D;
+}
+
+.title-name {
+  margin: 20rpx 0 20rpx 0;
+  font-size: 30rpx;
+  font-family: Source Han Sans SC;
+  font-weight: 400;
+  color: rgba(136, 136, 136, 1);
+}
+
+.title-content {
+  margin-bottom: 10rpx;
+}
+.button {
+  width: 100%;
+}
+
+.main .topBtn .title {
+  float: left;
+  width: 100%;
+  font-size: 30rpx;
+  font-family: Source Han Sans SC;
+  font-weight: bold;
+  color: rgba(40, 40, 40, 1);
+  margin: 60rpx 0 30rpx 0;
+}
+
+.main .topBtn .topCLick {
+  float: left;
+  width: 93%;
+  height: 217rpx;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 5px 20px 0px rgba(233, 237, 244, 1);
+  border-radius: 20px;
+  padding: 50rpx 0 0 50rpx;
+
+}
+
+.main .topBtn .topCLick div {
+  float: left;
+  width: 118rpx;
+  text-align: center;
+  margin: 0 118rpx 0 0;
+}
+
+.main .topBtn .topCLick div image {
+  float: left;
+  width: 99rpx;
+  height: 99rpx;
+  margin-left: 12rpx;
+
+}
+
+.main .topBtn .topCLick div:last-child {
+  margin: 0;
+}
+
+.main .topBtn .topCLick div button {
+  padding: 0;
+  width: 118rpx;
+  font-size: 30rpx;
+  font-family: Source Han Sans SC;
+  font-weight: 400;
+  color: rgba(40, 40, 40, 1);
+  background: transparent;
+}
+
+.main .functBtn {
+  float: left;
+  width: 100%;
+}
+
+.main .functBtn button {
+  float: left;
+  width: 100%;
+  height: 108rpx;
+  line-height: 108rpx;
+  text-align: left;
+  border-bottom: 1px solid #ccc;
+  background: transparent;
+  border-radius: 0;
+  font-size: 30rpx;
+  font-family: Source Han Sans SC;
+  font-weight: 400;
+  color: rgba(40, 40, 40, 1);
+  padding: 0;
+
+}
+
+.main .functBtn button span {
+  float: right;
+  padding: 0 20rpx 0 0;
+  color: #ccc;
+  font-size: 50rpx;
+}