webfront / shengbao · 提交

转到一个项目

作者 乔爽
提交 69e2fe2acfd5a53a04dbe9c9816c767320169ebb 1 个父辈 88b44951

update

内嵌 并排对比
正在显示 10 个修改的文件 包含 1426 行增加 和 179 行删除
... ... @@ -2,10 +2,16 @@
<project version="4">
<component name="ChangeListManager">
<list default="true" id="1ae5f9a6-acdc-475d-863d-ce05e13f7b72" name="Default Changelist" comment="">
<change afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" />
<change afterPath="$PROJECT_DIR$/js/jquery.combo.select.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/dksm.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/dksm.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/dkxq.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/dkxq.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/xyjc.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/xyjc.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/html/dksm.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/dksm.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/html/dkxq.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/dkxq.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/html/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/index.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/html/xyjc.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/xyjc.html" afterDir="false" />
</list>
<ignored path="$PROJECT_DIR$/.tmp/" />
<ignored path="$PROJECT_DIR$/temp/" />
... ... @@ -54,31 +60,43 @@
<session id="-407721514">
<usages-collector id="statistics.lifecycle.project">
<counts>
<entry key="project.closed" value="2" />
<entry key="project.open.time.0" value="1" />
<entry key="project.opened" value="1" />
<entry key="project.open.time.18" value="1" />
<entry key="project.opened" value="2" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.edit">
<counts>
<entry key="css" value="727" />
<entry key="html" value="342" />
<entry key="css" value="3215" />
<entry key="html" value="1849" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.edit">
<counts>
<entry key="CSS" value="727" />
<entry key="HTML" value="342" />
<entry key="CSS" value="3215" />
<entry key="HTML" value="1849" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.open">
<counts>
<entry key="js" value="1" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.open">
<counts>
<entry key="JavaScript" value="1" />
</counts>
</usages-collector>
</session>
</component>
<component name="FileEditorManager">
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
<file pinned="false" current-in-tab="false">
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/html/xyjc.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="196">
<caret line="13" column="22" lean-forward="true" selection-start-line="13" selection-start-column="22" selection-end-line="13" selection-end-column="22" />
<state relative-caret-position="247">
<caret line="29" column="25" lean-forward="true" selection-start-line="29" selection-start-column="25" selection-end-line="29" selection-end-column="25" />
<folding>
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
... ... @@ -89,8 +107,8 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/xyjc.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="324">
<caret line="12" column="18" selection-end-line="58" />
<state relative-caret-position="311">
<caret line="51" column="28" selection-start-line="51" selection-start-column="28" selection-end-line="51" selection-end-column="28" />
</state>
</provider>
</entry>
... ... @@ -98,8 +116,8 @@
<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="27">
<caret line="1" selection-start-line="1" selection-end-line="15" selection-end-column="1" />
<state relative-caret-position="162">
<caret line="6" column="12" lean-forward="true" selection-start-line="6" selection-start-column="12" selection-end-line="6" selection-end-column="12" />
</state>
</provider>
</entry>
... ... @@ -107,11 +125,8 @@
<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="162">
<caret line="18" column="14" lean-forward="true" selection-start-line="18" selection-start-column="14" selection-end-line="18" selection-end-column="14" />
<folding>
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
<state relative-caret-position="137">
<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>
... ... @@ -119,19 +134,26 @@
<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="81">
<caret line="30" column="26" lean-forward="true" selection-start-line="30" selection-start-column="26" selection-end-line="30" selection-end-column="26" />
<state relative-caret-position="162">
<caret line="92" column="22" lean-forward="true" selection-start-line="92" selection-start-column="22" selection-end-line="92" selection-end-column="22" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<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#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#0;n#div#2;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" />
<element signature="n#div#1;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#2;n#div#0;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#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#2;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#2;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
... ... @@ -140,42 +162,42 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/index.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-59">
<caret line="180" column="24" selection-start-line="180" selection-start-column="24" selection-end-line="180" selection-end-column="24" />
<state relative-caret-position="166">
<caret line="141" column="42" lean-forward="true" selection-start-line="141" selection-start-column="42" selection-end-line="141" selection-end-column="42" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="true">
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/html/dkxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="396">
<caret line="60" column="14" lean-forward="true" selection-start-line="60" selection-start-column="14" selection-end-line="60" selection-end-column="14" />
<state relative-caret-position="135">
<caret line="44" column="60" selection-start-line="44" selection-start-column="45" selection-end-line="44" selection-end-column="60" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<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#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>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/dkxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="225">
<caret line="104" column="18" lean-forward="true" selection-start-line="104" selection-start-column="18" selection-end-line="104" selection-end-column="18" />
</state>
</provider>
<entry file="file://$PROJECT_DIR$/js/jquery.combo.select.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/js/jquery.min.js">
<entry file="file://$PROJECT_DIR$/css/dkxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="3456">
<caret line="128" column="26" selection-start-line="128" selection-start-column="26" selection-end-line="128" selection-end-column="26" />
<state relative-caret-position="247">
<caret line="81" column="4" selection-start-line="81" selection-start-column="4" selection-end-line="83" selection-end-column="21" />
</state>
</provider>
</entry>
... ... @@ -197,8 +219,26 @@
</component>
<component name="FindInProjectRecents">
<findStrings>
<find>today</find>
<find>mid_loans_top</find>
<find>mid_loans_box_bottom_text</find>
<find>mid_loans_box_bottom</find>
<find>mid_loans</find>
<find>mid_today</find>
<find>box_bottom</find>
<find>.mid_loans_box</find>
<find>link</find>
<find>apply</find>
<find>apply_name</find>
<find>apply_box</find>
<find>url</find>
<find>limit_box</find>
<find>top_text</find>
<find>mid_loans_box</find>
<find>limit</find>
<find>limit_box_top</find>
<find>bottom_box</find>
<find>mid_</find>
</findStrings>
</component>
<component name="Git.Settings">
... ... @@ -207,14 +247,14 @@
<component name="IdeDocumentHistory">
<option name="CHANGED_PATHS">
<list>
<option value="$PROJECT_DIR$/css/xyjc.css" />
<option value="$PROJECT_DIR$/css/dksm.css" />
<option value="$PROJECT_DIR$/html/xyjc.html" />
<option value="$PROJECT_DIR$/html/dksm.html" />
<option value="$PROJECT_DIR$/html/index.html" />
<option value="$PROJECT_DIR$/css/index.css" />
<option value="$PROJECT_DIR$/css/dkxq.css" />
<option value="$PROJECT_DIR$/html/dksm.html" />
<option value="$PROJECT_DIR$/html/dkxq.html" />
<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" />
</list>
</option>
</component>
... ... @@ -225,16 +265,17 @@
<sorting>DEFINITION_ORDER</sorting>
</component>
<component name="ProjectFrameBounds">
<option name="x" value="954" />
<option name="y" value="173" />
<option name="width" value="1154" />
<option name="height" value="819" />
<option name="x" value="292" />
<option name="y" value="79" />
<option name="width" value="1075" />
<option name="height" value="878" />
</component>
<component name="ProjectView">
<navigator proportions="" version="1">
<foldersAlwaysOnTop value="true" />
</navigator>
<panes>
<pane id="Scope" />
<pane id="ProjectPane">
<subPane>
<expand>
... ... @@ -256,7 +297,6 @@
<select />
</subPane>
</pane>
<pane id="Scope" />
</panes>
</component>
<component name="PropertiesComponent">
... ... @@ -269,6 +309,7 @@
</component>
<component name="RecentsManager">
<key name="CopyFile.RECENT_KEYS">
<recent name="F:\ljh项目\盛宝财富贷款平台\shengbao\js" />
<recent name="F:\ljh项目\盛宝财富贷款平台\images" />
<recent name="F:\ljh项目\盛宝财富贷款平台\js" />
</key>
... ... @@ -296,18 +337,27 @@
<option name="presentableId" value="Default" />
<updated>1547702487075</updated>
<workItem from="1547702489388" duration="15192000" />
<workItem from="1547718617124" duration="4238000" />
<workItem from="1547718617124" duration="4272000" />
<workItem from="1547771777103" duration="22455000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="19430000" />
<option name="totallyTimeSpent" value="41919000" />
</component>
<component name="TodoView">
<todo-panel id="selected-file">
<is-autoscroll-to-source value="true" />
</todo-panel>
<todo-panel id="all">
<are-packages-shown value="true" />
<is-autoscroll-to-source value="true" />
</todo-panel>
</component>
<component name="ToolWindowManager">
<frame x="954" y="173" width="1154" height="819" extended-state="0" />
<editor active="true" />
<frame x="292" y="79" width="1075" height="878" extended-state="0" />
<layout>
<window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.16487455" />
<window_info content_ui="combo" id="Project" order="0" visible="true" weight="0.2054002" />
<window_info id="Structure" order="1" side_tool="true" weight="0.25" />
<window_info id="Favorites" order="2" side_tool="true" />
<window_info anchor="bottom" id="Message" order="0" />
... ... @@ -316,10 +366,10 @@
<window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
<window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
<window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
<window_info anchor="bottom" id="TODO" order="6" />
<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" />
<window_info active="true" anchor="bottom" id="Terminal" order="9" visible="true" weight="0.32974428" />
<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" />
... ... @@ -333,93 +383,104 @@
<option name="myLimit" value="2678400000" />
</component>
<component name="editorHistoryManager">
<entry file="file://$PROJECT_DIR$/css/xyjc.css">
<entry file="file://$PROJECT_DIR$/js/jquery.min.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="324">
<caret line="12" column="18" selection-end-line="58" />
<state relative-caret-position="3456">
<caret line="128" column="26" selection-start-line="128" selection-start-column="26" selection-end-line="128" selection-end-column="26" />
</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/dksm.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="27">
<caret line="1" selection-start-line="1" selection-end-line="15" selection-end-column="1" />
<state relative-caret-position="162">
<caret line="6" column="12" lean-forward="true" selection-start-line="6" selection-start-column="12" selection-end-line="6" selection-end-column="12" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/jquery.min.js">
<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/index.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="3456">
<caret line="128" column="26" selection-start-line="128" selection-start-column="26" selection-end-line="128" selection-end-column="26" />
<state relative-caret-position="166">
<caret line="141" column="42" lean-forward="true" selection-start-line="141" selection-start-column="42" selection-end-line="141" selection-end-column="42" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/base.js">
<provider selected="true" editor-type-id="text-editor" />
<entry file="file://$PROJECT_DIR$/html/dksm.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="137">
<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/xyjc.html">
<entry file="file://$PROJECT_DIR$/css/dkxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="196">
<caret line="13" column="22" lean-forward="true" selection-start-line="13" selection-start-column="22" selection-end-line="13" selection-end-column="22" />
<folding>
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
<state relative-caret-position="247">
<caret line="81" column="4" selection-start-line="81" selection-start-column="4" selection-end-line="83" selection-end-column="21" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/dksm.html">
<entry file="file://$PROJECT_DIR$/css/xyjc.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="162">
<caret line="18" column="14" lean-forward="true" selection-start-line="18" selection-start-column="14" selection-end-line="18" selection-end-column="14" />
<state relative-caret-position="311">
<caret line="51" column="28" selection-start-line="51" selection-start-column="28" selection-end-line="51" selection-end-column="28" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/dkxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="135">
<caret line="44" column="60" selection-start-line="44" selection-start-column="45" selection-end-line="44" selection-end-column="60" />
<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#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<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#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$/html/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="81">
<caret line="30" column="26" lean-forward="true" selection-start-line="30" selection-start-column="26" selection-end-line="30" selection-end-column="26" />
<state relative-caret-position="162">
<caret line="92" column="22" lean-forward="true" selection-start-line="92" selection-start-column="22" selection-end-line="92" selection-end-column="22" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<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#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#0;n#div#2;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" />
<element signature="n#div#1;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#2;n#div#0;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#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#2;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#2;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/index.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-59">
<caret line="180" column="24" selection-start-line="180" selection-start-column="24" selection-end-line="180" selection-end-column="24" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/dkxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="225">
<caret line="104" column="18" lean-forward="true" selection-start-line="104" selection-start-column="18" selection-end-line="104" selection-end-column="18" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/dkxq.html">
<entry file="file://$PROJECT_DIR$/html/xyjc.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="396">
<caret line="60" column="14" lean-forward="true" selection-start-line="60" selection-start-column="14" selection-end-line="60" selection-end-column="14" />
<state relative-caret-position="247">
<caret line="29" column="25" lean-forward="true" selection-start-line="29" selection-start-column="25" selection-end-line="29" selection-end-column="25" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<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#2;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#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
... ...
... ... @@ -13,6 +13,7 @@
display: flex;
flex-flow: column;
align-items: center;
background: #F9F9F9;
}
.header{
width: 6.97rem;
... ... @@ -55,4 +56,24 @@
font-weight: 500;
}
.link_left{
width: 0.18rem;
height: 0.66rem;
display: flex;
position: absolute;
bottom: -0.45rem;
left: 0.29rem;
}
.link img{
width: 100%;
height: 100%;
}
.link_right{
width: 0.18rem;
height: 0.66rem;
display: flex;
position: absolute;
bottom: -0.45rem;
right: 0.29rem;
}
... ...
... ... @@ -41,14 +41,63 @@
background-color: #ffffff;
box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);
border-radius: 0.16rem;
display: flex;
justify-content: center;
}
.limit_box{
width: 4.74rem;
height: 1.61rem;
box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);
border-radius: 0.08rem;
margin-top: 0.85rem;
background-color: #fbfbfb;
display: flex;
flex-flow: column;
border: 0.01rem solid red ;
margin: 0.85rem 1.1rem;
}
.limit_box_top{
display: flex;
height: 0.8rem;
justify-content: space-around;
position: relative;
}
.limit_box_top_left{
font-size: 0.3rem;
color: #5A441A;
/*margin-left: 0.2rem;*/
/*margin-top: 0.3rem;*/
}
.limit_box_top_right{
width: 3rem;
display: flex;
/*margin-left: 0.5rem;*/
}
select{
width: 100%;
width: 100%;
border: none;
outline: none;
font-size: 0.3rem;
color: #5A441A;
background-color: #fbfbfb;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand{
display: none;
}
.icon-xiajiantou{
/*background-color: #DABA6F;*/
color: #DABA6F;
position: absolute;
top: 0.25rem;
right: 0.2rem;
}
/*下划线*/
.limit_box_line{
width: 100%;
height: 0.01rem;
background-color: #DABA6F;
}
.apply{
... ... @@ -64,6 +113,7 @@
color: #585858;
text-align: center;
line-height: 1rem;
position: relative;
}
.apply_box{
margin-top: 0.22rem;
... ... @@ -73,10 +123,12 @@
box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);
border-radius: 0.16rem;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.apply_name{
margin-top: 0.48rem;
/*margin-top: 0.48rem;*/
width: 5rem;
height: 0.64rem;
border: 0.02rem solid #CCCCCC;
... ... @@ -86,8 +138,8 @@
.apply_name_bg{
width: 0.86rem;
height: 0.65rem;
background-color: red;
/*background: url("../images/dsfs6@2x.png");*/
/*background-color: red;*/
background: url("../images/bg2_2.png");
background-size: cover;
display: flex;
align-items: center;
... ... @@ -111,5 +163,47 @@
.m_top{
margin-top: 0.16rem;
}
.apply_toRegister{
margin-top: 0.48rem;
width: 3.8rem;
height: 0.68rem;
/*display: flex;*/
background: url("../images/ZCxzas4@2x.png");
background-size: cover;
font-size: 0.31rem;
font-weight: bold;
color: #FFFFFF;
text-align: center;
line-height: 0.68rem;
}
/*链接图标*/
.link_left{
width: 0.18rem;
height: 0.66rem;
display: flex;
position: absolute;
bottom: -0.45rem;
left: 0.29rem;
}
.link_left img{
width: 100%;
height: 100%;
}
.link_right{
width: 0.18rem;
height: 0.66rem;
display: flex;
position: absolute;
bottom: -0.45rem;
right: 0.29rem;
}
.link_right img{
width: 100%;
height: 100%;
}
... ...
... ... @@ -7,11 +7,12 @@
}
.container{
width: 100%;
height: 100%;
/*height: 100%;*/
line-height: 1;
display: flex;
flex-flow: column;
align-items: center;
background: #F9F9F9;
}
.top{
width: 7.5rem;
... ... @@ -53,8 +54,15 @@
justify-content: center;
}
.top_text p{
margin-top: 0.62rem;
margin-top: 0.5rem;
width: 4.48rem;
line-height: 0.5rem;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.mid_today{
margin-top: 0.15rem;
... ... @@ -69,6 +77,7 @@
text-align: center;
line-height: 1rem;
color: #585858;
position: relative;
}
.mid_today_menu{
margin-top: 0.22rem;
... ... @@ -122,77 +131,146 @@
color: #585858;
text-align: center;
line-height: 0.8rem;
position: relative;
}
/*-----秒贷上部分-----*/
.mid_loans_top{
margin-top: 0.22rem;
width: 6.97rem;
height: 0.88rem;
background: #ffffff;
box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);
/*-----秒贷框-----*/
.mid_loans_box{
/*width: 6.97rem;*/
/*height: 2.94rem;*/
width: 7.31rem;
height: 3.28rem;
background: url("../images/bg_1.png");
background-size: cover;
/*box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);*/
border-radius: 0.16rem;
/*margin-top: 0.12rem;*/
display: flex;
flex-flow: column;
align-items: center;
/*margin-top: 0.12rem;*/
}
.fitst_loans{
margin-top: 0.12rem;
}
.mid_loans_box:last-child{
margin-bottom: 2rem;
}
.mid_loans_top_left{
margin-left: 0.28rem;
.mid_loans_box_top{
width: 100%;
height: 0.88rem;
display: flex;
align-items: center;
margin-left: 1rem;
margin-top: 0.15rem;
}
.mid_loans_box_top_text{
font-size: 0.28rem;
color: #585858;
}
.mid_loans_top_right{
.mid_loans_box_top_hot{
margin-left: 0.16rem;
width: 1rem;
height: 0.36rem;
background: #e8c878;
border-radius: 0.04rem;
box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);
font-size: 0.2rem;
color: #000000;
background: #e2c780;
text-align: center;
line-height: 0.36rem;
}
.mid_loans_bottom{
border-top: 1px solid red;
width: 6.97rem;
height: 2.05rem;
background: #ffffff;
box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);
border-radius: 0.16rem;
.mid_loans_box_line{
width: 6.43rem;
margin: 0 0.27rem;
border: 0.01rem dashed #E1E1E1;
}
/*底部盒子*/
.mid_loans_box_bottom{
margin-top: 0.21rem;
width: 5.9rem;
height: 1.6rem;
display: flex;
align-items: center;
/*border: 1px solid red;*/
}
.loans_bottom_left{
margin-left: 0.54rem;
.mid_loans_box_bottom_pic{
width: 1.6rem;
height: 1.6rem;
display: flex;
}
.loans_bottom_left img{
.mid_loans_box_bottom_pic img{
width: 100%;
height: 100%;
}
.loans_bottom_right{
.mid_loans_box_bottom_text{
width: 3.6rem;
margin-left: 0.53rem;
width: 4rem;
height: 1.6rem;
display: flex;
flex-flow: column;
font-size: 0.28rem;
line-height: 0.4rem;
color: #585858;
}
.mid_loans_box_bottom_text_title{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/*display: -webkit-box;*/
/*-webkit-box-orient: vertical;*/
/*-webkit-line-clamp: 1;*/
.loans_color{
color: #F5C32D;
}
.loans_bottom_right_last{
width: 3.6rem;
.mid_loans_box_bottom_text_top{
margin-top: 0.13rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mid_loans_box_bottom_text_mid{
margin-top: 0.13rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mid_loans_box_bottom_text_bottom{
margin-top: 0.13rem;
/*width: 3.24rem;*/
height: 0.36rem;
line-height: 0.36rem;
border-radius: 0.04rem;
background-color: #DDC178;
font-size: 0.2rem;
color: #000000;
display: flex;
line-height: 0.36rem;
background-color: #DCBE75;
text-align: center;
color: #000000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.span_color{
color: #F5C32D;
}
/*链接图标*/
.link_left{
width: 0.18rem;
height: 0.66rem;
display: flex;
position: absolute;
bottom: -0.45rem;
left: 0.29rem;
}
.link_left img{
width: 100%;
height: 100%;
}
.link_right{
width: 0.18rem;
height: 0.66rem;
display: flex;
position: absolute;
bottom: -0.45rem;
right: 0.29rem;
}
.link_right img{
width: 100%;
height: 100%;
}
... ...
... ... @@ -13,6 +13,7 @@
display: flex;
flex-flow: column;
align-items: center;
background: #F9F9F9;
}
.header{
width: 6.97rem;
... ... @@ -48,11 +49,34 @@
width: 6.2rem;
/*height: 4.04rem;*/
/*border: 1px solid red;*/
margin: 0.42rem 0.44rem 0 0.33rem;
margin: 0.42rem 0.44rem ;
line-height: 0.42rem;
font-size: 0.28rem;
color: rgba(88,88,88,1);
font-weight: 500;
}
.link_left{
width: 0.18rem;
height: 0.66rem;
display: flex;
position: absolute;
bottom: -0.45rem;
left: 0.29rem;
}
.link_left img{
width: 100%;
height: 100%;
}
.link_right{
width: 0.18rem;
height: 0.66rem;
display: flex;
position: absolute;
bottom: -0.45rem;
right: 0.29rem;
}
.link_right img{
width: 100%;
height: 100%;
}
... ...
... ... @@ -16,9 +16,15 @@
<!--头部-->
<div class="header">
<img src="../images/xzACsa@2x.png">
</div>
<!--链接-->
<!--<div class="link"></div>-->
<div class="link_left">
<img src="../images/lianjie.png">
</div>
<div class="link_right">
<img src="../images/lianjie.png">
</div>
</div>
<!--底部-->
<div class="bottom">
... ...
... ... @@ -5,9 +5,12 @@
<title>盛宝财富</title>
<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" href="//at.alicdn.com/t/font_1022306_gfurfu6tnqq.css">
<link rel="stylesheet" type="text/css" href="../css/dkxq.css">
<script src="../js/base.js"></script>
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery.combo.select.js"></script>
</head>
<body>
<div class="main">
... ... @@ -26,13 +29,49 @@
<!--额度信息-->
<div class="limit">
<div class="limit_box">
<div class="limit_box_top">
<div class="limit_box_top_left">
<p>额度</p>
</div>
<div class="limit_box_top_right">
<select>
<option>1000</option>
<option>2000</option>
<option>3000</option>
</select>
<!--图标-->
<div class="iconfont icon-xiajiantou"></div>
</div>
</div>
<div class="limit_box_line"></div>
<div class="limit_box_top">
<div class="limit_box_top_left">
<p>期限</p>
</div>
<div class="limit_box_top_right">
<select>
<option>一个月</option>
<option>二个月</option>
<option>三个月</option>
</select>
<!--图标-->
<div class="iconfont icon-xiajiantou"></div>
</div>
</div>
</div>
</div>
<!--申请人信息标题-->
<div class="apply">
申请人信息
<!--链接-->
<div class="link_left">
<img src="../images/lianjie.png">
</div>
<div class="link_right">
<img src="../images/lianjie.png">
</div>
</div>
<!--申请人信息-->
<div class="apply_box">
... ... @@ -48,20 +87,27 @@
<input class="apply_name_input" placeholder="请输入您的真实姓名">
</div>
<!--手机号-->
<!--<div class="apply_name m_top">-->
<!--&lt;!&ndash;图片&ndash;&gt;-->
<!--<div class="apply_name_bg">-->
<!--<div class="apply_name_bg_pic">-->
<!--<img src="../images/dfgdf@2x.png">-->
<!--</div>-->
<!--</div>-->
<!--&lt;!&ndash;输入框&ndash;&gt;-->
<!--<input class="apply_name_input" placeholder="请输入您的真实姓名">-->
<!--</div>-->
<div class="apply_name m_top">
<!--图片-->
<div class="apply_name_bg">
<div class="apply_name_bg_pic">
<img src="../images/ZxzxZ@2x.png">
</div>
</div>
<!--输入框-->
<input class="apply_name_input" placeholder="请输入您的手机号">
</div>
<!--前往注册-->
<div class="apply_toRegister">
前往注册
</div>
</div>
</div>
</div>
<!--<script src="../js/jquery.combo.select.js">-->
<!--</script>-->
</body>
</html>
... ...
... ... @@ -20,6 +20,7 @@
</div>
<div class="top_text">
<p>通知通知通知通知通知通知通通知通知通知通知通知通知通
通知通知通知通知通知通知通通知通知通知通知通知通知通
</p>
</div>
... ... @@ -27,12 +28,19 @@
<!--今日推荐-->
<div class="mid_today">
今日推荐:
<!--链接-->
<div class="link_left">
<img src="../images/lianjie.png">
</div>
<div class="link_right">
<img src="../images/lianjie.png">
</div>
</div>
<!--今日推荐菜单栏-->
<div class="mid_today_menu">
<div class="today_box">
<!--推荐1-->
<div class="mid_today_menu_item">
<div class="mid_today_menu_item" onclick="btn_next()">
<!--图片-->
<div class="mid_today_menu_item_pic">
<img src="../images/dsvgfds1@2x.png">
... ... @@ -43,7 +51,7 @@
</div>
</div>
<!--推荐2-->
<div class="mid_today_menu_item">
<div class="mid_today_menu_item" onclick="btn_next()">
<!--图片-->
<div class="mid_today_menu_item_pic">
<img src="../images/dfsfds@2x.png">
... ... @@ -54,7 +62,7 @@
</div>
</div>
<!--推荐3-->
<div class="mid_today_menu_item">
<div class="mid_today_menu_item" onclick="btn_next()">
<!--图片-->
<div class="mid_today_menu_item_pic">
<img src="../images/dsfs3@2x.png">
... ... @@ -72,35 +80,135 @@
<!--推荐贷款-->
<div class="mid_loans">
推荐贷款
<!--链接-->
<div class="link_left">
<img src="../images/lianjie.png">
</div>
<div class="link_right">
<img src="../images/lianjie.png">
</div>
<!--秒贷_上部分-->
<div class="mid_loans_top">
<!--秒贷-->
<div class="mid_loans_top_left">
</div>
<!--秒贷框-->
<div class="mid_loans_box fitst_loans">
<!--头部名字-->
<div class="mid_loans_box_top">
<div class="mid_loans_box_top_text">
秒贷
</div>
<!--热门-->
<div class="mid_loans_top_right">
<div class="mid_loans_box_top_hot">
热门
</div>
</div>
<!--秒贷_下部分-->
<div class="mid_loans_bottom">
<!--图片-->
<div class="loans_bottom_left">
<!--下划虚线-->
<div class="mid_loans_box_line"></div>
<!--底部内容-->
<div class="mid_loans_box_bottom">
<!--左边图片-->
<div class="mid_loans_box_bottom_pic">
<img src="../images/dsfds4@2x.png">
</div>
<div class="loans_bottom_right">
<div>芝麻分500+无负面，立马放</div>
<div >申请人数: <span class="loans_color">99</span>人</div>
<div>月利率: <span class="loans_color">0.3%-0.5%</span></div>
<div class="loans_bottom_right_last">
<!--右边文字-->
<div class="mid_loans_box_bottom_text">
<div class="mid_loans_box_bottom_text_title">
芝麻粉500+无负面，立马放
</div>
<div class="mid_loans_box_bottom_text_top">
申请人数: <span class="span_color">3658</span>人
</div>
<div class="mid_loans_box_bottom_text_mid">
月利率: <span class="span_color">0.3%-0.5%</span>
</div>
<div class="mid_loans_box_bottom_text_bottom">
3分钟申请，30分钟审核，秒下款
</div>
</div>
</div>
</div>
<div class="mid_loans_box">
<!--头部名字-->
<div class="mid_loans_box_top">
<div class="mid_loans_box_top_text">
秒贷
</div>
<!--热门-->
<div class="mid_loans_box_top_hot">
热门
</div>
</div>
<!--下划虚线-->
<div class="mid_loans_box_line"></div>
<!--底部内容-->
<div class="mid_loans_box_bottom">
<!--左边图片-->
<div class="mid_loans_box_bottom_pic">
<img src="../images/sdfsfesw@2x.png">
</div>
<!--右边文字-->
<div class="mid_loans_box_bottom_text">
<div class="mid_loans_box_bottom_text_title">
芝麻粉500+无负面，立马放
</div>
<div class="mid_loans_box_bottom_text_top">
申请人数: <span class="span_color">3658</span>人
</div>
<div class="mid_loans_box_bottom_text_mid">
月利率: <span class="span_color">0.3%-0.5%</span>
</div>
<div class="mid_loans_box_bottom_text_bottom">
3分钟申请，30分钟审核，秒下款
</div>
</div>
</div>
</div>
<div class="mid_loans_box">
<!--头部名字-->
<div class="mid_loans_box_top">
<div class="mid_loans_box_top_text">
秒贷
</div>
<!--热门-->
<div class="mid_loans_box_top_hot">
热门
</div>
</div>
<!--下划虚线-->
<div class="mid_loans_box_line"></div>
<!--底部内容-->
<div class="mid_loans_box_bottom">
<!--左边图片-->
<div class="mid_loans_box_bottom_pic">
<img src="../images/dsfs6@2x.png">
</div>
<!--右边文字-->
<div class="mid_loans_box_bottom_text">
<div class="mid_loans_box_bottom_text_title">
芝麻粉500+无负面，立马放
</div>
<div class="mid_loans_box_bottom_text_top">
申请人数: <span class="span_color">3658</span>人
</div>
<div class="mid_loans_box_bottom_text_mid">
月利率: <span class="span_color">0.3%-0.5%</span>
</div>
<div class="mid_loans_box_bottom_text_bottom">
3分钟申请，30分钟审核，秒下款
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script>
function btn_next() {
window.location.href = "dkxq.html"
}
</script>
</html>
... ...
... ... @@ -14,11 +14,20 @@
<div class="main">
<div class="container">
<!--头部-->
<div class="header">
<div class="header" onclick="btn_next()">
<img src="../images/xzACsa@2x.png">
<!--链接-->
<div class="link_left">
<img src="../images/lianjie.png">
</div>
<div class="link_right">
<img src="../images/lianjie.png">
</div>
</div>
<!--链接-->
<!--<div class="link"></div>-->
<!--<div class="link">-->
<!--<img src="../images/lianjie.png">-->
<!--</div>-->
<!--底部-->
<div class="bottom">
... ... @@ -32,11 +41,14 @@
</div>
</div>
</div>
</div>
</body>
<script>
function btn_next() {
window.location.href = "index.html"
}
</script>
</html>
... ...
/*jshint asi:true, expr:true */
/**
* Plugin Name: Combo Select
* Author : Vinay@Pebbleroad
* Date: 23/11/2014
* Description:
* Converts a select box into a searchable and keyboard friendly interface. Fallbacks to native select on mobile and tablets
*/
// Expose plugin as an AMD module if AMD loader is present:
(function (factory) {
'use strict';
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['jquery'], factory);
} else if (typeof exports === 'object' && typeof require === 'function') {
// Browserify
factory(require('jquery'));
} else {
// Browser globals
factory(jQuery);
}
}(function ( $, undefined ) {
var pluginName = "comboSelect",
dataKey = 'comboselect';
var defaults = {
comboClass : 'combo-select',
comboArrowClass : 'combo-arrow',
comboDropDownClass : 'combo-dropdown',
inputClass : 'combo-input text-input',
disabledClass : 'option-disabled',
hoverClass : 'option-hover',
selectedClass : 'option-selected',
markerClass : 'combo-marker',
themeClass : '',
maxHeight : 200,
extendStyle : true,
focusInput : true
};
/**
* Utility functions
*/
var keys = {
ESC: 27,
TAB: 9,
RETURN: 13,
LEFT: 37,
UP: 38,
RIGHT: 39,
DOWN: 40,
ENTER: 13,
SHIFT: 16
},
isMobile = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
/**
* Constructor
* @param {[Node]} element [Select element]
* @param {[Object]} options [Option object]
*/
function Plugin ( element, options ) {
/* Name of the plugin */
this._name = pluginName;
/* Reverse lookup */
this.el = element
/* Element */
this.$el = $(element)
/* If multiple select: stop */
if(this.$el.prop('multiple')) return;
/* Settings */
this.settings = $.extend( {}, defaults, options, this.$el.data() );
/* Defaults */
this._defaults = defaults;
/* Options */
this.$options = this.$el.find('option, optgroup')
/* Initialize */
this.init();
/* Instances */
$.fn[ pluginName ].instances.push(this);
}
$.extend(Plugin.prototype, {
init: function () {
/* Construct the comboselect */
this._construct();
/* Add event bindings */
this._events();
},
_construct: function(){
var self = this
/**
* Add negative TabIndex to `select`
* Preserves previous tabindex
*/
this.$el.data('plugin_'+ dataKey + '_tabindex', this.$el.prop('tabindex'))
/* Add a tab index for desktop browsers */
!isMobile && this.$el.prop("tabIndex", -1)
/**
* Wrap the Select
*/
this.$container = this.$el.wrapAll('<div class="' + this.settings.comboClass + ' '+ this.settings.themeClass + '" />').parent();
/**
* Check if select has a width attribute
*/
if(this.settings.extendStyle && this.$el.attr('style')){
this.$container.attr('style', this.$el.attr("style"))
}
/**
* Append dropdown arrow
*/
this.$arrow = $('<div class="'+ this.settings.comboArrowClass+ '" />').appendTo(this.$container)
/**
* Append dropdown
*/
this.$dropdown = $('<ul class="'+this.settings.comboDropDownClass+'" />').appendTo(this.$container)
/**
* Create dropdown options
*/
var o = '', k = 0, p = '';
this.selectedIndex = this.$el.prop('selectedIndex')
this.$options.each(function(i, e){
if(e.nodeName.toLowerCase() == 'optgroup'){
return o+='<li class="option-group">'+this.label+'</li>'
}
if(!e.value) p = e.innerHTML
o+='<li class="'+(this.disabled? self.settings.disabledClass : "option-item") + ' ' +(k == self.selectedIndex? self.settings.selectedClass : '')+ '" data-index="'+(k)+'" data-value="'+this.value+'">'+ (this.innerHTML) + '</li>'
k++;
})
this.$dropdown.html(o)
/**
* Items
*/
this.$items = this.$dropdown.children();
/**
* Append Input
*/
this.$input = $('<input type="text"' + (isMobile? 'tabindex="-1"': '') + ' placeholder="'+p+'" class="'+ this.settings.inputClass + '">').appendTo(this.$container)
/* Update input text */
this._updateInput()
},
_events: function(){
/* Input: focus */
this.$container.on('focus.input', 'input', $.proxy(this._focus, this))
/**
* Input: mouseup
* For input select() event to function correctly
*/
this.$container.on('mouseup.input', 'input', function(e){
e.preventDefault()
})
/* Input: blur */
this.$container.on('blur.input', 'input', $.proxy(this._blur, this))
/* Select: change */
this.$el.on('change.select', $.proxy(this._change, this))
/* Select: focus */
this.$el.on('focus.select', $.proxy(this._focus, this))
/* Select: blur */
this.$el.on('blur.select', $.proxy(this._blurSelect, this))
/* Dropdown Arrow: click */
this.$container.on('click.arrow', '.'+this.settings.comboArrowClass , $.proxy(this._toggle, this))
/* Dropdown: close */
this.$container.on('comboselect:close', $.proxy(this._close, this))
/* Dropdown: open */
this.$container.on('comboselect:open', $.proxy(this._open, this))
/* HTML Click */
$('html').off('click.comboselect').on('click.comboselect', function(){
$.each($.fn[ pluginName ].instances, function(i, plugin){
plugin.$container.trigger('comboselect:close')
})
});
/* Stop `event:click` bubbling */
this.$container.on('click.comboselect', function(e){
e.stopPropagation();
})
/* Input: keydown */
this.$container.on('keydown', 'input', $.proxy(this._keydown, this))
/* Input: keyup */
this.$container.on('keyup', 'input', $.proxy(this._keyup, this))
/* Dropdown item: click */
this.$container.on('click.item', '.option-item', $.proxy(this._select, this))
},
_keydown: function(event){
switch(event.which){
case keys.UP:
this._move('up', event)
break;
case keys.DOWN:
this._move('down', event)
break;
case keys.TAB:
this._enter(event)
break;
case keys.RIGHT:
this._autofill(event);
break;
case keys.ENTER:
this._enter(event);
break;
default:
break;
}
},
_keyup: function(event){
switch(event.which){
case keys.ESC:
this.$container.trigger('comboselect:close')
break;
case keys.ENTER:
case keys.UP:
case keys.DOWN:
case keys.LEFT:
case keys.RIGHT:
case keys.TAB:
case keys.SHIFT:
break;
default:
this._filter(event.target.value)
break;
}
},
_enter: function(event){
var item = this._getHovered()
item.length && this._select(item);
/* Check if it enter key */
if(event && event.which == keys.ENTER){
if(!item.length) {
/* Check if its illegal value */
this._blur();
return true;
}
event.preventDefault();
}
},
_move: function(dir){
var items = this._getVisible(),
current = this._getHovered(),
index = current.prevAll('.option-item').filter(':visible').length,
total = items.length
switch(dir){
case 'up':
index--;
(index < 0) && (index = (total - 1));
break;
case 'down':
index++;
(index >= total) && (index = 0);
break;
}
items
.removeClass(this.settings.hoverClass)
.eq(index)
.addClass(this.settings.hoverClass)
if(!this.opened) this.$container.trigger('comboselect:open');
this._fixScroll()
},
_select: function(event){
var item = event.currentTarget? $(event.currentTarget) : $(event);
if(!item.length) return;
/**
* 1. get Index
*/
var index = item.data('index');
this._selectByIndex(index);
this.$container.trigger('comboselect:close')
},
_selectByIndex: function(index){
/**
* Set selected index and trigger change
* @type {[type]}
*/
if(typeof index == 'undefined'){
index = 0
}
if(this.$el.prop('selectedIndex') != index){
this.$el.prop('selectedIndex', index).trigger('change');
}
},
_autofill: function(){
var item = this._getHovered();
if(item.length){
var index = item.data('index')
this._selectByIndex(index)
}
},
_filter: function(search){
var self = this,
items = this._getAll();
needle = $.trim(search).toLowerCase(),
reEscape = new RegExp('(\\' + ['/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\'].join('|\\') + ')', 'g'),
pattern = '(' + search.replace(reEscape, '\\$1') + ')';
/**
* Unwrap all markers
*/
$('.'+self.settings.markerClass, items).contents().unwrap();
/* Search */
if(needle){
/* Hide Disabled and optgroups */
this.$items.filter('.option-group, .option-disabled').hide();
items
.hide()
.filter(function(){
var $this = $(this),
text = $.trim($this.text()).toLowerCase();
/* Found */
if(text.toString().indexOf(needle) != -1){
/**
* Wrap the selection
*/
$this
.html(function(index, oldhtml){
return oldhtml.replace(new RegExp(pattern, 'gi'), '<span class="'+self.settings.markerClass+'">$1</span>')
})
return true
}
})
.show()
}else{
this.$items.show();
}
/* Open the comboselect */
this.$container.trigger('comboselect:open')
},
_highlight: function(){
/*
1. Check if there is a selected item
2. Add hover class to it
3. If not add hover class to first item
*/
var visible = this._getVisible().removeClass(this.settings.hoverClass),
$selected = visible.filter('.'+this.settings.selectedClass)
if($selected.length){
$selected.addClass(this.settings.hoverClass);
}else{
visible
.removeClass(this.settings.hoverClass)
.first()
.addClass(this.settings.hoverClass)
}
},
_updateInput: function(){
var selected = this.$el.prop('selectedIndex')
if(this.$el.val()){
text = this.$el.find('option').eq(selected).text()
this.$input.val(text)
}else{
this.$input.val('')
}
return this._getAll()
.removeClass(this.settings.selectedClass)
.filter(function(){
return $(this).data('index') == selected
})
.addClass(this.settings.selectedClass)
},
_blurSelect: function(){
this.$container.removeClass('combo-focus');
},
_focus: function(event){
/* Toggle focus class */
this.$container.toggleClass('combo-focus', !this.opened);
/* If mobile: stop */
if(isMobile) return;
/* Open combo */
if(!this.opened) this.$container.trigger('comboselect:open');
/* Select the input */
this.settings.focusInput && event && event.currentTarget && event.currentTarget.nodeName == 'INPUT' && event.currentTarget.select()
},
_blur: function(){
/**
* 1. Get hovered item
* 2. If not check if input value == select option
* 3. If none
*/
var val = $.trim(this.$input.val().toLowerCase()),
isNumber = !isNaN(val);
var index = this.$options.filter(function(){
if(isNumber){
return parseInt($.trim(this.innerHTML).toLowerCase()) == val
}
return $.trim(this.innerHTML).toLowerCase() == val
}).prop('index')
/* Select by Index */
this._selectByIndex(index)
},
_change: function(){
this._updateInput();
},
_getAll: function(){
return this.$items.filter('.option-item')
},
_getVisible: function(){
return this.$items.filter('.option-item').filter(':visible')
},
_getHovered: function(){
return this._getVisible().filter('.' + this.settings.hoverClass);
},
_open: function(){
var self = this
this.$container.addClass('combo-open')
this.opened = true
/* Focus input field */
this.settings.focusInput && setTimeout(function(){ !self.$input.is(':focus') && self.$input.focus(); });
/* Highligh the items */
this._highlight()
/* Fix scroll */
this._fixScroll()
/* Close all others */
$.each($.fn[ pluginName ].instances, function(i, plugin){
if(plugin != self && plugin.opened) plugin.$container.trigger('comboselect:close')
})
},
_toggle: function(){
this.opened? this._close.call(this) : this._open.call(this)
},
_close: function(){
this.$container.removeClass('combo-open combo-focus')
this.$container.trigger('comboselect:closed')
this.opened = false
/* Show all items */
this.$items.show();
},
_fixScroll: function(){
/**
* If dropdown is hidden
*/
if(this.$dropdown.is(':hidden')) return;
/**
* Else
*/
var item = this._getHovered();
if(!item.length) return;
/**
* Scroll
*/
var offsetTop,
upperBound,
lowerBound,
heightDelta = item.outerHeight()
offsetTop = item[0].offsetTop;
upperBound = this.$dropdown.scrollTop();
lowerBound = upperBound + this.settings.maxHeight - heightDelta;
if (offsetTop < upperBound) {
this.$dropdown.scrollTop(offsetTop);
} else if (offsetTop > lowerBound) {
this.$dropdown.scrollTop(offsetTop - this.settings.maxHeight + heightDelta);
}
},
/**
* Destroy API
*/
dispose: function(){
/* Remove combo arrow, input, dropdown */
this.$arrow.remove()
this.$input.remove()
this.$dropdown.remove()
/* Remove tabindex property */
this.$el
.removeAttr("tabindex")
/* Check if there is a tabindex set before */
if(!!this.$el.data('plugin_'+ dataKey + '_tabindex')){
this.$el.prop('tabindex', this.$el.data('plugin_'+ dataKey + '_tabindex'))
}
/* Unwrap */
this.$el.unwrap()
/* Remove data */
this.$el.removeData('plugin_'+dataKey)
/* Remove tabindex data */
this.$el.removeData('plugin_'+dataKey + '_tabindex')
/* Remove change event on select */
this.$el.off('change.select focus.select blur.select');
}
});
// A really lightweight plugin wrapper around the constructor,
// preventing against multiple instantiations
$.fn[ pluginName ] = function ( options, args ) {
this.each(function() {
var $e = $(this),
instance = $e.data('plugin_'+dataKey)
if (typeof options === 'string') {
if (instance && typeof instance[options] === 'function') {
instance[options](args);
}
}else{
if (instance && instance.dispose) {
instance.dispose();
}
$.data( this, "plugin_" + dataKey, new Plugin( this, options ) );
}
});
// chain jQuery functions
return this;
};
$.fn[ pluginName ].instances = [];
}));
... ...