作者 乔爽

update

... ... @@ -2,11 +2,11 @@
<project version="4">
<component name="ChangeListManager">
<list default="true" id="1ae5f9a6-acdc-475d-863d-ce05e13f7b72" name="Default Changelist" comment="">
<change afterPath="$PROJECT_DIR$/css/dropload.css" afterDir="false" />
<change afterPath="$PROJECT_DIR$/js/dropload.min.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/first.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/first.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/index.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/last.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/last.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/html/last.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/last.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/html/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/index.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/bg.png" beforeDir="false" />
</list>
<ignored path="$PROJECT_DIR$/.tmp/" />
<ignored path="$PROJECT_DIR$/temp/" />
... ... @@ -55,36 +55,36 @@
<session id="-407721514">
<usages-collector id="statistics.lifecycle.project">
<counts>
<entry key="project.closed" value="3" />
<entry key="project.open.time.0" value="1" />
<entry key="project.closed" value="4" />
<entry key="project.open.time.0" value="2" />
<entry key="project.open.time.14" value="1" />
<entry key="project.open.time.18" value="1" />
<entry key="project.open.time.31" value="1" />
<entry key="project.opened" value="4" />
<entry key="project.opened" value="5" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.edit">
<counts>
<entry key="css" value="3402" />
<entry key="html" value="2063" />
<entry key="html" value="2113" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.edit">
<counts>
<entry key="CSS" value="3402" />
<entry key="HTML" value="2063" />
<entry key="HTML" value="2113" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.open">
<counts>
<entry key="css" value="2" />
<entry key="js" value="1" />
<entry key="css" value="3" />
<entry key="js" value="2" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.open">
<counts>
<entry key="CSS" value="2" />
<entry key="JavaScript" value="1" />
<entry key="CSS" value="3" />
<entry key="JavaScript" value="2" />
</counts>
</usages-collector>
</session>
... ... @@ -92,24 +92,6 @@
<component name="FileEditorManager">
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/html/first.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="309">
<caret line="12" column="6" lean-forward="true" selection-start-line="12" selection-start-column="6" selection-end-line="12" selection-end-column="6" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/first.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1107">
<caret line="41" column="18" selection-start-line="41" selection-start-column="18" selection-end-line="41" selection-end-column="18" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/dksm.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="162">
... ... @@ -121,7 +103,7 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/html/dksm.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="515">
<state relative-caret-position="621">
<caret line="23" column="49" lean-forward="true" selection-start-line="23" selection-start-column="49" selection-end-line="23" selection-end-column="49" />
</state>
</provider>
... ... @@ -130,10 +112,11 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/html/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="162">
<caret line="6" column="41" selection-start-line="6" selection-start-column="41" selection-end-line="6" selection-end-column="41" />
<state relative-caret-position="540">
<caret line="131" column="37" lean-forward="true" selection-start-line="131" selection-start-column="24" selection-end-line="131" selection-end-column="37" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
... ... @@ -156,15 +139,25 @@
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/js/dropload.min.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/dropload.css">
<provider selected="true" editor-type-id="text-editor" />
</entry>
</file>
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/css/index.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="6318">
<caret line="234" column="23" lean-forward="true" selection-start-line="234" selection-start-column="23" selection-end-line="234" selection-end-column="23" />
<state relative-caret-position="431">
<caret line="156" column="1" lean-forward="true" selection-start-line="156" selection-start-column="1" selection-end-line="156" selection-end-column="1" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="true">
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/html/last.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="189">
... ... @@ -196,7 +189,7 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/last.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="125">
<state relative-caret-position="3996">
<caret line="148" column="18" lean-forward="true" selection-start-line="148" selection-start-column="18" selection-end-line="148" selection-end-column="18" />
</state>
</provider>
... ... @@ -260,12 +253,12 @@
<option value="$PROJECT_DIR$/css/dkxq.css" />
<option value="$PROJECT_DIR$/css/xyjc.css" />
<option value="$PROJECT_DIR$/html/xyjc.html" />
<option value="$PROJECT_DIR$/html/index.html" />
<option value="$PROJECT_DIR$/css/first.css" />
<option value="$PROJECT_DIR$/html/first.html" />
<option value="$PROJECT_DIR$/css/index.css" />
<option value="$PROJECT_DIR$/css/last.css" />
<option value="$PROJECT_DIR$/html/last.html" />
<option value="$PROJECT_DIR$/html/index.html" />
<option value="$PROJECT_DIR$/css/index.css" />
</list>
</option>
</component>
... ... @@ -276,8 +269,8 @@
<sorting>DEFINITION_ORDER</sorting>
</component>
<component name="ProjectFrameBounds">
<option name="x" value="497" />
<option name="y" value="62" />
<option name="x" value="670" />
<option name="y" value="198" />
<option name="width" value="1354" />
<option name="height" value="999" />
</component>
... ... @@ -286,6 +279,7 @@
<foldersAlwaysOnTop value="true" />
</navigator>
<panes>
<pane id="Scope" />
<pane id="ProjectPane">
<subPane>
<expand>
... ... @@ -303,17 +297,21 @@
<item name="shengbao" type="462c0819:PsiDirectoryNode" />
<item name="html" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="shengbao" type="b2602c69:ProjectViewProjectNode" />
<item name="shengbao" type="462c0819:PsiDirectoryNode" />
<item name="js" type="462c0819:PsiDirectoryNode" />
</path>
</expand>
<select />
</subPane>
</pane>
<pane id="Scope" />
</panes>
</component>
<component name="PropertiesComponent">
<property name="DefaultHtmlFileTemplate" value="HTML File" />
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="last_opened_file_path" value="$PROJECT_DIR$/../../可耐美手机端/clime" />
<property name="last_opened_file_path" value="$PROJECT_DIR$" />
<property name="list.type.of.created.stylesheet" value="CSS" />
<property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
<property name="nodejs_npm_path_reset_for_default_project" value="true" />
... ... @@ -321,6 +319,7 @@
<component name="RecentsManager">
<key name="CopyFile.RECENT_KEYS">
<recent name="F:\ljh项目\盛宝财富贷款平台\shengbao\js" />
<recent name="F:\ljh项目\盛宝财富贷款平台\shengbao\css" />
<recent name="F:\ljh项目\盛宝财富贷款平台\images" />
<recent name="F:\ljh项目\盛宝财富贷款平台\js" />
</key>
... ... @@ -351,12 +350,13 @@
<workItem from="1547718617124" duration="4272000" />
<workItem from="1547771777103" duration="22455000" />
<workItem from="1547799045567" duration="6022000" />
<workItem from="1547857140175" duration="1165000" />
<workItem from="1547857140175" duration="1455000" />
<workItem from="1547863520730" duration="875000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="49106000" />
<option name="totallyTimeSpent" value="50271000" />
</component>
<component name="TodoView">
<todo-panel id="selected-file">
... ... @@ -368,7 +368,7 @@
</todo-panel>
</component>
<component name="ToolWindowManager">
<frame x="497" y="62" width="1354" height="999" extended-state="0" />
<frame x="384" y="135" width="1354" height="999" extended-state="0" />
<editor active="true" />
<layout>
<window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.1618541" />
... ... @@ -383,7 +383,7 @@
<window_info anchor="bottom" id="TODO" order="6" weight="0.32974428" />
<window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
<window_info anchor="bottom" id="Version Control" order="8" />
<window_info anchor="bottom" id="Terminal" order="9" visible="true" weight="0.2835648" />
<window_info anchor="bottom" id="Terminal" order="9" visible="true" weight="0.15972222" />
<window_info anchor="bottom" id="Event Log" order="10" side_tool="true" />
<window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
<window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
... ... @@ -404,6 +404,13 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/first.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="324">
<caret line="12" column="6" selection-start-line="12" selection-start-column="6" selection-end-line="12" selection-end-column="6" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/first.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1107">
... ... @@ -418,32 +425,61 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/index.css">
<entry file="file://$PROJECT_DIR$/html/dksm.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="6318">
<caret line="234" column="23" lean-forward="true" selection-start-line="234" selection-start-column="23" selection-end-line="234" selection-end-column="23" />
<state relative-caret-position="621">
<caret line="23" column="49" lean-forward="true" selection-start-line="23" selection-start-column="49" selection-end-line="23" selection-end-column="49" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/jquery.combo.select.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/css/last.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="3996">
<caret line="148" column="18" lean-forward="true" selection-start-line="148" selection-start-column="18" selection-end-line="148" selection-end-column="18" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/base.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/css/last.css">
<entry file="file://$PROJECT_DIR$/html/last.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="125">
<caret line="148" column="18" lean-forward="true" selection-start-line="148" selection-start-column="18" selection-end-line="148" selection-end-column="18" />
<state relative-caret-position="189">
<caret line="7" column="39" selection-start-line="7" selection-start-column="39" selection-end-line="7" selection-end-column="39" />
<folding>
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#2;n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/dropload.min.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/css/dropload.css">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/html/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="162">
<caret line="6" column="41" selection-start-line="6" selection-start-column="41" selection-end-line="6" selection-end-column="41" />
<state relative-caret-position="540">
<caret line="131" column="37" lean-forward="true" selection-start-line="131" selection-start-column="24" selection-end-line="131" selection-end-column="37" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
... ... @@ -464,39 +500,10 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/first.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="309">
<caret line="12" column="6" lean-forward="true" selection-start-line="12" selection-start-column="6" selection-end-line="12" selection-end-column="6" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/dksm.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="515">
<caret line="23" column="49" lean-forward="true" selection-start-line="23" selection-start-column="49" selection-end-line="23" selection-end-column="49" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/last.html">
<entry file="file://$PROJECT_DIR$/css/index.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="189">
<caret line="7" column="39" selection-start-line="7" selection-start-column="39" selection-end-line="7" selection-end-column="39" />
<folding>
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#2;n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
<state relative-caret-position="431">
<caret line="156" column="1" lean-forward="true" selection-start-line="156" selection-start-column="1" selection-end-line="156" selection-end-column="1" />
</state>
</provider>
</entry>
... ...
.dropload-up,.dropload-down{
position: relative;
height: 0;
overflow: hidden;
font-size: 12px;
/* 开启硬件加速 */
-webkit-transform:translateZ(0);
transform:translateZ(0);
}
.dropload-down{
height: 50px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
height: 50px;
line-height: 50px;
text-align: center;
}
.dropload-load .loading{
display: inline-block;
height: 15px;
width: 15px;
border-radius: 100%;
margin: 6px;
border: 2px solid #666;
border-bottom-color: transparent;
vertical-align: middle;
-webkit-animation: rotate 0.75s linear infinite;
animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
\ No newline at end of file
... ...
... ... @@ -153,7 +153,7 @@
margin-top: 0.12rem;
}
.mid_loans_box:last-child{
margin-bottom: 2rem;
/*margin-bottom: 2rem;*/
}
.mid_loans_box_top{
width: 100%;
... ...
... ... @@ -6,11 +6,11 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
<link rel="stylesheet" type="text/css" href="../css/index.css">
<link rel="stylesheet" href="../css/dropload.css" />
<script src="../js/base.js"></script>
<script src="../js/jquery.min.js"></script>
</head>
<body>
<div class="main">
<div class="main content">
<div class="container">
<!--顶部公告-->
<div class="top">
... ... @@ -91,6 +91,7 @@
</div>
<!--秒贷框-->
<div class="mid_loans_boxs">
<div class="mid_loans_box fitst_loans">
<!--头部名字-->
<div class="mid_loans_box_top">
... ... @@ -127,6 +128,7 @@
</div>
</div>
</div>
<div class="mid_loans_box">
<!--头部名字-->
<div class="mid_loans_box_top">
... ... @@ -199,16 +201,122 @@
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/dropload.min.js"></script>
<script>
function btn_next() {
window.location.href = "last.html"
}
// JavaScript Document
//上拉加载
$(document).ready(function(){
// 页数
var page = 0;
// 每页展示10个
var size = 3;
$('.content').dropload({
scrollArea : window,
domUp : {
domClass : 'dropload-up',
domRefresh : '<div class="dropload-refresh">↓下拉刷新</div>',
domUpdate : '<div class="dropload-update">↑释放更新</div>',
domLoad : '<div class="dropload-load"><span class="loading"></span>加载中...</div>'
},
domDown : {
domClass : 'dropload-down',
domRefresh : '<div class="dropload-refresh">↑上拉加载更多</div>',
domLoad : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
domNoData : '<div class="dropload-noData">暂无数据</div>'
},
loadDownFn : function(me){
page++;
// 拼接HTML
var result = '';
var s = "";
var show="";
var list_compressor="";
var list_answer="";
$.ajax({
type: 'GET',
url: 'http://ons.me/tools/dropload/json.php?page='+page+'&size='+size,
dataType: 'json',
success: function(data){
console.log(data);
var arrLen = data.length;
if(arrLen > 0){
for(var i=0; i<arrLen; i++){
result +='<div class="mid_loans_box">\n' +
' <!--头部名字-->\n' +
' <div class="mid_loans_box_top">\n' +
' <div class="mid_loans_box_top_text">\n' +
' 秒贷\n' +
' </div>\n' +
' <!--热门-->\n' +
' <div class="mid_loans_box_top_hot">\n' +
' 热门\n' +
' </div>\n' +
' </div>\n' +
' <!--下划虚线-->\n' +
' <div class="mid_loans_box_line"></div>\n' +
' <!--底部内容-->\n' +
' <div class="mid_loans_box_bottom">\n' +
' <!--左边图片-->\n' +
' <div class="mid_loans_box_bottom_pic">\n' +
' <img src="../images/dsfs6@2x.png">\n' +
' </div>\n' +
' <!--右边文字-->\n' +
' <div class="mid_loans_box_bottom_text">\n' +
' <div class="mid_loans_box_bottom_text_title">\n' +
' 芝麻粉500+无负面,立马放\n' +
' </div>\n' +
' <div class="mid_loans_box_bottom_text_top">\n' +
' 申请人数: <span class="span_color">3658</span>人\n' +
' </div>\n' +
' <div class="mid_loans_box_bottom_text_mid">\n' +
' 月利率: <span class="span_color">0.3%-0.5%</span>\n' +
' </div>\n' +
' <div class="mid_loans_box_bottom_text_bottom">\n' +
' 3分钟申请,30分钟审核,秒下款\n' +
' </div>\n' +
' </div>\n' +
' </div>\n' +
' </div>'
}
// 如果没有数据
}else{
// 锁定
me.lock();
// 无数据
me.noData();
}
// 为了测试,延迟1秒加载
setTimeout(function(){
// 插入数据到页面,放到最后面
$('.mid_loans_boxs').append(result);
// 每次数据插入,必须重置
me.resetload();
},500);
},
error: function(xhr, type){
alert('Ajax error!');
// 即使加载出错,也得重置
me.resetload();
}
});
},
threshold : 50
});
})
</script>
</html>
... ...
/**
* dropload
* 西门(http://ons.me/526.html)
* 0.9.1(161205)
*/
!function (a) {
"use strict";
function g(a) {
a.touches || (a.touches = a.originalEvent.touches)
}
function h(a, b) {
b._startY = a.touches[0].pageY, b.touchScrollTop = b.$scrollArea.scrollTop()
}
function i(b, c) {
c._curY = b.touches[0].pageY, c._moveY = c._curY - c._startY, c._moveY > 0 ? c.direction = "down" : c._moveY < 0 && (c.direction = "up");
var d = Math.abs(c._moveY);
"" != c.opts.loadUpFn && c.touchScrollTop <= 0 && "down" == c.direction && !c.isLockUp && (b.preventDefault(), c.$domUp = a("." + c.opts.domUp.domClass), c.upInsertDOM || (c.$element.prepend('<div class="' + c.opts.domUp.domClass + '"></div>'), c.upInsertDOM = !0), n(c.$domUp, 0), d <= c.opts.distance ? (c._offsetY = d, c.$domUp.html(c.opts.domUp.domRefresh)) : d > c.opts.distance && d <= 2 * c.opts.distance ? (c._offsetY = c.opts.distance + .5 * (d - c.opts.distance), c.$domUp.html(c.opts.domUp.domUpdate)) : c._offsetY = c.opts.distance + .5 * c.opts.distance + .2 * (d - 2 * c.opts.distance), c.$domUp.css({height: c._offsetY}))
}
function j(b) {
var c = Math.abs(b._moveY);
"" != b.opts.loadUpFn && b.touchScrollTop <= 0 && "down" == b.direction && !b.isLockUp && (n(b.$domUp, 300), c > b.opts.distance ? (b.$domUp.css({height: b.$domUp.children().height()}), b.$domUp.html(b.opts.domUp.domLoad), b.loading = !0, b.opts.loadUpFn(b)) : b.$domUp.css({height: "0"}).on("webkitTransitionEnd mozTransitionEnd transitionend", function () {
b.upInsertDOM = !1, a(this).remove()
}), b._moveY = 0)
}
function k(a) {
"" != a.opts.loadDownFn && a.opts.autoLoad && a._scrollContentHeight - a._threshold <= a._scrollWindowHeight && m(a)
}
function l(a) {
a._scrollContentHeight = a.opts.scrollArea == b ? e.height() : a.$element[0].scrollHeight
}
function m(a) {
a.direction = "up", a.$domDown.html(a.opts.domDown.domLoad), a.loading = !0, a.opts.loadDownFn(a)
}
function n(a, b) {
a.css({"-webkit-transition": "all " + b + "ms", transition: "all " + b + "ms"})
}
var f, b = window, c = document, d = a(b), e = a(c);
a.fn.dropload = function (a) {
return new f(this, a)
}, f = function (a, b) {
var c = this;
c.$element = a, c.upInsertDOM = !1, c.loading = !1, c.isLockUp = !1, c.isLockDown = !1, c.isData = !0, c._scrollTop = 0, c._threshold = 0, c.init(b)
}, f.prototype.init = function (f) {
var l = this;
l.opts = a.extend(!0, {}, {
scrollArea: l.$element,
domUp: {
domClass: "dropload-up",
domRefresh: '<div class="dropload-refresh">↓下拉刷新</div>',
domUpdate: '<div class="dropload-update">↑释放更新</div>',
domLoad: '<div class="dropload-load"><span class="loading"></span>加载中...</div>'
},
domDown: {
domClass: "dropload-down",
domRefresh: '<div class="dropload-refresh">↑上拉加载更多</div>',
domLoad: '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
domNoData: '<div class="dropload-noData">暂无数据</div>'
},
autoLoad: !0,
distance: 50,
threshold: "",
loadUpFn: "",
loadDownFn: ""
}, f), "" != l.opts.loadDownFn && (l.$element.append('<div class="' + l.opts.domDown.domClass + '">' + l.opts.domDown.domRefresh + "</div>"), l.$domDown = a("." + l.opts.domDown.domClass)), l._threshold = l.$domDown && "" === l.opts.threshold ? Math.floor(1 * l.$domDown.height() / 3) : l.opts.threshold, l.opts.scrollArea == b ? (l.$scrollArea = d, l._scrollContentHeight = e.height(), l._scrollWindowHeight = c.documentElement.clientHeight) : (l.$scrollArea = l.opts.scrollArea, l._scrollContentHeight = l.$element[0].scrollHeight, l._scrollWindowHeight = l.$element.height()), k(l), d.on("resize", function () {
clearTimeout(l.timer), l.timer = setTimeout(function () {
l._scrollWindowHeight = l.opts.scrollArea == b ? b.innerHeight : l.$element.height(), k(l)
}, 150)
}), l.$element.on("touchstart", function (a) {
l.loading || (g(a), h(a, l))
}), l.$element.on("touchmove", function (a) {
l.loading || (g(a, l), i(a, l))
}), l.$element.on("touchend", function () {
l.loading || j(l)
}), l.$scrollArea.on("scroll", function () {
l._scrollTop = l.$scrollArea.scrollTop(), "" != l.opts.loadDownFn && !l.loading && !l.isLockDown && l._scrollContentHeight - l._threshold <= l._scrollWindowHeight + l._scrollTop && m(l)
})
}, f.prototype.lock = function (a) {
var b = this;
void 0 === a ? "up" == b.direction ? b.isLockDown = !0 : "down" == b.direction ? b.isLockUp = !0 : (b.isLockUp = !0, b.isLockDown = !0) : "up" == a ? b.isLockUp = !0 : "down" == a && (b.isLockDown = !0, b.direction = "up")
}, f.prototype.unlock = function () {
var a = this;
a.isLockUp = !1, a.isLockDown = !1, a.direction = "up"
}, f.prototype.noData = function (a) {
var b = this;
void 0 === a || 1 == a ? b.isData = !1 : 0 == a && (b.isData = !0)
}, f.prototype.resetload = function () {
var b = this;
"down" == b.direction && b.upInsertDOM ? b.$domUp.css({height: "0"}).on("webkitTransitionEnd mozTransitionEnd transitionend", function () {
b.loading = !1, b.upInsertDOM = !1, a(this).remove(), l(b)
}) : "up" == b.direction && (b.loading = !1, b.isData ? (b.$domDown.html(b.opts.domDown.domRefresh), l(b), k(b)) : b.$domDown.html(b.opts.domDown.domNoData))
}
}(window.Zepto || window.jQuery);
\ No newline at end of file
... ...