Initial Commit

.gitignore

@@ -0,0 +1,14 @@
+# Windows
+[Dd]esktop.ini
+Thumbs.db
+$RECYCLE.BIN/
+
+# macOS
+.DS_Store
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+
+# Node.js
+node_modules/

.idea/.gitignore

@@ -0,0 +1,2 @@
+# Default ignored files
+/workspace.xml

.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+</project>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/ypgapp.iml" filepath="$PROJECT_DIR$/.idea/ypgapp.iml" />
+    </modules>
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/../.." vcs="Git" />
+  </component>
+</project>

.idea/ypgapp.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

app.js

@@ -0,0 +1,188 @@
+//app.js
+var JMessage = require('./libs/jmessage-wxapplet-sdk-1.4.2.min.js')
+App({
+  onLaunch: function () {
+    // 展示本地存储能力
+    let _this = this;
+    let logs = wx.getStorageSync('logs') || []
+    const updateManager = wx.getUpdateManager()
+
+    updateManager.onCheckForUpdate(function (res) {
+      // 请求完新版本信息的回调
+      if (res.hasUpdate) {
+        updateManager.onUpdateReady(function () {
+          wx.showModal({
+            title: '更新提示',
+            content: '新版本已经准备好，是否重启应用？',
+            success(res) {
+              if (res.confirm) {
+                // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
+                updateManager.applyUpdate()
+              }
+            }
+          })
+        })
+      };
+    })
+    
+    logs.unshift(Date.now());
+    wx.setStorageSync('logs', logs);
+    wx.login({
+      success: loginCode => {
+        wx.setStorageSync('key', { 'code': loginCode.code });
+        wx.request({
+          url: _this.globalData.prodUrl + 'web-sso/get_open_id',
+          data: {
+            code: loginCode.code
+          },
+          success: function (data) {
+
+            _this.globalData.requestStatus = true;
+            wx.setStorageSync('key', { 'openid': data.data.data.openid, 'ydw_token': data.data.ydw_token, 'persionid': data.data.persion.kid});
+            wx.setStorageSync('persion', { 'persion': data.data.persion });
+            // 去支付提醒
+            _this.payRemind();
+            if(data.data.is_first) {
+              _this.globalData.is_first = true; 
+            };
+            if(data.data.red_pack_msg.length>0) {
+              _this.globalData.red_pack_msg = data.data.red_pack_msg.length
+            }
+          }
+        })
+        // 发送 res.code 到后台换取 openId, sessionKey, unionId
+      }
+    })
+    //获取openID
+    // _this.getLogs(_this);
+    // 获取用户信息
+    // wx.getSetting({
+    //   success: res => {
+    //     if (res.authSetting['scope.userInfo']) {
+    //       // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
+    //       wx.getUserInfo({
+    //         success: res => {
+    //           // 可以将 res 发送给后台解码出 unionId
+    //           this.globalData.userInfo = res.userInfo
+    //           console.log(this.globalData.userInfo)
+    //           // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
+    //           // 所以此处加入 callback 以防止这种情况
+    //           if (this.userInfoReadyCallback) {
+    //             this.userInfoReadyCallback(res)
+    //           }
+    //         }
+    //       })
+    //     }
+    //   }
+    // });
+  },
+  globalData: {
+    userInfo: null,
+    requestStatus: false,
+    prodUrl: 'https://www.eqbidding.com/',
+    is_first: false,
+    awardsConfig: {},
+    red_pack_msg:0
+  },
+  getLogs: function (obj) {
+    return new Promise((resolve, reject) => {
+      let _this = obj;
+      wx.login({
+        success: loginCode => {
+          wx.setStorageSync('key', { 'code': loginCode.code });
+          wx.request({
+            url: _this.globalData.prodUrl + 'web-sso/get_open_id',
+            data: {
+              code: loginCode.code
+            },
+            success: function (data) {
+              _this.globalData.requestStatus = true;
+              wx.setStorageSync('key', { 'openid': data.data.data.openid, 'ydw_token': data.data.ydw_token });
+              wx.setStorageSync('persion', { 'persion': data.data.persion });
+              resolve();
+              if (data.data.is_first) {
+                _this.globalData.is_first = true;
+              };
+              if (data.data.red_pack_msg.length > 0) {
+                _this.globalData.red_pack_msg = data.data.red_pack_msg.length
+              };
+            }, 
+            fail: reject 
+          })
+        }
+      })
+    })
+  },
+  payRemind : function () {
+    let _this = this;
+    wx.request({
+      url: _this.globalData.prodUrl + 'web-pm/wx/pm/wait_pay_money',
+      header: {
+        'ydw-token': wx.getStorageSync('key').ydw_token
+      },
+      success: function (data) {
+        if (data.data.status!=500){
+          if (data.data.data.length > 0) {
+            wx.showModal({
+              title: '温馨提示',
+              content: '您有' + data.data.data.length + '件商品未付款',
+              confirmText: '去支付',
+              showCancel: false,
+              success(res) {
+                if (res.confirm) {
+                  wx.navigateTo({
+                    url: '/pages/mine/wxml/beingphotographed/beingphotographed'
+                  })
+                }
+              }
+            })
+          }
+        }
+
+      },
+    });
+  },
+  update: function (userinfo) {
+    var _this = this;
+    wx.request({
+      url: _this.globalData.prodUrl + 'web-pm/wx/pm/update_userinfo',
+      data: {
+        userinfo
+      },
+      header: { 'ydw-token': wx.getStorageSync('key').ydw_token },
+      method: 'GET',
+      dataType: 'json',
+      responseType: 'text',
+      success: function (data) {
+        wx.setStorageSync('persion', { 'persion': data.data.persion });
+        _this.globalData.userInfo = true
+      },
+      fail: function (res) { }
+    })
+  },
+   smalltoBIG(n){
+        var fraction = ['角', '分'];
+        var digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
+        var unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']];
+        var head = n < 0 ? '欠' : '';
+        n = Math.abs(n);
+
+        var s = '';
+
+        for(var i = 0; i<fraction.length; i++){
+            s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
+        }
+        s = s || '整';
+        n = Math.floor(n);
+
+        for (var i = 0; i < unit[0].length && n > 0; i++) {
+            var p = '';
+            for (var j = 0; j < unit[1].length && n > 0; j++) {
+                p = digit[n % 10] + unit[1][j] + p;
+                n = Math.floor(n / 10);
+            }
+            s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
+        }
+            return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整');    
+    }  
+})

app.json

@@ -0,0 +1,104 @@
+{
+    "pages": [
+        "pages/index/index",
+        "pages/OfflinePayment/OfflinePayment",
+        "pages/mine/wxml/release/release",
+        "pages/details/details",
+        "pages/payDeposit/payDeposit",
+        "pages/ContentDetails/ContentDetails",
+        "pages/logs/logs",
+        "pages/newdeal/newdeal",
+        "pages/contactus/contactus",
+        "pages/mine/mine",
+        "pages/unboxing/unboxing",
+        "pages/classify/classify",
+        "pages/unboxingdetails/unboxingdetails",
+        "pages/recharge/recharge",
+        "pages/agreement/agreement",
+        "pages/livehome/livehome",
+        "pages/payDeposit/pages/auctionprotocol/auctionprotocol",
+        "pages/payDeposit/pages/depositprotocol/depositprotocol",
+        "pages/payDeposit/pages/commitment/commitment",
+        "pages/payDeposit/pages/networkprotocol/networkprotocol",
+        "pages/mine/wxml/setup/setup",
+        "pages/mine/wxml/personaldata/personaldata",
+        "pages/mine/wxml/beingphotographed/beingphotographed",
+        "pages/mine/wxml/pat/pat",
+        "pages/mine/wxml/news/news",
+        "pages/mine/wxml/receivingaddress/receivingaddress",
+        "pages/mine/wxml/add/add",
+        "pages/mine/wxml/seller/seller",
+        "pages/mine/wxml/certification/certification",
+        "pages/mine/wxml/submitinfo/submitinfo",
+        "pages/mine/wxml/allthesellers/allthesellers",
+        "pages/mine/wxml/collection/collection",
+        "pages/mine/wxml/goodstobereceived/goodstobereceived",
+        "pages/mine/wxml/pendingdelivery/pendingdelivery",
+        "pages/auctioneer/auctioneer",
+        "pages/mine/wxml/Connect/Connect",
+        "pages/mine/wxml/biddersrecord/biddersrecord",
+        "pages/mine/wxml/edit/edit",
+        "pages/mine/wxml/shopregistration/shopregistration",
+        "pages/mine/wxml/logistics/logistics",
+        "pages/mine/wxml/upload/upload",
+        "pages/mine/wxml/establish/establish",
+        "pages/mine/wxml/tobeaudited/tobeaudited",
+        "pages/mine/wxml/published/published",
+        "pages/mine/wxml/unchecked/unchecked",
+        "pages/mine/wxml/directlivemodification/directlivemodification",
+        "pages/mine/wxml/playpusher/playpusher",
+        "pages/mine/wxml/pendingreviews/pendingreviews",
+        "pages/mine/wxml/untriedproducts/untriedproducts",
+        "pages/mine/wxml/amendthebaby/amendthebaby",
+        "pages/mine/wxml/paypage/paypage",
+        "pages/mine/wxml/sold/sold",
+        "pages/mine/wxml/delivergoods/delivergoods",
+        "pages/mine/wxml/bond/bond",
+        "pages/mine/wxml/feedback/feedback",
+        "pages/mine/wxml/myredpacket/myredpacket",
+        "pages/mine/wxml/operating/operating",
+        "pages/mine/wxml/redpackrule/redpackrule",
+        "pages/list/list",
+        "pages/more/more",
+        "pages/live/live",
+        "pages/activity/luckywheel/luckywheel",
+        "pages/recordlist/recordlist"
+    ],
+    "window": {
+        "backgroundTextStyle": "dark",
+        "navigationBarBackgroundColor": "#fb752c",
+        "navigationBarTitleText": "云拍格",
+        "navigationBarTextStyle": "white",
+        "navigationStyle": "default",
+        "onPullDownRefresh": true,
+        "backgroundColor": "#f1f1f1"
+    },
+    "tabBar": {
+        "list": [
+            {
+                "pagePath": "pages/index/index",
+                "text": "珍品竞买",
+                "iconPath": "images/home.png",
+                "selectedIconPath": "images/s-home.png"
+            },
+            {
+                "pagePath": "pages/livehome/livehome",
+                "text": "专场拍卖会",
+                "iconPath": "images/paimai.png",
+                "selectedIconPath": "images/s-paimai.png"
+            },
+            {
+                "pagePath": "pages/mine/mine",
+                "text": "我的",
+                "iconPath": "images/my.png",
+                "selectedIconPath": "images/s-my.png"
+            }
+        ],
+        "color": "#333",
+        "selectedColor": "#fb752c",
+        "backgroundColor": "#f1f1f1",
+        "borderStyle": "black",
+        "position": "bottom"
+    },
+    "sitemapLocation": "sitemap.json"
+}

app.wxss

@@ -0,0 +1,9 @@
+/**app.wxss**/
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+} 

font_ksq3u1eobo9lik9/demo.css

@@ -0,0 +1,370 @@
+*{margin: 0;padding: 0;list-style: none;}
+/*
+KISSY CSS Reset
+理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
+2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
+3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
+特色：1. 适应中文；2. 基于最新主流浏览器。
+维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
+ */
+
+/** 清除内外边距 **/
+body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
+dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
+pre, /* text formatting elements 文本格式元素 */
+form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
+th, td /* table elements 表格元素 */ {
+  margin: 0;
+  padding: 0;
+}
+
+/** 设置默认字体 **/
+body,
+button, input, select, textarea /* for ie */ {
+  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
+}
+h1, h2, h3, h4, h5, h6 { font-size: 100%; }
+address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
+code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
+small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
+
+/** 重置列表元素 **/
+ul, ol { list-style: none; }
+
+/** 重置文本格式元素 **/
+a { text-decoration: none; }
+a:hover { text-decoration: underline; }
+
+
+/** 重置表单元素 **/
+legend { color: #000; } /* for ie6 */
+fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
+button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
+/* 注：optgroup 无法扶正 */
+
+/** 重置表格元素 **/
+table { border-collapse: collapse; border-spacing: 0; }
+
+/* 清除浮动 */
+.ks-clear:after, .clear:after {
+  content: '\20';
+  display: block;
+  height: 0;
+  clear: both;
+}
+.ks-clear, .clear {
+  *zoom: 1;
+}
+
+.main {
+  padding: 30px 100px;
+width: 960px;
+margin: 0 auto;
+}
+.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
+
+.helps{margin-top:40px;}
+.helps pre{
+  padding:20px;
+  margin:10px 0;
+  border:solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists{
+  width: 100% !important;
+
+}
+
+.icon_lists li{
+  float:left;
+  width: 100px;
+  height:180px;
+  text-align: center;
+  list-style: none !important;
+}
+.icon_lists .icon{
+  font-size: 42px;
+  line-height: 100px;
+  margin: 10px 0;
+  color:#333;
+  -webkit-transition: font-size 0.25s ease-out 0s;
+  -moz-transition: font-size 0.25s ease-out 0s;
+  transition: font-size 0.25s ease-out 0s;
+
+}
+.icon_lists .icon:hover{
+  font-size: 100px;
+}
+
+
+
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p,
+.markdown pre {
+  margin: 1em 0;
+}
+
+.markdown > p,
+.markdown > blockquote,
+.markdown > .highlight,
+.markdown > ol,
+.markdown > ul {
+  width: 80%;
+}
+
+.markdown ul > li {
+  list-style: circle;
+}
+
+.markdown > ul li,
+.markdown blockquote ul > li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown > ul li p,
+.markdown > ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol > li {
+  list-style: decimal;
+}
+
+.markdown > ol li,
+.markdown blockquote ol > li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown pre {
+  border-radius: 6px;
+  background: #f7f7f7;
+  padding: 20px;
+}
+
+.markdown pre code {
+  border: none;
+  background: #f7f7f7;
+  margin: 0;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown > table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown > table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+
+}
+
+.markdown > table th,
+.markdown > table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown > table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+  font-style: italic;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown > br,
+.markdown > p > br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+pre{
+  background: #fff;
+}
+
+
+
+
+

font_ksq3u1eobo9lik9/demo_fontclass.html

@@ -0,0 +1,100 @@
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <title>IconFont</title>
+    <link rel="stylesheet" href="demo.css">
+    <link rel="stylesheet" href="iconfont.css">
+</head>
+<body>
+    <div class="main markdown">
+        <h1>IconFont 图标</h1>
+        <ul class="icon_lists clear">
+            
+                <li>
+                <i class="icon iconfont icon-rejectedorder"></i>
+                    <div class="name">rejected-order</div>
+                    <div class="fontclass">.icon-rejectedorder</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont icon-daifukuan"></i>
+                    <div class="name">待付 款</div>
+                    <div class="fontclass">.icon-daifukuan</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont icon-templatedefault"></i>
+                    <div class="name">template-default</div>
+                    <div class="fontclass">.icon-templatedefault</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont icon-xiangjixianxing"></i>
+                    <div class="name">相机-线性</div>
+                    <div class="fontclass">.icon-xiangjixianxing</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont icon-map"></i>
+                    <div class="name">地址</div>
+                    <div class="fontclass">.icon-map</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont icon-shezhi"></i>
+                    <div class="name">设置</div>
+                    <div class="fontclass">.icon-shezhi</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont icon-quanbu"></i>
+                    <div class="name">全部</div>
+                    <div class="fontclass">.icon-quanbu</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont icon-message"></i>
+                    <div class="name">消息</div>
+                    <div class="fontclass">.icon-message</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont icon-file"></i>
+                    <div class="name">文本</div>
+                    <div class="fontclass">.icon-file</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont icon-qian"></i>
+                    <div class="name">钱</div>
+                    <div class="fontclass">.icon-qian</div>
+                </li>
+            
+        </ul>
+
+        <h2 id="font-class-">font-class引用</h2>
+        <hr>
+
+        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
+        <p>与unicode使用方式相比，具有如下特点：</p>
+        <ul>
+        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
+        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
+        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
+        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>
+
+
+        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
+        <blockquote>
+        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
+        </blockquote>
+    </div>
+</body>
+</html>

font_ksq3u1eobo9lik9/demo_symbol.html

@@ -0,0 +1,143 @@
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <title>IconFont</title>
+    <link rel="stylesheet" href="demo.css">
+    <script src="iconfont.js"></script>
+
+    <style type="text/css">
+        .icon {
+          /* 通过设置 font-size 来改变图标大小 */
+          width: 1em; height: 1em;
+          /* 图标和文字相邻时，垂直对齐 */
+          vertical-align: -0.15em;
+          /* 通过设置 color 来改变 SVG 的颜色/fill */
+          fill: currentColor;
+          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+             normalize.css 中也包含这行 */
+          overflow: hidden;
+        }
+
+    </style>
+</head>
+<body>
+    <div class="main markdown">
+        <h1>IconFont 图标</h1>
+        <ul class="icon_lists clear">
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-rejectedorder"></use>
+                    </svg>
+                    <div class="name">rejected-order</div>
+                    <div class="fontclass">#icon-rejectedorder</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-daifukuan"></use>
+                    </svg>
+                    <div class="name">待付 款</div>
+                    <div class="fontclass">#icon-daifukuan</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-templatedefault"></use>
+                    </svg>
+                    <div class="name">template-default</div>
+                    <div class="fontclass">#icon-templatedefault</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-xiangjixianxing"></use>
+                    </svg>
+                    <div class="name">相机-线性</div>
+                    <div class="fontclass">#icon-xiangjixianxing</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-map"></use>
+                    </svg>
+                    <div class="name">地址</div>
+                    <div class="fontclass">#icon-map</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-shezhi"></use>
+                    </svg>
+                    <div class="name">设置</div>
+                    <div class="fontclass">#icon-shezhi</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-quanbu"></use>
+                    </svg>
+                    <div class="name">全部</div>
+                    <div class="fontclass">#icon-quanbu</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-message"></use>
+                    </svg>
+                    <div class="name">消息</div>
+                    <div class="fontclass">#icon-message</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-file"></use>
+                    </svg>
+                    <div class="name">文本</div>
+                    <div class="fontclass">#icon-file</div>
+                </li>
+            
+                <li>
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-qian"></use>
+                    </svg>
+                    <div class="name">钱</div>
+                    <div class="fontclass">#icon-qian</div>
+                </li>
+            
+        </ul>
+
+
+        <h2 id="symbol-">symbol引用</h2>
+        <hr>
+
+        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
+        <ul>
+          <li>支持多色图标了，不再受单色限制。</li>
+          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
+          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
+          <li>浏览器渲染svg的性能一般，还不如png。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
+        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
+        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
+        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
+.icon {
+   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
+   vertical-align: <span class="hljs-number">-0.15</span>em;
+   fill: currentColor;
+   overflow: hidden;
+}
+&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
+        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
+  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
+</span>&lt;<span class="hljs-regexp">/svg&gt;
+        </span></code></pre>
+    </div>
+</body>
+</html>

font_ksq3u1eobo9lik9/demo_unicode.html

@@ -0,0 +1,138 @@
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <title>IconFont</title>
+    <link rel="stylesheet" href="demo.css">
+
+    <style type="text/css">
+
+        @font-face {font-family: "iconfont";
+          src: url('iconfont.eot'); /* IE9*/
+          src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
+          url('iconfont.woff') format('woff'), /* chrome, firefox */
+          url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+          url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
+        }
+
+        .iconfont {
+          font-family:"iconfont" !important;
+          font-size:16px;
+          font-style:normal;
+          -webkit-font-smoothing: antialiased;
+          -webkit-text-stroke-width: 0.2px;
+          -moz-osx-font-smoothing: grayscale;
+        }
+
+    </style>
+</head>
+<body>
+    <div class="main markdown">
+        <h1>IconFont 图标</h1>
+        <ul class="icon_lists clear">
+            
+                <li>
+                <i class="icon iconfont">&#xe724;</i>
+                    <div class="name">rejected-order</div>
+                    <div class="code">&amp;#xe724;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe607;</i>
+                    <div class="name">待付 款</div>
+                    <div class="code">&amp;#xe607;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe74a;</i>
+                    <div class="name">template-default</div>
+                    <div class="code">&amp;#xe74a;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe63f;</i>
+                    <div class="name">相机-线性</div>
+                    <div class="code">&amp;#xe63f;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe699;</i>
+                    <div class="name">地址</div>
+                    <div class="code">&amp;#xe699;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe601;</i>
+                    <div class="name">设置</div>
+                    <div class="code">&amp;#xe601;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe639;</i>
+                    <div class="name">全部</div>
+                    <div class="code">&amp;#xe639;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe618;</i>
+                    <div class="name">消息</div>
+                    <div class="code">&amp;#xe618;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe6d3;</i>
+                    <div class="name">文本</div>
+                    <div class="code">&amp;#xe6d3;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe602;</i>
+                    <div class="name">钱</div>
+                    <div class="code">&amp;#xe602;</div>
+                </li>
+            
+        </ul>
+        <h2 id="unicode-">unicode引用</h2>
+        <hr>
+
+        <p>unicode是字体在网页端最原始的应用方式，特点是：</p>
+        <ul>
+        <li>兼容性最好，支持ie6+，及所有现代浏览器。</li>
+        <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+        <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
+        </ul>
+        <blockquote>
+        <p>注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式</p>
+        </blockquote>
+        <p>unicode使用步骤如下：</p>
+        <h3 id="-font-face">第一步：拷贝项目下面生成的font-face</h3>
+        <pre><code class="lang-js hljs javascript">@font-face {
+  font-family: <span class="hljs-string">'iconfont'</span>;
+  src: url(<span class="hljs-string">'iconfont.eot'</span>);
+  src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
+  url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
+  url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
+  url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
+}
+</code></pre>
+        <h3 id="-iconfont-">第二步：定义使用iconfont的样式</h3>
+        <pre><code class="lang-js hljs javascript">.iconfont{
+  font-family:<span class="hljs-string">"iconfont"</span> !important;
+  font-size:<span class="hljs-number">16</span>px;font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+        <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+        <pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>
+
+        <blockquote>
+        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
+        </blockquote>
+    </div>
+
+
+</body>
+</html>

pages/ContentDetails/ContentDetails.js

@@ -0,0 +1,81 @@
+// pages/ContentDetails/ContentDetails.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 拨打电话
+   */ 
+  phoneCall: function () {
+    wx.makePhoneCall({
+      phoneNumber: '400-609-9105',
+      fail: function () {
+        wx.showToast({
+          title: '电话拨打失败',
+          icon: 'none'
+        })
+      }
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/ContentDetails/ContentDetails.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "一站式保函"
+}

pages/ContentDetails/ContentDetails.wxss

@@ -0,0 +1,67 @@
+/* pages/ContentDetails/ContentDetails.wxss */
+
+text {
+  padding: 0;
+  margin: 0;
+}
+
+.image {
+  height: 300rpx;
+  width: 100%;
+  overflow: hidden;
+}
+
+.image image {
+  height: 100%;
+  width: 100%;
+}
+
+.content {
+  padding: 0 10rpx;
+  box-sizing: border-box;
+  text-indent: 2em;
+  display: block;
+  font-size: 24rpx;
+  line-height: 48rpx;
+  text-align: left;
+  letter-spacing: 3rpx;
+  margin: 20rpx 0;
+}
+
+.content_img {
+  height: 160rpx;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  letter-spacing: 3rpx;
+  margin-top: 10rpx;
+}
+
+.content_img image {
+  height: 100%;
+  width: 30%;
+}
+
+.process {
+  height: 930rpx;
+  width: 100%;
+  background: #fff;
+}
+
+.process image {
+  display: block;
+  width: 90%;
+  height: 100%;
+  margin: 0 auto;
+}
+
+.phoneCall {
+  text-align: center;
+  margin: 40rpx 0;
+  padding-bottom: 60rpx;
+}
+
+.phoneCall text {
+  color: #fb752c;
+}

pages/LiveCustomer/LiveCustomer.js

@@ -0,0 +1,173 @@
+// pages/LiveCustomer/LiveCustomer.js
+const app = getApp();
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    pullUrl: {
+      type: String
+    },
+    kid : {
+      type : String
+    },
+    online_sum : {
+      type : Number
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    bool : true,
+    x: 0,
+    y: 0,
+    chatText : "",
+    chatList : [],
+    playData : null,
+    scrollTop : 300,
+    time : 0,
+    num : 1,
+    timer : null
+  },
+  ready	 : function() {
+    var _this = this;
+    // _this.getTime();
+    // console.log(this.data.kid)
+     _this.getChatList();
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    doubleClick : function(e) {
+      var that = this
+      // 控制点击事件在350ms内触发，加这层判断是为了防止长按时会触发点击事件
+      if (that.data.touchEndTime - that.data.touchStartTime < 350) {
+        // 当前点击的时间
+        var currentTime = e.timeStamp
+        var lastTapTime = that.lastTapTime
+        // 更新最后一次点击时间
+        that.lastTapTime = currentTime
+        // 如果两次点击时间在300毫秒内，则认为是双击事件
+        if (currentTime - lastTapTime < 300) {
+          console.log("double tap")
+          // 成功触发双击事件时，取消单击事件的执行
+          this.setData({
+            bool : !this.data.bool
+          },function(){
+            setInterval(() => {
+              that.getChatList();
+            },1000)
+          })
+        }
+      }
+    },
+    touchStart: function (e) {
+      this.setData({
+        touchStartTime: e.timeStamp
+      })
+    },
+    /// 按钮触摸结束触发的事件
+    touchEnd: function (e) {
+      this.setData({
+        touchEndTime: e.timeStamp
+      })
+    },
+    send(e) {
+      let _this = this;
+      if (_this.data.chatText !== '') {
+        wx.request({
+          url: app.globalData.prodUrl + 'web-pm/wx/pm/add_chitchat',
+          data: {
+            content: _this.data.chatText,
+            liveroom_id: _this.data.kid
+          },
+          header: { 'ydw-token': wx.getStorageSync('key').ydw_token },
+          method: 'GET',
+          dataType: 'json',
+          responseType: 'text',
+          success: function (data) {
+            console.log(data)
+            _this.setData({
+              chatText: ''
+            },function() {
+              _this.getChatList()
+            })
+          }
+        })
+      } else {
+        
+      }
+    },
+    chatText(e) {
+      this.setData({
+        chatText: e.detail.value
+      })
+    },
+    getChatList() {
+      var _this = this;
+      wx.request({
+        url: app.globalData.prodUrl + 'web-pm/wx/pm/get_chatting_records',
+        data: {
+          live_room_id : _this.data.kid,
+          chat_time: _this.data.time
+        },
+        header: {
+          'ydw-token': wx.getStorageSync('key').ydw_token
+        },
+        method: 'GET',
+        dataType: 'json',
+        responseType: 'text',
+        success: function (data) {
+          var chatList = data.data.data;
+          var time = data.data.data[0].created;
+          _this.setData({
+            chatList: chatList,
+            time 
+          },function() {
+            _this.pageScrollToBottom();
+          })
+
+        }
+      })
+    },
+    pageScrollToBottom: function () {
+      var _this = this;
+        this.setData({
+          scrollTop : this.data.scrollTop + 40
+        },function() {
+          // console.log(_this.data.scrollTop)
+        }
+        )
+    },
+    Caeel : function() {
+      return false;
+    },
+    getTime : function() {
+      var _this = this;
+      wx.request({
+        url: app.globalData.prodUrl + 'web-pm/wx/pm/select_list',
+        data: {
+          kid: _this.data.kid
+        },
+        header: {
+          'ydw-token': wx.getStorageSync('key').ydw_token
+        },
+        success: function (data) {
+          _this.setData({
+            time: data.data.nowtime
+          },function(){
+            // setInterval(function () {
+            //   _this.getChatList();
+            // }, 1000)
+          })
+        }
+      })
+    },
+    updataUserInfo : function(e) {
+      console.log(e)
+    }
+  } 
+})

pages/LiveCustomer/LiveCustomer.json

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

pages/LiveCustomer/LiveCustomer.wxml

@@ -0,0 +1,33 @@
+<!--/pages/LiveCustomer/LiveCustomer.wxml-->
+<!-- 
+拍卖待完成:
+1.视频可拖拽
+2.视频双击可全屏,全屏双击可收缩
+3.后台开通拍卖客服,用户进入后打开拍卖;后台不开通,进入后不打开
+-->
+<!-- 自定义拍卖客服组件 -->
+<view class="box">
+<movable-area class="LiveCustomer">
+    <movable-view  x="{{0}}" y="{{0}}" direction="all" style="{{bool ? 'width: 150px;height:225px;' : 'width:100%;height:100%'}}" catchtouchmove="Caeel">
+          <live-player id="player" object-fit="fillCrop" src="{{pullUrl}}" mode="live" autoplay bindtap="doubleClick" bindtouchstart="touchStart" bindtouchend="touchEnd" data-time="{{lastTapTime}}" class="{{bool ? 'Liveplay' : 'LiveCustomerScreen'}}" />
+    </movable-view>
+    <view class="online_number">
+      <text>在线人数{{21 + online_sum}}人</text>
+    </view>
+  </movable-area>
+  <view class="chat" wx:if="{{!bool}}" catchtouchmove="Caeel">
+    <scroll-view class="chatbox" scroll-y="true" scroll-top="{{scrollTop}}" >
+      <view class="flex-wrp scro" style="flex-direction:column;" wx:for="{{chatList}}" wx:key="{{index}}" >
+        <view class="flex-item flex-item-V talk" id="chat">
+          <image src="{{item.avatarUrl}}" class="user_img"></image>
+          <text class="user">{{item.content ?  item.content : ""}}</text>
+        </view>
+      </view>
+    </scroll-view>
+    <view class="send" catchtouchmove="Caeel">
+      <input placeholder="说点什么吧~" bindinput="chatText" value="{{chatText}}" confirm-type="done" bindconfirm='send'></input>
+      <!-- <button bindtap='send'>发送</button> -->
+    </view>
+  </view>
+</view>
+

pages/LiveCustomer/LiveCustomer.wxss

@@ -0,0 +1,119 @@
+/* pages/LiveCustomer/LiveCustomer.wxss */
+/* page {
+  height: 100%;
+  width: 100%;
+} */
+ .LiveCustomer{
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  z-index: 1000;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  top: 0;
+}
+.Liveplay {
+  width: 150px;
+  position: fixed;
+  right: 0;
+  z-index: 1000;
+}
+.LiveCustomerScreen {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  z-index: 1000;
+} 
+/* live-player {
+  width: 150px;
+  height: 225px;
+} */
+.chat{
+  width: 100%;
+  height: 80rpx;
+  box-sizing: border-box;
+  /* border-top: 2rpx solid #ccc; */
+  position: absolute;
+  bottom: 190rpx;
+  left: 0;
+  z-index: 1001;
+}
+.chat input{
+  float: left;
+  width: 81%;
+  height: 60rpx;
+  background: #ededed;
+  margin: 20rpx 0 20rpx 30rpx;
+  border-radius: 30rpx; 
+  font-size: 28rpx;
+  padding-left: 40rpx;
+  padding-right: 40rpx;
+}
+.chat .btn{
+  float: right;
+  width: 50rpx;
+  height: 50rpx;
+  border-radius: 0;
+  background: none;
+  margin: 27rpx 20rpx 0 20rpx;
+}
+.chat .btn image{
+  width: 100%;
+  height: 100%;
+}
+.chat button{
+  float: left;
+  width: 20%;
+  height: 60rpx;
+  margin: 20rpx 0 20rpx 20rpx;
+  font-size: 28rpx;
+  background: #fb752c;
+  border-radius: 30rpx;
+  color: #fff;
+  line-height: 60rpx;
+}
+.scro {
+  overflow-y: scroll; 
+  margin-bottom: 20rpx; 
+}
+.user_img {
+  width: 40rpx;
+  height: 39rpx;
+  float: left;
+  margin-right: 18rpx;
+  border: 1px solid #fff;
+}
+.chatbox {
+  overflow: auto;
+  position: absolute;
+  z-index: 9999;
+  height: 300rpx;
+  bottom: 80rpx;
+  width: 90%;
+  padding-left: 30rpx;
+  padding-right: 60rpx;
+}
+.talk {
+  padding-left: 10rpx;
+  font-size: 14px;
+}
+.talk .user {
+  color: #60a2f0;
+  /* display: inline-block; */
+  /* vertical-align: middle; */
+}
+.talk .content {
+  color: #60a2f0;
+  height: 50rpx;
+  display: inline-block;
+  vertical-align: middle;
+}
+.online_number {
+  color: #60a2f0;
+  position: absolute;
+  top: 1%;
+  left: 3%;
+  font-size: 12px;
+}

pages/OfflinePayment/OfflinePayment.js

@@ -0,0 +1,247 @@
+// pages/OfflinePayment/OfflinePayment.js
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    kid: '',
+    deposit: '',
+    agree: true,
+    img:'',
+    fileid: '',
+    bidding_agreement_path:'https://www.eqbidding.com/web-cp-all/img_pm/file/1518499383111454720',
+    bidding_rules_path:'https://www.eqbidding.com/web-cp-all/img_pm/file/1518499383111454720',
+  },
+  formSubmit: function(e) {
+    
+    var _this = this;
+    var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
+    var format = /^(([1][1-5])|([2][1-3])|([3][1-7])|([4][1-6])|([5][0-4])|([6][1-5])|([7][1])|([8][1-2]))\d{4}(([1][9]\d{2})|([2]\d{3}))(([0][1-9])|([1][0-2]))(([0][1-9])|([1-2][0-9])|([3][0-1]))\d{3}[0-9xX]$/;
+    var receive_mobile = e.detail.value.number;
+    var id_card = e.detail.value.card;
+    var company_name = e.detail.value.company_name;
+    if (company_name == '' || company_name == undefined) {
+      wx.showToast({
+        title: '公司名称不能为空',
+        icon: 'none',
+        duration: 2000
+      });
+    } else if (!myreg.test(receive_mobile) || receive_mobile == "" || receive_mobile == undefined) {
+      wx.showToast({
+        title: '请输入正确的手机号',
+        icon: 'none',
+        duration: 2000
+      });
+    } else if (!format.test(id_card) || id_card == "" || id_card == undefined) {
+      wx.showToast({
+        title: '请输入正确格式的身份证号',
+        icon: 'none',
+        duration: 2000
+      });
+    } else if (this.data.agree) {
+      wx.request({
+        url: app.globalData.prodUrl + 'web-pm/wx/submit/offline_apply',
+        data: {
+          pm_item_id: this.data.kid,
+          receive_name: e.detail.value.name,
+          receive_mobile: receive_mobile,
+          id_card: id_card,
+          company_name: company_name,
+          file_id:this.data.fileid,
+
+        },
+        header: {
+          'ydw-token': wx.getStorageSync('key').ydw_token
+        },
+        method: 'GET',
+        dataType: 'json',
+        responseType: 'text',
+        success: function(res) {
+        
+          if (res.statusCode == 200) {
+            wx.navigateBack({})
+          }
+        },
+        fail: function(res) {}
+      })
+    } else {
+      wx.showToast({
+        title: '请确认同意《用户竞买协议》和《保证金规则》',
+        icon: 'none',
+        duration: 3000,
+        success: function(res) {
+        
+        }
+      })
+    }
+
+  },
+ 
+
+
+    // 选择图片
+    selectimg: function () {
+    const that = this;
+    wx.chooseImage({
+      count: 1, // 最多可以选择的图片张数（最大数量-当前已上传数量）
+      sizeType: ['original', 'compressed'],
+      sourceType: ['album', 'camera'],
+      success: function (res) {
+      
+        that.setData({
+          img: res.tempFilePaths[0]
+        });
+        var imgUrl = res.tempFilePaths[0];
+      
+        wx.uploadFile({
+          //上传图片的网路请求地址
+          url: app.globalData.prodUrl + 'web-cp-all/upload_pm/upload',
+          //选择
+          filePath: imgUrl,
+          name: 'file',
+     
+          method: "POST",
+          success: function (res) {      
+          that.setData({
+            fileid: JSON.parse(res.data).file_id          
+          })
+          },
+          fail: function (res) {
+            wx.showToast({
+              title: keyurl.message + '请重新上传',
+              icon: 'none'
+            })
+          }
+        });
+
+      },
+
+    })
+
+
+  },
+
+  // 图片预览
+  previewImage: function(e) {
+    var current = e.target.dataset.src
+    wx.previewImage({
+      current: current,
+      urls: this.data.img,
+    })
+  },
+
+
+  // 删除图片（选中图片移除）
+  delImg: function (e) {
+    const that = this;
+    that.setData({
+      img: '',
+    })
+  },
+  
+
+  // 勾选同意协议事件
+  checkboxChange: function(e) {
+    if (e.detail.value[0] === '确认同意') {
+      this.setData({
+        agree: true
+      })
+    } else {
+      this.setData({
+        agree: false
+      })
+    }
+  },
+  getWeiz: function(e) {
+
+    var name = e.target.dataset.name;
+    var lat = e.target.dataset.lat;
+    var lng = e.target.dataset.lng;
+    wx.openLocation({ //​使用微信内置地图查看位置。
+      name: name,
+      scale: 28,
+      address: name
+    })
+  },
+  // 点击事件
+openFile(event) { // item为当前点击的事物对象
+  
+  // 预览网络文档
+  wx.downloadFile({
+    url: event.currentTarget.dataset.id, // 文件的本身url
+    filePath: wx.env.USER_DATA_PATH + '/res' , // 本地自定义的文件名
+    success: function (res) {
+      let filePath = res.filePath; // 微信临时文件路径(这里要使用自定义的名字文件名,否则打开的文件名是乱码)
+      wx.openDocument({
+        filePath: filePath,
+        fileType: 'pdf',
+        success: function () {   
+        }, 
+      });
+    },
+  });
+},
+
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function(options) {
+    this.setData({
+      kid: options.kid,
+      deposit: options.deposit,
+    })
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function() {
+
+  }
+})

pages/OfflinePayment/OfflinePayment.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/OfflinePayment/OfflinePayment.wxml

@@ -0,0 +1,106 @@
+<!--pages/payDeposit/payDeposit.wxml-->
+<view class="tip">
+	<view class="deposit-protocol">
+		<view class="offine_Tips">
+			<view class="offine_Tips_title">友情提示</view>
+		</view>
+		<text class="offine_Tips_p">1、若竞买不成功，保证金将全额退还。</text>
+		<text class="offine_Tips_p">2、若竞买成功，保证金将于您交易完成后全额退还，请您在72小时内支付尾款，逾期未付款将扣除保证金。</text>
+	</view>
+</view>
+<view class="payInfo">
+	<view class="deposit-sum">
+		<text class="payInfo_title">公司地址：</text>
+		<text bindtap="getWeiz" data-name="太原高新区电子数码港B座 " data-lat="37.7930600000" data-lng="112.5681200000" class="offine_Tips_p payInfo_content ">中国山西省太原市小店区南中环街与数码东路交叉数码港B座1层</text>
+	<view class="cl"></view>
+	</view>
+	
+		<!-- <view class="deposit-sum">
+			<text class="payInfo_title">保证金：</text>
+			<text class="" style="color:#e22">￥{{deposit}}元</text>
+			<view class="cl"></view>
+		</view> -->
+</view>
+
+<form bindsubmit="formSubmit" id="container" bindreset="formReset" report-submit='true'>
+	
+	<view class="container">
+		<view class="section">
+			<view class="">
+				基本信息填写
+			</view>
+		</view>
+    <view class="section">
+			<view class="section_left">
+				公司名称：
+			</view>
+			<input placeholder-class="place-holder" placeholder="请填写您的公司名称" type='text' name="company_name" />
+		</view>
+		<view class="section">
+			<view class="section_left">
+				姓名：
+			</view>
+			<input placeholder-class="place-holder" placeholder="请填写您的真实姓名" type='text' name="name" maxlength="4" />
+		</view>  
+		<view class="section">
+			<view class="section_left">
+				手机号：
+			</view>
+			<input placeholder-class="place-holder" placeholder="请填写您的手机号" type='number' name="number" maxlength="11" />
+		</view>
+		<view class="section">
+			<view class="section_left">
+				身份证号：
+			</view>
+			<input placeholder-class="place-holder" placeholder="请填写您的身份证号" type='number' name="card" />
+		</view>
+		<view class="section">
+			<view class="section_left">
+				支付凭证
+			</view>
+					
+					<view class="img-list">
+						<view class="list" >
+							<!-- 图片展示列表 -->
+
+							<view class="li"  wx:if="{{img.length > 0}}">
+								<image class="file" src="{{img}}" bindtap="previewImage"></image>
+								<!-- 删除图片 -->
+								<image class="close" src="../../images/xh.png"  bindtap="delImg"></image>
+
+							</view>
+							<!-- 添加图片 -->
+							<view class="li"  bindtap="selectimg" wx:if="{{img.length < 1}}">
+
+								<image class="file" src="../../images/jia1.png"></image>
+							</view>
+						</view>
+					</view>
+
+				</view>
+		<!-- 协议 -->
+		<view class="protocol">
+			<checkbox-group bindchange="checkboxChange">
+				<label class="checkbox">
+					<checkbox value="确认同意" checked='{{agree}}' />
+				</label>
+			</checkbox-group>
+			<!-- <view class="protocol-text">
+				<text>确认同意</text>
+				<navigator hover-class="none" url="./pages/auctionprotocol/auctionprotocol">《竞买协议》</navigator>
+				<text>和</text>
+				<navigator hover-class="none" url="./pages/depositprotocol/depositprotocol">《竞买规则及注意事项》</navigator>
+			</view> -->
+			<view class="protocol-text">
+				<text>确认同意</text>
+				<navigator hover-class="none" data-id="{{bidding_agreement_path}}" bindtap="openFile">《竞买协议》</navigator>
+				<text>和</text>
+				<navigator hover-class="none"  data-id="{{bidding_rules_path}}" bindtap="openFile">《竞买规则及注意事项》</navigator>
+			</view>
+		</view>
+		<!-- 支付功能 -->
+		<button class="pay" formType="submit">
+			<text>同意并支付保证金</text>
+		</button>
+	</view>
+</form>

pages/OfflinePayment/OfflinePayment.wxss

@@ -0,0 +1,273 @@
+page {
+	background: #f6f6f6;
+}
+
+.container {
+	padding-top: 10rpx;
+}
+
+.consignee-info {
+	width: 100%;
+}
+
+.payInfo {
+	height: auto;
+	width: 100%;
+	margin-top: 25rpx;
+	background: #fff;
+	
+}
+
+.pay {
+	bottom: 0;
+	width: 90%;
+	background: #fb752c;
+	margin-top: 100rpx;
+}
+
+.pay text {
+	color: #fff;
+	line-height: 100rpx;
+	text-align: center;
+	font-size: 40rpx;
+	display: block;
+}
+
+.payInfo_title {
+	height: 100%;
+	width: 22%;
+	display: block;
+	float: left;
+	font-size:28rpx;
+	color:#333;
+	line-height: 50rpx;
+	text-indent:15rpx;
+	text-align: justify;
+	font-weight: 400;
+}
+/* .payInfo_title::after {
+	width: 100%;
+	display: inline-block;
+	content: ''
+} */
+.consignee-info-hint text {
+	font-size: 24rpx;
+	color: #999;
+	padding: 10rpx 20rpx;
+	width: 100%;
+	display: block;
+}
+
+.cl {
+	clear: both;
+}
+
+.payInfo_content {
+	font-size: 24rpx;
+	height: 100%;
+	width: 75%;
+	display: block;
+	float: left;
+	align-content: left;
+	color:#999;
+	font-weight: 400;
+}
+
+.consignee-site {
+	background: #fff;
+	padding: 20rpx;
+	border-bottom: 1px splid #999;
+	margin-bottom: 20rpx;
+}
+
+.consignee-user text {
+	font-size: 32rpx;
+	font-weight: 600;
+	margin-bottom: 20rpx;
+}
+
+.consignee-user-address text {
+	font-size: 28rpx;
+	color: #333;
+	width: 90%;
+	display: block;
+}
+
+.warning {
+	background: #fff;
+	padding: 20rpx;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+.warning-title {
+	font-size: 32rpx;
+	font-weight: 600;
+}
+
+.deposit-info {
+	background: #fff;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+.deposit-sum {
+	font-size: 32rpx;
+	font-weight: 600;
+	margin-bottom: 20rpx;
+	border-bottom:1rpx solid #dfdfdf;
+	padding:10rpx 0;
+	box-sizing: border-box;
+}
+
+.deposit-protocol {
+	padding: 15rpx;
+	margin-top: 25rpx;
+	background: #fff;
+}
+
+.deposit-protocol text {
+	display: block;
+	font-size: 24rpx;
+	color: #999;
+}
+
+.protocol {
+	padding: 20rpx;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+checkbox-group {
+	float: left;
+	width: 48rpx;
+	height: 48rpx;
+}
+
+.protocol .checkbox checkbox {
+	transform: scale(0.7);
+	height: 48rpx;
+}
+
+.protocol-text::after {
+	content: '';
+	display: block;
+	clear: both;
+}
+
+.protocol-text {
+	float: left;
+	line-height: 56rpx;
+	margin-left: 5rpx;
+}
+
+.protocol-text text,
+.protocol-text navigator {
+	display: block;
+	float: left;
+	color: #333;
+	font-size: 24rpx;
+}
+
+.protocol-text navigator {
+	color: #00adfe;
+}
+
+.offine_Tips_title {
+	font-size: 25rpx;
+	line-height: 50rpx;
+}
+
+.offine_Tips_p {
+	line-height: 40rpx;
+	padding: 5rpx 0;
+	font-size: 24rpx;
+}
+
+.section {
+	width: 100%;
+	margin: 0 auto;
+	background: #fff;
+	padding: 20rpx;
+	box-sizing: border-box;
+	font-size: 30rpx;
+	border-bottom: 1px solid #ececec;
+	line-height: 50rpx;
+}
+
+.section view,
+.section input,
+.section textarea {
+	float: left;
+}
+
+.place-holder {
+	font-size: 28rpx;
+	color: #ccc;
+	letter-spacing: 1rpx;
+}
+
+.section input {
+	width: 70%;
+	font-size: 28rpx;
+	letter-spacing: 1rpx;
+}
+
+.section text {
+	float: right;
+}
+
+.section::after {
+	clear: both;
+	content: "";
+	display: block;
+}
+
+.section_left {
+	width: 165rpx;
+	color: #333;
+	text-align: justify
+}
+.img-list {
+    width: 700rpx;
+    margin: 0 auto;
+}
+
+
+.img-list .list {
+    width: 700rpx;
+}
+
+.img-list .list .li {
+    width: 84rpx;
+    margin: 10rpx 0 0 10rpx;
+    height: 84rpx;
+    float: left;
+    position: relative;
+    top: 10rpx;
+    left: 10rpx;
+}
+
+
+
+.img-list .list .li .file {
+    display: block;
+    width: 84rpx;
+    height: 84rpx;
+    position: relative;
+
+}
+
+.img-list .list .li .close {
+    position: absolute;
+    top: 7rpx;
+    right: 0;
+    width: 30rpx;
+    height: 30rpx;
+}
+
+/* .section_left::after {
+	width: 100%;
+	display: inline-block;
+	content: ''
+} */

pages/OfflinePayment/pages/auctionprotocol/auctionprotocol.js

@@ -0,0 +1,82 @@
+// pages/payDeposit/pages/auctionprotocol/auctionprotocol.js
+const app = getApp();
+var util = require('../../../../utils/util.js');
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+      price : "",
+      timeStr : ""
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+      var _this = this;
+      this.setData({
+          deposit: options.deposit,
+          auction_way: options.auction_way,
+          time: options.time
+      },function() {
+          var time = parseInt(this.data.time)
+          var timer = util.formatTimeTwo(time, 'Y-M-D')
+          console.log(timer.split("-"))
+          var timeStr = timer.split("-")[0] + '年' + timer.split("-")[1] + '月' + timer.split("-")[2]  +'日'
+          _this.setData({
+              timeStr
+          })
+      })
+      
+      
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+      var price = app.smalltoBIG(this.data.deposit);
+      this.setData({
+          price
+      },function() {
+          console.log(this.data.price)
+      })
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  }
+})

pages/OfflinePayment/pages/auctionprotocol/auctionprotocol.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "竞买协议"
+}

pages/OfflinePayment/pages/auctionprotocol/auctionprotocol.wxml

@@ -0,0 +1,62 @@
+<view class="commitment-content">
+
+<view class="title">竞买协议</view>
+  <view >根据《中华人民共和国拍卖法》就竞买人参与 2021 年 12月 24日（星期五）上午 10:00在山西综改示范区太原学府园区南中环街402号数码港B座C1区举行拍卖会，经双方协商，达成以下协议：</view>
+ 
+  <text class="title-h1"> 一、竞买标的及说明</text>
+  <text>（1）竞买标的：此次拍卖的车辆类型包括奥迪、别克商务、雅阁、明锐、福特蒙迪欧、桑塔纳、帕萨特、丰田等共计17辆。</text>
+  <text>（2）每个标的按其类分别设定起拍价，加价幅度统一设定。</text>
+  <text>（3）竞买人应在拍卖会举行前熟练掌握网上竞拍的方法，完全了解并认知《拍卖规则及注意事项》中的相关规定及要求。</text>
+  <text>（4）竞买人在拍卖会前已对竞买标的的实物现状及现场提货可能发生的情况进行了审慎的了解、确认，并进行了风险评估。自愿接受拍卖标的存在或可能存在以及提货中遇到或可能遇到的所有瑕疵及风险，自愿对自己的竞买行为承担法律后果责任，拍卖人对已知的或未知的瑕疵或风险不构成任何担保或承诺。</text>
+  <text>（5）本次拍卖会提供的图文资料仅作为参考，拍卖人、委托人及产权单位对标的的质量、数量、型号等参数均不提供任何保证。若标的实际情况与竞买资料载明的有差异，以标的现状为准，其差异不影响竞买成交价。</text>
+
+  <text class="title-h1"> 二、竞买人资格条件</text>
+  <text>凡具有经济能力的企业、组织和个人均可参与本次竞拍（信誉良好无不良记录）。参与竞买报名时，企业、组织类须持有效营业执照复印件、法人代表身份证复印件及委托书（以上复印件均加盖公章），自然人须持本人身份证原件及复印件。</text>
+
+  <text class="title-h1">三、竞买保证金和报名的约定</text>
+  <text>1.竞买人应在公告规定的期间内缴纳竞买保证金后再办理其他报名手续。</text>
+  <text>2.竞买单辆须缴纳保证金人民币：¥10000元（大写壹万元整），竞买两辆及以上须缴纳保证金人民币：¥30000元（大写叁万元整）。保证金不计息，手续费由竞买人承担。同时应一并缴纳报名手续及资料费人民币：¥200元（大写贰佰元整），标的车辆停车费人民币：¥500元/辆（大写伍佰元整）。</text>
+  <text>3.办理竞买登记手续时，须出示竞买保证金交款凭证，同时签署《竞买协议》等法律文书。各项手续均办理完毕后，方能获得参与竞买的账号。</text>
+  <text>4.竞买成功后，且买受人不存在本协议约定的违约行为，其拍卖会前交纳的竞买保证金在扣除拍卖佣金后的余额（不计息），待车辆移交完毕后原路退回。</text>
+  <text>5.竞买未成功，竞买人应在拍卖会结束后交回竞买保证金收据，竞买保证金在拍卖日后5
+个工作日内退还至竞买人账户（不计息）。</text>
+  <text>6.拍卖会仅允许持有竞买账号的竞买人参与竞价。竞买账号为竞买人参加拍卖会的唯一合法身份证明，应妥善保存，不得随意转让。一旦账号被他人使用，均视作竞买人本人的竞买行为，其产生的一切后果由竞买人本人负责。</text>
+
+  <text class="title-h1">四、竞买方式</text>
+  <text>本次拍卖方式为网络竞价的增价竞买方式。拍卖时，由网拍平台报出标的起拍价，按照增价幅度或增价幅度的整数倍逐步增价，每当产生新应价后竞价即进入30秒倒计时，若在倒计时期间无人继续报价，即告成交；若在倒计时期间内有人报价，则竞价继续进行，如此类推往复，直至成交。</text>
+
+  <text class="title-h1">五、成交、竞买佣金及结算</text>
+  <text>1.竞价过程中，最终出价最高的竞买人即为买受人。报价不达标的保留价（底价）不成交。</text>
+  <text>2.竞买成功后，买受人须当场签署《成交凭证》、《拍卖成交确认书》、《拍卖笔录》等成交法律文书。上述文件签署与否，不影响拍卖成交结果的法律效力。</text>
+  <text>3.拍卖服务佣金为最终成交价款的2%，成交后由拍卖人直接从竞买保证金中扣除。</text>
+  <text>4.买受人应于拍卖会现场即时办理结算手续，将应付成交总价款一次性汇入拍卖人的指定账户。</text>
+
+  <text class="title-h1">六、拍卖标的的移交条件及其他约定</text>
+  <text>拍卖标的的移交条件：</text>
+  <text>1.买受人已签署所有拍卖成交确认文件。</text>
+  <text>2.拍卖人已经足额收到买受人支付的成交价款及其他相关费用。</text>
+  <text>3.拍卖人已经足额收到买受人应支付的拍卖服务佣金。</text>
+  <text>4.买受人已办结车辆过户手续。逾期提车所产生的相关费用及相应责任由买受人承担。买受人自行承担因提车而产生的费用及安全责任。</text>
+
+  <text class="title-h1">七、违约说明及违约责任</text>
+  <text>以下情况均视为违约：</text>
+  <text>1.竞买人提供虚假报名资料，或恶意串通、胁迫、恐吓、干扰他人参与竞买；</text>
+  <text>2.竞买成交后，买受人不按约定签署《成交凭证》、《拍卖成交确认书》、《拍卖笔录》、等成交确认文件；</text>
+  <text>3.买受人逾期不支付标的的成交价款、拍卖服务佣金和其他应付费用；</text>
+  <text>4.买受人未按约定及时提车。</text>
+  <text>5.买受人的其他违法违规行为。</text>
+  <text>买受人违约后，其所交竞买保证金在扣除拍卖服务佣金后视为违约金不予退还，并按照《中华人民共和国拍卖法》进行处理。同时，买受人还应承担由此产生的其他相关违约责任。</text>
+ 
+  <text class="title-h1">八、其他特别说明及约定</text>
+  <text>1.拍卖人作为接受委托并举行拍卖活动的中介机构，对委托竞价的标的不提供任何有关质量、数量及瑕疵保证，请竞买人认真查验标的，谨慎竞买。</text>
+  <text>2.竞买人承诺其提供的所有报名资料全部合法、真实、正确、有效，并自愿为其提供的所有报名资料承担一切法律后果责任。拍卖人对其因提供的报名资料而引起的纠纷不负任何法律责任，该等事项若有发生，拍卖人有权将其所交竞买保证金、成交价款（若有）扣除作为违约金不予返还，并依法追究其法律责任。</text>
+  <text>3.《竞买规则及注意事项》、《竞买承诺书》与本协议具有同等的法律效力，竞买人在签署本《竞买协议》前，已认真阅读并认可其各项规定和要求，签署《竞买协议》即表明已完全理解并自愿遵守《竞买规则及注意事项》等文件中的各项条款规定。</text>
+  <text>4.现场买受人在成交当日即应付清拍卖标的成交价款及约定的拍卖佣金和其他费用，同时凭《拍卖成交确认书》及其他相关凭证办理拍卖标的的过户、变更和保险等手续。远程参加竞买成交后，买受人应在两日内联系拍卖人办结《拍卖成交确认书》与《拍卖笔录》签字及结算、过户、变更和保险等手续。</text>
+  <text>5.本协议双方签字盖章后生效。协议一式四份，甲方执三份（其中委托方一份），乙方一份。</text>
+  <text>6.账户信息：</text>
+  <text>公司名称：山西云得格工程项目管理有限公司</text>
+  <text>开 户 行：中国民生银行股份有限公司太原五一路支行</text>
+  <text>账    号：630221958</text>
+
+  
+</view>

pages/OfflinePayment/pages/auctionprotocol/auctionprotocol.wxss

@@ -0,0 +1,60 @@
+/* pages/payDeposit/pages/auctionprotocol/auctionprotocol.wxss */
+.commitment-content,.deposit-notice-content{
+  padding:20rpx;
+  background: #fff;
+}
+.commitment-content text,.deposit-notice-content text{
+  display: block;
+  font-size: 28rpx;
+  color: #666;
+  line-height: 48rpx;
+}
+.commitment-content .title-h1,.deposit-notice-content .title-h1{
+  color: #000;
+  font-size: 32rpx;
+  font-weight: 600;
+  margin: 20rpx 0; 
+}
+.commitment-content .title-h2,.deposit-notice-content .title-h2{
+  color: #333;
+  font-size: 30rpx;
+  font-weight: 600;
+  margin: 20rpx 0;
+}
+.goods-caution{
+  padding: 20rpx;
+  background: #fff;
+}
+.goods-caution-title{
+  display: block;
+  background: #eee;
+  color: #333;
+  text-align: center;
+  padding: 10rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  margin: 20rpx 0;
+}
+.goods-caution-list text{
+  font-size: 28rpx;
+  color: #333;
+  margin-bottom: 20rpx;
+  display: block;
+}
+.goods-detail-content image{
+  width: 100%;
+  height: 600rpx;
+}
+.text{
+  text-indent: 60rpx;
+  text-align: left;
+}
+.inli {
+    display: inline-block;
+    margin: 0 10rpx;
+}
+.title {
+  text-align: center;
+  font-size: 22px;
+  font-weight: 600;
+}

pages/OfflinePayment/pages/depositprotocol/depositprotocol.js

@@ -0,0 +1,81 @@
+// pages/payDeposit/pages/depositprotocol/depositprotocol.js
+const app = getApp();
+var util = require('../../../../utils/util.js');
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+      timeStr : "",
+      price : ""
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+      var _this = this;
+      this.setData({
+          deposit: options.deposit,
+          auction_way: options.auction_way,
+          time: options.time
+      },function() {
+          var time = parseInt(this.data.time)
+          var timer = util.formatTimeTwo(time, 'Y-M-D')
+          console.log(timer.split("-"))
+          var timeStr = timer.split("-")[0] + '年' + timer.split("-")[1] + '月' + timer.split("-")[2] + '日'
+          _this.setData({
+              timeStr
+          })
+      })
+      console.log(options)
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+      var price = app.smalltoBIG(this.data.deposit);
+      this.setData({
+          price
+      }, function () {
+          console.log(this.data.price)
+      })
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  }
+})

pages/OfflinePayment/pages/depositprotocol/depositprotocol.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "拍卖规则及注意事项"
+}

pages/OfflinePayment/pages/depositprotocol/depositprotocol.wxss

@@ -0,0 +1,60 @@
+/* pages/payDeposit/pages/depositprotocol/depositprotocol.wxss */
+.commitment-content,.deposit-notice-content{
+  padding:20rpx;
+  background: #fff;
+}
+.commitment-content text,.deposit-notice-content text{
+  display: block;
+  font-size: 28rpx;
+  color: #666;
+  line-height: 48rpx;
+}
+.commitment-content .title-h1,.deposit-notice-content .title-h1{
+  color: #000;
+  font-size: 32rpx;
+  font-weight: 600;
+  margin: 20rpx 0; 
+}
+.commitment-content .title-h2,.deposit-notice-content .title-h2{
+  color: #333;
+  font-size: 30rpx;
+  font-weight: 600;
+  margin: 20rpx 0;
+}
+.goods-caution{
+  padding: 20rpx;
+  background: #fff;
+}
+.goods-caution-title{
+  display: block;
+  background: #eee;
+  color: #333;
+  text-align: center;
+  padding: 10rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  margin: 20rpx 0;
+}
+.goods-caution-list text{
+  font-size: 28rpx;
+  color: #333;
+  margin-bottom: 20rpx;
+  display: block;
+}
+.goods-detail-content image{
+  width: 100%;
+  height: 600rpx;
+}
+.text{
+  text-indent: 60rpx;
+  text-align: left;
+}
+.title {
+    text-align: center;
+    font-size: 22px;
+    font-weight: 600;
+}
+#inli {
+    display: inline-block;
+    margin: 0 10rpx;
+}

pages/activity/luckywheel/luckywheel.js

@@ -0,0 +1,243 @@
+var app = getApp()
+Page({
+  data: {
+    awardsList: {},
+    animationData: {},
+    btnDisabled: '',
+    record: [],
+    prize: '',
+    mobile: '',
+    awardsConfig: [
+      { 'index': 1, 'name': '你要发', awards: '一等奖' },
+      { 'index': 2, 'name': '路路顺', awards: '二等奖'},
+      { 'index': 3, 'name': '一定发', awards: '三等奖'},
+      { 'index': 4, 'name': '财运来', awards: '四等奖'},
+      { 'index': 5, 'name': '好运来', awards: '五等奖'},
+      { 'index': 6, 'name': '谢谢参与', awards: '谢谢参与'}
+    ]
+  },
+  onLoad:function () {
+    let _this = this;
+    _this.getList();
+  },
+  onShow: function () {
+    let _this = this;
+    let mobile = wx.getStorageSync('persion').persion.mobile;
+    if(!mobile) {
+      wx.showModal({
+        title: '提示',
+        content: '您没有绑定手机号！',
+        confirmText: '绑定抽奖',
+        cancelText: '残忍拒绝',
+        success(res) {
+          if (res.confirm) {
+            wx.navigateTo({
+              url: '/pages/mine/wxml/Connect/Connect'
+            })
+          } else if (res.cancel) {
+            wx.navigateBack({
+              delta: 1
+            })
+          }
+        }
+      })
+    } else {
+      var reg = /^(\d{3})\d{4}(\d{4})$/;
+      _this.setData({
+        mobile: mobile.replace(reg, "$1****$2")
+      })
+    }
+  },
+
+  startLottery: function (e) {
+    let _this = this;
+    _this.setData({
+      btnDisabled: 'disabled'
+    })
+    wx.request({
+      url: app.globalData.prodUrl + 'web-pm/wx/pm/wx_lottery_raffle',
+      data: '',
+      header: { 'ydw-token': wx.getStorageSync('key').ydw_token },
+      method: 'GET',
+      dataType: 'json',
+      responseType: 'text',
+      success: function(data) {
+        if(data.data.tip.type === "success"){
+          _this.getLottery(data.data.ranking-1)
+        } else {
+          wx.showModal({
+            title: '提示',
+            content: data.data.tip.msg,
+            showCancel: false
+          });
+          _this.setData({
+            btnDisabled: ''
+          })
+        }
+      },
+      fail: function(res) {},
+      complete: function (res) {},
+    })
+  },
+  getLottery: function (awards) {
+    var that = this
+    // var num = Math.random();
+    // var awardIndex = num * 6 >>> 0;
+    var awardIndex = awards;
+    // 获取奖品配置
+    var awardsConfig = app.awardsConfig
+    // if (awardIndex < 2) awardsConfig.chance = false
+    // 初始化 rotate
+    var animationInit = wx.createAnimation({
+      duration: 1
+    })
+    this.animationInit = animationInit;
+    animationInit.rotate(0).step()
+    this.setData({
+      animationData: animationInit.export(),
+      btnDisabled: 'disabled'
+    })
+
+    // 旋转抽奖
+    setTimeout(function () {
+      var animationRun = wx.createAnimation({
+        duration: 4000,
+        timingFunction: 'ease'
+      })
+      that.animationRun = animationRun
+      animationRun.rotate(360 * 8 - awardIndex * (360 / 6)).step()
+      that.setData({
+        animationData: animationRun.export()
+      })
+    }, 100)
+
+    // 中奖提示
+    setTimeout(function () {
+      wx.showModal({
+        title: '恭喜',
+        content: '您抽中了' + (awardsConfig.awards[awardIndex].awards + awardsConfig.awards[awardIndex].name),
+        showCancel: false
+      });
+      if (awardsConfig.chance) {
+        that.setData({
+          btnDisabled: ''
+        })
+      };
+      that.getList();
+    }, 4100);
+
+
+    /*wx.request({
+      url: '../../data/getLottery.json',
+      data: {},
+      header: {
+          'Content-Type': 'application/json'
+      },
+      success: function(data) {
+      },
+      fail: function(error) {
+        wx.showModal({
+          title: '抱歉',
+          content: '网络异常，请重试',
+          showCancel: false
+        })
+      }
+    })*/
+  },
+  onReady: function (e) {
+
+    var that = this;
+
+    // getAwardsConfig
+    app.awardsConfig = {
+      chance: true,
+      awards: [
+        { 'index': 1, 'name': '你要发', awards: '一等奖' },
+        { 'index': 2, 'name': '路路顺', awards: '二等奖' },
+        { 'index': 3, 'name': '一定发', awards: '三等奖' },
+        { 'index': 4, 'name': '财运来', awards: '四等奖' },
+        { 'index': 5, 'name': '好运来', awards: '五等奖' },
+        { 'index': 6, 'name': '谢谢参与', awards: '' }
+      ]
+    }
+
+    // wx.setStorageSync('awardsConfig', JSON.stringify(awardsConfig))
+
+
+    // 绘制转盘
+    var awardsConfig = app.awardsConfig.awards,
+      len = awardsConfig.length,
+      rotateDeg = 360 / len / 2 + 90,
+      html = [],
+      turnNum = 1 / len  // 文字旋转 turn 值
+    that.setData({
+      btnDisabled: app.awardsConfig.chance ? '' : 'disabled'
+    })
+    var ctx = wx.createContext()
+    for (var i = 0; i < len; i++) {
+      // 保存当前状态
+      ctx.save();
+      // 开始一条新路径
+      ctx.beginPath();
+      // 位移到圆心，下面需要围绕圆心旋转
+      ctx.translate(150, 150);
+      // 从(0, 0)坐标开始定义一条新的子路径
+      ctx.moveTo(0, 0);
+      // 旋转弧度,需将角度转换为弧度,使用 degrees * Math.PI/180 公式进行计算。
+      ctx.rotate((360 / len * i - rotateDeg) * Math.PI / 180);
+      // 绘制圆弧
+      ctx.arc(0, 0, 150, 0, 2 * Math.PI / len, false);
+
+      // 颜色间隔
+      if (i % 2 == 0) {
+        ctx.setFillStyle('#ffb820');
+      } else {
+        ctx.setFillStyle('#ffcb3f');
+      }
+
+      // 填充扇形
+      ctx.fill();
+      // 绘制边框
+      ctx.setLineWidth(0.5);
+      ctx.setStrokeStyle('#e4370e');
+      ctx.stroke();
+
+      // 恢复前一个状态
+      ctx.restore();
+
+      // 奖项列表
+      html.push({ turn: i * turnNum + 'turn', award: awardsConfig[i].name });
+    }
+    that.setData({
+      awardsList: html
+    });
+
+    wx.drawCanvas({
+      canvasId: 'lotteryCanvas',
+      actions: ctx.getActions()
+    })
+
+  },
+  getList: function () {
+    let _this = this;
+    wx.request({
+      url: app.globalData.prodUrl + 'web-pm/wx/pm/list_lottery',
+      data: '',
+      header: { 'ydw-token': wx.getStorageSync('key').ydw_token },
+      method: 'GET',
+      dataType: 'json',
+      responseType: 'text',
+      success: function (data) {
+        if (data.data.data.length > 0) {
+          _this.setData({
+            record: data.data.data,
+            prize: _this.data.awardsConfig[data.data.data[0].ranking - 1].name
+          });
+        }
+      },
+      fail: function (res) { },
+      complete: function (res) { },
+    })
+  }
+
+})

pages/activity/luckywheel/luckywheel.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/activity/luckywheel/luckywheel.wxml

@@ -0,0 +1,39 @@
+<view class="wrapper">
+
+	<view class="header">
+		<text class="header-title"> 幸运大转盘 </text>
+		<text class="header-subtitle">  云得集团年会大抽奖 祝您猪年行大运 </text> 
+	</view>
+	<view class="main">
+		<view class="canvas-container">
+			<view  animation="{{animationData}}" class="canvas-content" >
+				<!-- <canvas style="width: 300px; height: 300px;" class="canvas-element" canvas-id="lotteryCanvas"></canvas> -->
+				<view class="canvas-list" wx:for="{{awardsList}}" wx:key="unique">
+					<view class="canvas-item">
+				  	<view class="canvas-item-text" style="-webkit-transform: rotate({{item.turn}});transform: rotate({{item.turn}})">{{item.award}}</view>
+					</view>
+				</view>
+			</view>
+			<view bindtap="startLottery" class="canvas-btn {{btnDisabled}}">抽奖</view>		
+		</view>
+		<view class="main-container">
+      <view class="phone">
+        <text class="">您的手机号是（{{mobile}}）</text>
+      </view>
+			<view class="main-container-btn">
+        <view class="tip" wx:if="{{record.length > 0}}" wx:for="{{record}}" wx:key="{{index}}">
+        第<text >{{index+1}}</text>轮您抽中了"<text >{{awardsConfig[item.ranking - 1].name}}</text>"!
+          <text ></text>
+        </view>
+			</view>
+			<view class="main-container-rule">
+				<text class="main-rule-title">活动规则：</text>
+				<text class="main-rule-item">1、本活动仅限年会人员参加，每人每轮有一次机会，共三轮。</text>
+				<text class="main-rule-item">2、凭小程序绑定手机尾号领奖、工作人员将现场发放奖励。</text>	
+				<text class="main-rule-item">3、奖等信息：一等奖“你要发”1名(118元)；二等奖“路路顺”2名(66元)；三等奖“一定发”3名(18元)；四等奖“财运来”10名(8元)；五等奖“好运来”若干(3元)。</text>	
+				<text class="main-rule-item">4、奖品将以现金红包形式发放。</text>	
+				<text class="main-rule-item">5、本活动最终解释权归云得集团所有。</text>	
+			</view>	
+		</view>
+	</view>
+</view>

pages/activity/luckywheel/luckywheel.wxss

@@ -0,0 +1,172 @@
+page {
+	background: #fa1d48;
+}
+.wrapper{
+  background-image: url('http://e.eqbidding.com/web-cp-all/img_pm/img/1087633247090905088');
+  background-size: 100%;
+  background-repeat: no-repeat;
+}
+.header{
+	padding: 1rem 0;
+	text-align: center;
+  
+}
+.header-title{
+	display: block;
+	padding: .4rem 0;
+	font-size: 2rem;
+  color: #fff;
+  font-weight: 600;
+}
+.header-subtitle{
+	color: #fff;
+  font-size: 32rpx;
+}
+/* 转盘 */
+.canvas-container ul,
+.canvas-container li{
+  margin: 0 ;
+  padding: 0;
+  list-style: none;
+}
+
+.canvas-container{
+  margin: 0 auto;
+  position: relative;
+  width: 300px;
+  height: 300px;  
+  border-radius: 50%;
+  border: 2px solid #E44025;
+  box-shadow: 0 2px 3px #333, 0 0 2px #000;
+  
+}
+.canvas-content{
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 1;
+  display: block;
+  width: inherit;
+  height: inherit;
+  border-radius: inherit;
+  background-clip: padding-box;
+  background-color: #ffcb3f;
+  background-image: url('http://e.eqbidding.com/web-cp-all/img_pm/img/1087631585571901440');
+  background-size: 100%;
+}
+.canvas-element{
+  width: inherit;
+  height: inherit;
+  border-radius: 50%;
+}
+.canvas-list{
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: inherit;
+  height: inherit;
+  z-index: 2;
+}
+.canvas-item{
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  color: #e4370e;
+  font-weight: bold;
+  text-shadow: 0 1px 1px rgba(255,255,255,.6);
+}
+.canvas-item-text{
+  position: relative;
+  display: block;
+  padding-top: 35px;
+  /* width: 50px; */
+  margin: 0 auto;
+  text-align: center; 
+  z-index: 999999;
+  -webkit-transform-origin: 50% 150px; 
+  transform-origin: 50% 150px;
+}
+
+.canvas-btn{
+  position: absolute;
+  left: 110px;
+  top: 110px;
+  z-index: 999999;
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  color: #F4E9CC;
+  background-color: #E44025;
+  line-height: 80px;
+  text-align: center;
+  font-size: 20px;
+  text-shadow: 0 -1px 1px rgba(0,0,0,.6);
+  box-shadow: 0 3px 5px rgba(0,0,0,.6);
+  text-decoration: none;
+}
+.canvas-btn::after{
+  position: absolute;
+  display: block;
+  content: ' ';
+  left: 10px;
+  top: -46px;
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  border-width: 30px;
+  border-style: solid;
+  border-color: transparent;
+  border-bottom-color: #E44025; 
+}
+.canvas-btn.disabled{
+    pointer-events: none;
+    background: #B07A7B;
+    color: #ccc;
+}
+.canvas-btn.disabled::after{
+  border-bottom-color: #B07A7B;
+}
+
+
+.gb-run{ 
+    -webkit-transition: all 6s ease;
+    transition: all 6s ease;
+}
+
+
+/* 查看中奖 */
+.main-container{
+	margin: 1rem 2rem;
+}
+
+.main-container-rule{
+	padding: 1rem 0;
+  color: #fff;
+  font-size: 30rpx;
+}
+.main-container-btn text {
+  color: #fdf573;
+}
+.main-rule-title{
+	display: block;
+	padding: 4px 0;
+	font-size: 16px;
+	font-weight: bold;
+}
+.main-rule-item{
+	display: block;
+	padding: 2px 0;
+}
+.tip{
+  color: #fff;
+  font-size: 32rpx;
+  text-align: center;
+}
+.phone{
+  text-align: center;
+  color: #fff;
+  font-size: 30rpx;
+  margin-bottom: 40rpx;
+}

pages/agreement/agreement.js

@@ -0,0 +1,59 @@
+// pages/agreement/agreement.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+  
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+  
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+  
+  }
+})

pages/agreement/agreement.json

@@ -0,0 +1 @@
+{}

pages/agreement/agreement.wxml

@@ -0,0 +1,2 @@
+<!--pages/agreement/agreement.wxml-->
+<text>竞买协议</text>

pages/agreement/agreement.wxss

@@ -0,0 +1 @@
+/* pages/agreement/agreement.wxss */

pages/auctioneer/auctioneer.js

@@ -0,0 +1,135 @@
+// pages/auctioneer/auctioneer.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    goods:[
+      {
+        collect: true,
+        goodsimg: "images/goods-img-1.jpg",
+        state: true,
+        money: "￥88.5",
+        username: "134****6521"
+      },
+      {
+        collect: false,
+        goodsimg: "images/goods-img-1.jpg",
+        state: false,
+        money: "￥828.5",
+        username: "134****6521"
+      },
+      {
+        collect: false,
+        goodsimg: "images/goods-img-1.jpg",
+        state: true,
+        money: "￥599.5",
+        username: "134****6521"
+      },
+      {
+        collect: true,
+        goodsimg: "images/goods-img-1.jpg",
+        state: false,
+        money: "￥58.5",
+        username: "134****6521"
+      }, {
+        collect: true,
+        goodsimg: "images/goods-img-1.jpg",
+        state: true,
+        money: "￥88.5",
+        username: "134****6521"
+      },
+      {
+        collect: false,
+        goodsimg: "images/goods-img-1.jpg",
+        state: false,
+        money: "￥828.5",
+        username: "134****6521"
+      },
+      {
+        collect: false,
+        goodsimg: "images/goods-img-1.jpg",
+        state: true,
+        money: "￥599.5",
+        username: "134****6521"
+      },
+      {
+        collect: true,
+        goodsimg: "images/goods-img-1.jpg",
+        state: false,
+        money: "￥58.5",
+        username: "134****6521"
+      }
+    ],
+    templateName:'goodsModular'
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    var _this = this;
+    wx.createSelectorQuery().select('.company-title-content').boundingClientRect(function (rect) {
+      _this.setData({
+        pageScrollTop: rect.top
+      })
+    }).exec()
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+  
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+  
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+  
+  },
+  onPageScroll:function(e){
+    var _this = this;
+    var scrollTop = _this.data.pageScrollTop;
+    if (e.scrollTop > scrollTop) {
+      this.setData({
+        classifyPosition: true
+      })
+    }
+    if (e.scrollTop < scrollTop) {
+      this.setData({
+        classifyPosition: false
+      })
+    }
+  }
+})

pages/auctioneer/auctioneer.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText":"竞买师详情"
+}

pages/auctioneer/auctioneer.wxml

@@ -0,0 +1,33 @@
+<view class="container">
+  <view class="auctioneer-hader">
+    <view class="hader-img">
+      <image src=""></image>
+    </view>
+    <view class="auctioneer-name">
+      <text>竞买师</text>
+      <text class="sign">已认证</text>
+    </view>
+    <view class="auctioneer-company">
+      <text>竞买师所属竞买公司</text>
+    </view>
+    <view class="auctioneer-describe">
+      <text>一段自我评价，一段自我评价一段自我评价，一段自我评价。一段自我评价一段自我评价，一段自我评价。 </text>
+    </view>
+  </view>
+  <view class="company">
+    <view class="company-title">
+      <view class="company-title-content {{classifyPosition ? 'position-fixed':''}}" bindtap='onPageScroll'>
+        <view class="title-content-left">
+          <text class="on">即将开始</text>
+        </view>
+        <view class="title-content-right">
+          <text>即将截至</text>        
+        </view>
+      </view>
+    </view>
+    <view class="company-content">
+      <import src="../../template/template.wxml"></import>
+      <template is="{{templateName}}" data="{{goods}}"></template>
+    </view>
+  </view>
+</view>

pages/auctioneer/auctioneer.wxss

@@ -0,0 +1,104 @@
+@import "../../template/template.wxss";
+page{
+  background: #f1f1f1;
+}
+.container{
+  width: 100%;
+}
+.auctioneer-hader{
+  width: 100%;
+  padding-top: 40rpx;
+  background: #fff;
+  margin-bottom: 10rpx;
+}
+.auctioneer-hader .hader-img{
+  width: 200rpx;
+  height: 200rpx;
+  margin: 0 auto;
+  margin-bottom: 20rpx;
+}
+.auctioneer-hader .hader-img image{
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  background: #fb752c;
+}
+.auctioneer-hader .auctioneer-name{
+  text-align: center;
+  font-size: 34rpx;
+  position: relative;
+  margin-bottom: 15rpx;
+}
+.auctioneer-hader .auctioneer-name .sign{
+  font-size: 20rpx;
+  color:#2abf01;
+  border:1px solid #2abf01;
+  background:#efffea;
+  margin-left: 15rpx;
+  position: absolute;
+  top: 10rpx;
+  padding: 0 5rpx;
+}
+.auctioneer-hader .auctioneer-company{
+  font-size: 28rpx;
+  color: #333;
+  text-align: center;
+  margin-bottom: 15rpx;
+}
+.auctioneer-hader .auctioneer-describe{
+  height: 100rpx;
+  color: #999;
+  font-size: 28rpx;
+  padding: 0 20rpx;
+  text-align: center;
+}
+.company{
+  width: 100%;
+  background: #fff;
+}
+.company .company-title{
+  border-bottom: 1px solid #f1f1f1;
+  height: 80rpx;
+}
+.company .company-title .company-title-content{
+  width: 100%;
+  margin: 0 auto;
+}
+.company-title-content::after{
+  content: '';
+  display: block;
+  clear: both;
+}
+.company .company-title .company-title-content view{
+  font-size: 34rpx;
+  text-align: center;
+  width: 50%;
+  float: left;
+}
+.company .company-title .company-title-content view text{
+  padding: 15rpx 0; 
+  display: block;
+  width: 60%;
+  margin: 0 auto;
+}
+.company .company-title .company-title-content .on{
+  color: #fb752c;
+  border-bottom: 2px solid #fb752c;
+}
+.company .company-content::after{
+  content: "";
+  display: block;
+  clear: both;
+}
+.company .company-content{
+  background: #f1f1f1;
+}
+.position-fixed{
+  background: #fff;
+  width: 100%;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 999;
+  box-shadow: 5rpx 0rpx 10rpx rgba(0, 0, 0, 0.3)
+}

pages/classify/classify.js

@@ -0,0 +1,5 @@
+Page({
+  data:{
+    classify:["全部商品","苹果专区","卡券专区","小米专区","华为专区","金银珠宝","运动健身","家居日用","食品酒类","十元专区"]
+  }
+})

pages/classify/classify.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "商品分类"
+}

pages/classify/classify.wxml

@@ -0,0 +1,24 @@
+<view class="container">
+  <view class="search-box">
+    <navigator class="search" hover-stay-time="1" url="">
+      <image src="images/search.png"></image>
+      <text>搜索您需要的商品</text>
+    </navigator>
+  </view>
+  <view class="classify-box">
+    <view class="classify-block" wx:for="{{classify}}" wx:key="*this">{{item}}</view>
+  </view>
+  <view class="content-box">
+    <navigator url="../details/details" class="goods" wx:for="{{[1,2,3,4,5,6,7,8,9]}}" hover-stay-time="100" wx:key="*this">
+      <image src="" class="goods-img"></image>
+      <view class="goods-details">
+        <text class="goods-name">商品名称</text>
+        <text class="goods-info">商品名称商品名称商品名称商品名称</text>
+        <text class="goods-time">00:00:10</text>
+        <text class="goods-price">￥5.0</text>
+        <text class="goods-price">用户134****3828</text>
+      </view>
+      <text class="goods-btn">竞买</text>
+    </navigator>
+  </view>
+</view>