吴孟雨 / science-captain-new · 提交

转到一个项目

作者 吴孟雨
提交 d43f221d627daf86fd637bab2cbe2109dc0d4203 1 个父辈 7629846b

活动页详情，确认预约页，添加学员页，去预约手机认证页，全部预约页

内嵌 并排对比
正在显示 49 个修改的文件 包含 2288 行增加 和 145 行删除
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="BookmarkManager">
<bookmark url="file://$PROJECT_DIR$/pages/index/phone-code/phone-code.wxml" line="9" />
</component>
<component name="ChangeListManager">
<list default="true" id="75f2dbf1-3658-44f1-8934-8f4aa7a66688" name="Default Changelist" comment="">
<change afterPath="$PROJECT_DIR$/images/start-logo.png" afterDir="false" />
<change afterPath="$PROJECT_DIR$/pages/start/start.js" afterDir="false" />
<change afterPath="$PROJECT_DIR$/pages/start/start.json" afterDir="false" />
<change afterPath="$PROJECT_DIR$/pages/start/start.wxml" afterDir="false" />
<change afterPath="$PROJECT_DIR$/pages/start/start.wxss" afterDir="false" />
<change afterPath="$PROJECT_DIR$/templates/templates.wxml" afterDir="false" />
<change afterPath="$PROJECT_DIR$/templates/templates.wxss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/app.js" beforeDir="false" afterPath="$PROJECT_DIR$/app.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/app.json" beforeDir="false" afterPath="$PROJECT_DIR$/app.json" afterDir="false" />
<change beforePath="$PROJECT_DIR$/app.wxss" beforeDir="false" afterPath="$PROJECT_DIR$/app.wxss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/clock0.png" beforeDir="false" afterPath="$PROJECT_DIR$/images/clock0.png" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/clock1.png" beforeDir="false" afterPath="$PROJECT_DIR$/images/clock1.png" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/home0.png" beforeDir="false" afterPath="$PROJECT_DIR$/images/home0.png" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/home1.png" beforeDir="false" afterPath="$PROJECT_DIR$/images/home1.png" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/my0.png" beforeDir="false" afterPath="$PROJECT_DIR$/images/my0.png" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/my1.png" beforeDir="false" afterPath="$PROJECT_DIR$/images/my1.png" afterDir="false" />
<change beforePath="$PROJECT_DIR$/pages/index/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/pages/index/index.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/pages/index/index.wxml" beforeDir="false" afterPath="$PROJECT_DIR$/pages/index/index.wxml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/pages/index/index.wxss" beforeDir="false" afterPath="$PROJECT_DIR$/pages/index/index.wxss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/project.config.json" beforeDir="false" afterPath="$PROJECT_DIR$/project.config.json" afterDir="false" />
<change beforePath="$PROJECT_DIR$/pages/start/start.wxml" beforeDir="false" afterPath="$PROJECT_DIR$/pages/start/start.wxml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/templates/templates.wxml" beforeDir="false" afterPath="$PROJECT_DIR$/templates/templates.wxml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/templates/templates.wxss" beforeDir="false" afterPath="$PROJECT_DIR$/templates/templates.wxss" afterDir="false" />
</list>
<ignored path="$PROJECT_DIR$/.tmp/" />
<ignored path="$PROJECT_DIR$/temp/" />
... ... @@ -31,133 +34,142 @@
<session id="-1325251825">
<usages-collector id="statistics.lifecycle.project">
<counts>
<entry key="project.open.time.1" value="1" />
<entry key="project.opened" value="1" />
<entry key="project.closed" value="5" />
<entry key="project.open.time.0" value="1" />
<entry key="project.open.time.1" value="3" />
<entry key="project.open.time.2" value="1" />
<entry key="project.opened" value="5" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.open">
<counts>
<entry key="js" value="4" />
<entry key="json" value="7" />
<entry key="wxml" value="6" />
<entry key="wxss" value="7" />
<entry key="js" value="15" />
<entry key="json" value="23" />
<entry key="wxml" value="21" />
<entry key="wxss" value="25" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.open">
<counts>
<entry key="CSS" value="7" />
<entry key="HTML" value="6" />
<entry key="JSON" value="7" />
<entry key="JavaScript" value="4" />
<entry key="CSS" value="25" />
<entry key="HTML" value="21" />
<entry key="JSON" value="23" />
<entry key="JavaScript" value="15" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.edit">
<counts>
<entry key="js" value="197" />
<entry key="json" value="79" />
<entry key="txt" value="12" />
<entry key="wxml" value="405" />
<entry key="wxss" value="567" />
<entry key="js" value="2355" />
<entry key="json" value="154" />
<entry key="txt" value="24" />
<entry key="wxml" value="5042" />
<entry key="wxss" value="4653" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.edit">
<counts>
<entry key="CSS" value="567" />
<entry key="HTML" value="405" />
<entry key="JSON" value="79" />
<entry key="JavaScript" value="197" />
<entry key="PLAIN_TEXT" value="12" />
<entry key="CSS" value="4653" />
<entry key="HTML" value="5042" />
<entry key="JSON" value="154" />
<entry key="JavaScript" value="2355" />
<entry key="PLAIN_TEXT" value="24" />
</counts>
</usages-collector>
</session>
</component>
<component name="FileEditorManager">
<leaf>
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/pages/start/start.js">
<entry file="file://$PROJECT_DIR$/app.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="506">
<caret line="32" column="37" lean-forward="true" selection-start-line="32" selection-start-column="37" selection-end-line="32" selection-end-column="37" />
<state relative-caret-position="462">
<caret line="21" column="23" lean-forward="true" selection-start-line="21" selection-start-column="23" selection-end-line="21" selection-end-column="23" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/app.json">
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/pages/my/all-appointment/all-appointment.wxml">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="396">
<caret line="18" column="30" lean-forward="true" selection-start-line="18" selection-start-column="30" selection-end-line="18" selection-end-column="30" />
<state relative-caret-position="66">
<caret line="3" column="24" selection-start-line="3" selection-start-column="17" selection-end-line="3" selection-end-column="24" />
<folding>
<element signature="n#style#0;n#text#1;n#view#0;n#view#0;n#view#1;n#view#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#text#3;n#view#0;n#view#0;n#view#1;n#view#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#text#4;n#view#0;n#view#0;n#view#1;n#view#0;n#!!top" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/templates/templates.wxml">
<entry file="file://$PROJECT_DIR$/pages/index/phone-code/phone-code.wxml">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="220">
<caret line="10" column="58" selection-start-line="10" selection-start-column="51" selection-end-line="10" selection-end-column="58" />
<state relative-caret-position="374">
<caret line="17" column="34" lean-forward="true" selection-start-line="17" selection-start-column="34" selection-end-line="17" selection-end-column="34" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/templates/templates.wxss">
<entry file="file://$PROJECT_DIR$/pages/index/phone-code/phone-code.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="740">
<caret line="66" column="25" selection-start-line="66" selection-start-column="25" selection-end-line="66" selection-end-column="25" />
<state relative-caret-position="638">
<caret line="29" column="4" lean-forward="true" selection-start-line="29" selection-start-column="4" selection-end-line="29" selection-end-column="4" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/app.wxss">
<entry file="file://$PROJECT_DIR$/pages/index/confirm-appointment-info/confirm-appointment-info.wxss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="418">
<caret line="19" column="16" selection-start-line="19" selection-start-column="16" selection-end-line="19" selection-end-column="16" />
<state relative-caret-position="2126">
<caret line="207" column="24" selection-start-line="207" selection-start-column="24" selection-end-line="207" selection-end-column="24" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/pages/start/start.wxml">
<entry file="file://$PROJECT_DIR$/pages/index/go-appointment/go-appointment.wxml">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="242">
<caret line="11" lean-forward="true" selection-start-line="11" selection-end-line="11" />
<state relative-caret-position="-646">
<caret line="3" column="44" selection-start-line="3" selection-start-column="28" selection-end-line="3" selection-end-column="44" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/pages/index/index.wxml">
<entry file="file://$PROJECT_DIR$/pages/index/go-appointment/go-appointment.wxss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="352">
<caret line="16" column="23" lean-forward="true" selection-start-line="16" selection-start-column="23" selection-end-line="16" selection-end-column="23" />
<state relative-caret-position="499">
<caret line="208" column="1" lean-forward="true" selection-start-line="208" selection-start-column="1" selection-end-line="208" selection-end-column="1" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/pages/index/index.wxss">
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/pages/my/all-appointment/all-appointment.wxss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="426">
<caret line="51" column="18" lean-forward="true" selection-start-line="51" selection-start-column="18" selection-end-line="51" selection-end-column="18" />
<state relative-caret-position="396">
<caret line="18" column="1" lean-forward="true" selection-start-line="18" selection-start-column="1" selection-end-line="18" selection-end-column="1" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/pages/index/index.json">
<provider selected="true" editor-type-id="text-editor" />
<entry file="file://$PROJECT_DIR$/pages/index/confirm-appointment-info/add-student/add-student.wxml">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="154">
<caret line="7" column="15" lean-forward="true" selection-start-line="7" selection-start-column="15" selection-end-line="7" selection-end-column="15" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/pages/index/index.js">
<entry file="file://$PROJECT_DIR$/pages/index/confirm-appointment-info/add-student/add-student.wxss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="333">
<caret line="16" column="25" lean-forward="true" selection-start-line="16" selection-start-column="25" selection-end-line="16" selection-end-column="25" />
<folding>
<element signature="n#!!doc" expanded="true" />
</folding>
<state relative-caret-position="374">
<caret line="17" column="19" selection-start-line="17" selection-start-column="19" selection-end-line="17" selection-end-column="19" />
</state>
</provider>
</entry>
... ... @@ -167,6 +179,23 @@
<component name="FindInProjectRecents">
<findStrings>
<find>getUserInfo</find>
<find>goBuy</find>
<find>time-list-box</find>
<find>change</find>
<find>test_describe</find>
<find>blue-line</find>
<find>switchTab</find>
<find>change-color</find>
<find>name-box</find>
<find>tips</find>
<find>bindPickerChange</find>
<find>picker</find>
<find>confirm-btn</find>
<find>not_confirm</find>
<find>background</find>
<find>name</find>
<find>date-box</find>
<find>cancel</find>
</findStrings>
</component>
<component name="Git.Settings">
... ... @@ -177,15 +206,39 @@
<list>
<option value="$PROJECT_DIR$/project.config.json" />
<option value="$PROJECT_DIR$/app.js" />
<option value="$PROJECT_DIR$/pages/start/start.wxml" />
<option value="$PROJECT_DIR$/pages/start/start.js" />
<option value="$PROJECT_DIR$/app.wxss" />
<option value="$PROJECT_DIR$/templates/templates.wxss" />
<option value="$PROJECT_DIR$/pages/index/index.wxss" />
<option value="$PROJECT_DIR$/pages/index/phone-code/phone-code.json" />
<option value="$PROJECT_DIR$/pages/index/phone-code/phone-code.js" />
<option value="$PROJECT_DIR$/pages/index/phone-code/phone-code.wxss" />
<option value="$PROJECT_DIR$/pages/index/phone-code/phone-code.wxml" />
<option value="$PROJECT_DIR$/pages/start/start.wxml" />
<option value="$PROJECT_DIR$/pages/index/activity-detail/activity-detail.json" />
<option value="$PROJECT_DIR$/pages/index/activity-detail/activity-detail.wxml" />
<option value="$PROJECT_DIR$/pages/index/activity-detail/activity-detail.js" />
<option value="$PROJECT_DIR$/pages/index/activity-detail/activity-detail.wxss" />
<option value="$PROJECT_DIR$/pages/index/index.wxml" />
<option value="$PROJECT_DIR$/pages/index/index.js" />
<option value="$PROJECT_DIR$/templates/templates.wxml" />
<option value="$PROJECT_DIR$/templates/templates.wxss" />
<option value="$PROJECT_DIR$/pages/index/index.js" />
<option value="$PROJECT_DIR$/pages/index/go-appointment/go-appointment.json" />
<option value="$PROJECT_DIR$/pages/index/go-appointment/go-appointment.wxss" />
<option value="$PROJECT_DIR$/pages/index/go-appointment/go-appointment.wxml" />
<option value="$PROJECT_DIR$/pages/index/go-appointment/go-appointment.js" />
<option value="$PROJECT_DIR$/pages/index/confirm-appointment-info/confirm-appointment-info.json" />
<option value="$PROJECT_DIR$/pages/index/confirm-appointment-info/confirm-appointment-info.wxss" />
<option value="$PROJECT_DIR$/pages/index/confirm-appointment-info/confirm-appointment-info.wxml" />
<option value="$PROJECT_DIR$/pages/index/confirm-appointment-info/confirm-appointment-info.js" />
<option value="$PROJECT_DIR$/pages/index/confirm-appointment-info/add-student/add-student.json" />
<option value="$PROJECT_DIR$/pages/index/confirm-appointment-info/add-student/add-student.wxss" />
<option value="$PROJECT_DIR$/pages/index/confirm-appointment-info/add-student/add-student.wxml" />
<option value="$PROJECT_DIR$/pages/index/confirm-appointment-info/add-student/add-student.js" />
<option value="$PROJECT_DIR$/pages/my/all-appointment/all-appointment.js" />
<option value="$PROJECT_DIR$/pages/my/all-appointment/all-appointment.json" />
<option value="$PROJECT_DIR$/app.wxss" />
<option value="$PROJECT_DIR$/app.json" />
<option value="$PROJECT_DIR$/pages/my/all-appointment/all-appointment.wxml" />
<option value="$PROJECT_DIR$/pages/my/all-appointment/all-appointment.wxss" />
</list>
</option>
</component>
... ... @@ -196,10 +249,10 @@
<sorting>DEFINITION_ORDER</sorting>
</component>
<component name="ProjectFrameBounds" extendedState="6">
<option name="x" value="437" />
<option name="y" value="57" />
<option name="width" value="1400" />
<option name="height" value="1000" />
<option name="x" value="339" />
<option name="y" value="30" />
<option name="width" value="1936" />
<option name="height" value="1047" />
</component>
<component name="ProjectLevelVcsManager" settingsEditedManually="true" />
<component name="ProjectView">
... ... @@ -228,6 +281,26 @@
<path>
<item name="科学队长" type="b2602c69:ProjectViewProjectNode" />
<item name="科学队长" type="462c0819:PsiDirectoryNode" />
<item name="pages" type="462c0819:PsiDirectoryNode" />
<item name="index" type="462c0819:PsiDirectoryNode" />
<item name="phone-code" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="科学队长" type="b2602c69:ProjectViewProjectNode" />
<item name="科学队长" type="462c0819:PsiDirectoryNode" />
<item name="pages" type="462c0819:PsiDirectoryNode" />
<item name="my" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="科学队长" type="b2602c69:ProjectViewProjectNode" />
<item name="科学队长" type="462c0819:PsiDirectoryNode" />
<item name="pages" type="462c0819:PsiDirectoryNode" />
<item name="my" type="462c0819:PsiDirectoryNode" />
<item name="all-appointment" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="科学队长" type="b2602c69:ProjectViewProjectNode" />
<item name="科学队长" type="462c0819:PsiDirectoryNode" />
<item name="templates" type="462c0819:PsiDirectoryNode" />
</path>
</expand>
... ... @@ -239,7 +312,7 @@
</component>
<component name="PropertiesComponent">
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="last_opened_file_path" value="D:/info" />
<property name="last_opened_file_path" value="$PROJECT_DIR$" />
<property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
<property name="nodejs_npm_path_reset_for_default_project" value="true" />
</component>
... ... @@ -272,7 +345,11 @@
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1541813457161</updated>
<workItem from="1541813458425" duration="8400000" />
<workItem from="1541813458425" duration="20172000" />
<workItem from="1541986027946" duration="14531000" />
<workItem from="1542004536961" duration="13976000" />
<workItem from="1542070847192" duration="22854000" />
<workItem from="1542157184394" duration="7717000" />
</task>
<task id="LOCAL-00001" summary="first commit">
<created>1541813802326</created>
... ... @@ -281,23 +358,26 @@
<option name="project" value="LOCAL" />
<updated>1541813802326</updated>
</task>
<option name="localTasksCounter" value="2" />
<task id="LOCAL-00002" summary="首页静态页，启动页">
<created>1541821930184</created>
<option name="number" value="00002" />
<option name="presentableId" value="LOCAL-00002" />
<option name="project" value="LOCAL" />
<updated>1541821930184</updated>
</task>
<option name="localTasksCounter" value="3" />
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="8400000" />
<option name="totallyTimeSpent" value="79250000" />
</component>
<component name="ToolWindowManager">
<frame x="-8" y="-8" width="1936" height="1056" extended-state="6" />
<editor active="true" />
<layout>
<window_info id="Favorites" side_tool="true" />
<window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.12170706" />
<window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.1743941" />
<window_info id="Structure" order="1" side_tool="true" weight="0.25" />
<window_info anchor="bottom" id="Docker" show_stripe_button="false" />
<window_info anchor="bottom" id="Version Control" weight="0.329718" />
<window_info anchor="bottom" id="Terminal" />
<window_info anchor="bottom" id="Event Log" side_tool="true" />
<window_info id="Favorites" order="2" side_tool="true" />
<window_info anchor="bottom" id="Message" order="0" />
<window_info anchor="bottom" id="Find" order="1" />
<window_info anchor="bottom" id="Run" order="2" />
... ... @@ -305,6 +385,10 @@
<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="Docker" order="7" show_stripe_button="false" />
<window_info anchor="bottom" id="Version Control" order="8" weight="0.329718" />
<window_info anchor="bottom" id="Terminal" order="9" />
<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" />
<window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
... ... @@ -344,7 +428,8 @@
</component>
<component name="VcsManagerConfiguration">
<MESSAGE value="first commit" />
<option name="LAST_COMMIT_MESSAGE" value="first commit" />
<MESSAGE value="首页静态页，启动页" />
<option name="LAST_COMMIT_MESSAGE" value="首页静态页，启动页" />
</component>
<component name="editorHistoryManager">
<entry file="file://$PROJECT_DIR$/pages/start/start.json">
... ... @@ -387,6 +472,27 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/start/start.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="506">
<caret line="32" column="37" lean-forward="true" selection-start-line="32" selection-start-column="37" selection-end-line="32" selection-end-column="37" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/templates/templates.wxss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="22">
<caret line="1" column="15" selection-start-line="1" selection-start-column="1" selection-end-line="1" selection-end-column="15" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/index.wxss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="132">
<caret line="6" column="6" selection-start-line="6" selection-start-column="6" selection-end-line="6" selection-end-column="6" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/start/start.wxml">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="242">
... ... @@ -394,65 +500,228 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/start/start.js">
<entry file="file://$PROJECT_DIR$/pages/index/activity-detail/activity-detail.wxss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="506">
<caret line="32" column="37" lean-forward="true" selection-start-line="32" selection-start-column="37" selection-end-line="32" selection-end-column="37" />
<state relative-caret-position="872">
<caret line="97" column="21" lean-forward="true" selection-start-line="97" selection-start-column="21" selection-end-line="97" selection-end-column="21" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/app.wxss">
<entry file="file://$PROJECT_DIR$/templates/templates.wxml">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="418">
<caret line="19" column="16" selection-start-line="19" selection-start-column="16" selection-end-line="19" selection-end-column="16" />
<state relative-caret-position="374">
<caret line="17" column="76" selection-start-line="17" selection-start-column="63" selection-end-line="17" selection-end-column="76" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/index.json">
<provider selected="true" editor-type-id="text-editor" />
<entry file="file://$PROJECT_DIR$/pages/index/index.wxml">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="594">
<caret line="27" column="42" selection-start-line="27" selection-start-column="33" selection-end-line="27" selection-end-column="42" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/activity-detail/activity-detail.wxml">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="374">
<caret line="17" column="54" lean-forward="true" selection-start-line="17" selection-start-column="54" selection-end-line="17" selection-end-column="54" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/go-appointment/go-appointment.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="66">
<caret line="3" column="1" lean-forward="true" selection-start-line="3" selection-start-column="1" selection-end-line="3" selection-end-column="1" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/activity-detail/activity-detail.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="308">
<caret line="14" column="8" lean-forward="true" selection-start-line="14" selection-start-column="8" selection-end-line="14" selection-end-column="8" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/index.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="333">
<caret line="16" column="25" lean-forward="true" selection-start-line="16" selection-start-column="25" selection-end-line="16" selection-end-column="25" />
<state relative-caret-position="1122">
<caret line="52" column="8" selection-start-line="52" selection-start-column="8" selection-end-line="52" selection-end-column="8" />
<folding>
<element signature="n#!!doc" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/index.wxml">
<entry file="file://$PROJECT_DIR$/pages/index/activity-detail/activity-detail.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="352">
<caret line="16" column="23" lean-forward="true" selection-start-line="16" selection-start-column="23" selection-end-line="16" selection-end-column="23" />
<state relative-caret-position="22">
<caret line="1" selection-start-line="1" selection-end-line="2" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/index.wxss">
<entry file="file://$PROJECT_DIR$/pages/index/confirm-appointment-info/confirm-appointment-info.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="426">
<caret line="51" column="18" lean-forward="true" selection-start-line="51" selection-start-column="18" selection-end-line="51" selection-end-column="18" />
<state relative-caret-position="638">
<caret line="41" column="57" lean-forward="true" selection-start-line="41" selection-start-column="57" selection-end-line="41" selection-end-column="57" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/templates/templates.wxml">
<entry file="file://$PROJECT_DIR$/pages/index/confirm-appointment-info/confirm-appointment-info.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="220">
<caret line="10" column="58" selection-start-line="10" selection-start-column="51" selection-end-line="10" selection-end-column="58" />
<state relative-caret-position="22">
<caret line="1" selection-start-line="1" selection-end-line="2" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/templates/templates.wxss">
<entry file="file://$PROJECT_DIR$/pages/index/confirm-appointment-info/add-student/add-student.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="22">
<caret line="1" column="33" selection-start-line="1" selection-start-column="33" selection-end-line="1" selection-end-column="33" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/go-appointment/go-appointment.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="257">
<caret line="32" selection-start-line="32" selection-end-line="39" selection-end-column="6" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/confirm-appointment-info/confirm-appointment-info.wxml">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="377">
<caret line="35" column="68" selection-start-line="35" selection-start-column="58" selection-end-line="35" selection-end-column="68" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/confirm-appointment-info/add-student/add-student.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="226">
<caret line="31" column="19" lean-forward="true" selection-start-line="31" selection-start-column="19" selection-end-line="31" selection-end-column="19" />
<folding>
<element signature="e#268#430#0" />
<element signature="e#477#639#0" />
<element signature="e#686#848#0" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/my/my.wxml">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/app.wxss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="740">
<caret line="66" column="25" selection-start-line="66" selection-start-column="25" selection-end-line="66" selection-end-column="25" />
<state relative-caret-position="726">
<caret line="33" column="12" selection-start-line="33" selection-start-column="12" selection-end-line="33" selection-end-column="12" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/index.json">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/pages/my/my.json">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/phone-code/phone-code.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="22">
<caret line="1" selection-start-line="1" selection-end-line="2" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/my/all-appointment/all-appointment.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="308">
<caret line="14" column="41" selection-start-line="14" selection-start-column="41" selection-end-line="14" selection-end-column="41" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/my/all-appointment/all-appointment.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="22">
<caret line="1" column="31" selection-start-line="1" selection-start-column="31" selection-end-line="1" selection-end-column="31" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/phone-code/phone-code.wxss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="522">
<caret line="55" column="14" lean-forward="true" selection-start-line="55" selection-start-column="14" selection-end-line="55" selection-end-column="14" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/confirm-appointment-info/confirm-appointment-info.wxss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="2126">
<caret line="207" column="24" selection-start-line="207" selection-start-column="24" selection-end-line="207" selection-end-column="24" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/go-appointment/go-appointment.wxml">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-646">
<caret line="3" column="44" selection-start-line="3" selection-start-column="28" selection-end-line="3" selection-end-column="44" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/go-appointment/go-appointment.wxss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="499">
<caret line="208" column="1" lean-forward="true" selection-start-line="208" selection-start-column="1" selection-end-line="208" selection-end-column="1" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/confirm-appointment-info/add-student/add-student.wxml">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="154">
<caret line="7" column="15" lean-forward="true" selection-start-line="7" selection-start-column="15" selection-end-line="7" selection-end-column="15" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/confirm-appointment-info/add-student/add-student.wxss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="374">
<caret line="17" column="19" selection-start-line="17" selection-start-column="19" selection-end-line="17" selection-end-column="19" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/phone-code/phone-code.wxml">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="374">
<caret line="17" column="34" lean-forward="true" selection-start-line="17" selection-start-column="34" selection-end-line="17" selection-end-column="34" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/index/phone-code/phone-code.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="638">
<caret line="29" column="4" lean-forward="true" selection-start-line="29" selection-start-column="4" selection-end-line="29" selection-end-column="4" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/app.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="462">
<caret line="21" column="23" lean-forward="true" selection-start-line="21" selection-start-column="23" selection-end-line="21" selection-end-column="23" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/my/all-appointment/all-appointment.wxml">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="66">
<caret line="3" column="24" selection-start-line="3" selection-start-column="17" selection-end-line="3" selection-end-column="24" />
<folding>
<element signature="n#style#0;n#text#1;n#view#0;n#view#0;n#view#1;n#view#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#text#3;n#view#0;n#view#0;n#view#1;n#view#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#text#4;n#view#0;n#view#0;n#view#1;n#view#0;n#!!top" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/pages/my/all-appointment/all-appointment.wxss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="396">
<caret line="18" column="30" lean-forward="true" selection-start-line="18" selection-start-column="30" selection-end-line="18" selection-end-column="30" />
<caret line="18" column="1" lean-forward="true" selection-start-line="18" selection-start-column="1" selection-end-line="18" selection-end-column="1" />
</state>
</provider>
</entry>
... ...
{
"pages": [
"pages/index/index",
"pages/index/index",
"pages/my/all-appointment/all-appointment",
"pages/index/confirm-appointment-info/confirm-appointment-info",
"pages/start/start",
"pages/logs/logs",
"pages/clock/clock",
"pages/my/my"
"pages/my/my",
"pages/index/phone-code/phone-code",
"pages/index/activity-detail/activity-detail",
"pages/index/go-appointment/go-appointment",
"pages/index/confirm-appointment-info/add-student/add-student"
],
"window": {
"backgroundTextStyle": "light",
... ...
... ... @@ -10,11 +10,11 @@
/*}*/
@font-face {
font-family: 'iconfont'; /* project id 912375 */
src: url('//at.alicdn.com/t/font_912375_rrnjo8y2a0b.eot');
src: url('//at.alicdn.com/t/font_912375_rrnjo8y2a0b.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_912375_rrnjo8y2a0b.woff') format('woff'),
url('//at.alicdn.com/t/font_912375_rrnjo8y2a0b.ttf') format('truetype'),
url('//at.alicdn.com/t/font_912375_rrnjo8y2a0b.svg#iconfont') format('svg');
src: url('//at.alicdn.com/t/font_912375_0637y6bwngjp.eot');
src: url('//at.alicdn.com/t/font_912375_0637y6bwngjp.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_912375_0637y6bwngjp.woff') format('woff'),
url('//at.alicdn.com/t/font_912375_0637y6bwngjp.ttf') format('truetype'),
url('//at.alicdn.com/t/font_912375_0637y6bwngjp.svg#iconfont') format('svg');
}
.iconfont {
font-family:"iconfont" !important;
... ... @@ -25,4 +25,10 @@
}
.icon-wode:before { content: "\e67b"; }
.icon-shouye:before { content: "\e6a5"; }
.icon-dianji:before { content: "\e600"; }
\ No newline at end of file
.icon-dianji:before { content: "\e600"; }
.icon-daosanjiao:before { content: "\e610"; }
.icon-jinggao:before { content: "\e605"; }
.icon-dingwei:before { content: "\e7c4"; }
.icon-shangwutubiao:before { content: "\e644"; }
.icon-quxiao:before { content: "\e60f"; }
.icon-jieshu:before { content: "\e602"; }
\ No newline at end of file
... ...

7.4 KB | 宽: | 高:

1.7 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖

7.5 KB | 宽: | 高:

1.6 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖

4.6 KB | 宽: | 高:

1.5 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖

4.7 KB | 宽: | 高:

1.5 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖

5.5 KB | 宽: | 高:

1.6 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖

5.6 KB | 宽: | 高:

1.6 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖
// pages/index/activity-detail/activity-detail.js
Page({
/**
* 页面的初始数据
*/
data: {
is_agree: true,
},
clickAgreeBtn() {
this.setData({is_agree: !this.data.is_agree});
console.log(this.data.is_agree);
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "活动详情"
}
\ No newline at end of file
... ...
<!--pages/index/activity-detail/activity-detail.wxml-->
<view class="content">
<view class="head">
<view class="img_box">
<image src="../../../images/test_img.jpg" class="activity_img"></image>
</view>
<view class="title">
<view class="line"></view>
<view class="test_detail">
<text>科学队长实验室：雷电的产生！</text>
<view class="describe">云和云摩擦碰撞发出的声音是雷声产生火花是闪电。</view>
</view>
</view>
</view>
<view class="jiexi">解析长图</view>
<view class="footer">
<view class="service" bindtap="clickAgreeBtn">
<view class="agree_box">
<view class="agree_btn" wx:if="{{is_agree}}"></view>
</view>
<text>服务协议</text>
</view>
<view class="order_btn">去预约</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/index/activity-detail/activity-detail.wxss */
.content {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.head {
width: 100%;
padding: 20rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
flex: 1;
}
.img_box {
width: 100%;
height: 400rpx;
}
.activity_img {
width: 100%;
height: 100%;
border-radius: 20rpx;
}
.title {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-top: 24rpx;
position: relative;
}
.line {
width: 6rpx;
height: 32rpx;
background-color: #3FA9F5;
margin-right: 18rpx;
position: absolute;
top: 14rpx;
left: 0;
}
.test_detail {
margin-left: 24rpx;
}
.test_detail text {
color: #464646;
font-size: 32rpx;
}
.describe {
font-size: 24rpx;
}
.jiexi {
height: 800px;
}
.footer {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: fixed;
bottom: 0;
left: 0;
}
.service {
width: 100%;
height: 50rpx;
background-color: #FDEFB5;
font-size: 24rpx;
color: #FC5B63;
display: flex;
align-items: center;
}
.agree_box {
width: 24rpx;
height: 24rpx;
border: 1rpx solid #FC5B63;
margin-right: 18rpx;
margin-left: 20rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.agree_btn {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background-color: #FC5B63;
}
.order_btn {
width: 100%;
height: 98rpx;
line-height: 98rpx;
background-color: #3FA9F5;
color: #ffffff;
text-align: center;
font-size: 36RPX;
}
\ No newline at end of file
... ...
// pages/index/confirm-appointment-info/add-student/add-student.js
const date = new Date()
const years = []
const months = []
const days = []
for (let i = 1990; i <= date.getFullYear(); i++) {
years.push(i)
}
for (let i = 1 ; i <= 12; i++) {
months.push(i)
}
for (let i = 1 ; i <= 31; i++) {
days.push(i)
}
Page({
/**
* 页面的初始数据
*/
data: {
name: '',
sex: ['男','女'],
city: ['北京市','天津市','河北省'],
years: years,
year: date.getFullYear(),
months: months,
month: 2,
days: days,
day: 2,
value: [9999, 1, 1],
},
inputName(e) {
this.setData({name: e.detail.value});
},
//选择性别
sexPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.setData({
sex_index: e.detail.value,
is_sex_change: true,
})
},
//选择生日
birthPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.setData({
birth_date: e.detail.value,
is_birth_change: true,
})
// const val = e.detail.value;
// this.setData({
// year: this.data.years[val[0]],
// month: this.data.months[val[1]],
// day: this.data.days[val[2]]
// })
},
//选择城市
cityPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.setData({
city_index: e.detail.value,
is_city_change: true,
})
},
//保存
clickSave() {
if(this.data.name === '') {
wx.showToast({
title: '请填写学员姓名',
icon: 'none'
})
}else {
wx.navigateBack({delta: 1})
}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "添加学员"
}
\ No newline at end of file
... ...
<!--pages/index/confirm-appointment-info/add-student/add-student.wxml-->
<view class="content">
<view class="input-box">
<view class="name-box">
<text>姓 名：</text>
<input type="text" placeholder="张三" cursor="100" placeholder-class="placeholder-style"
value="{{name}}" bindinput="inputName"/>
</view>
<picker bindchange="sexPickerChange" value="{{sex_index}}" range="{{sex}}">
<view class="select-box">
<view class="select-picker">
<view class="sex">性 别：</view>
<view class="picker" wx:if="{{is_sex_change}}">
{{sex[sex_index]}}
</view>
<view wx:else>男</view>
</view>
<view class="iconfont icon-daosanjiao"></view>
</view>
</picker>
<picker bindchange="birthPickerChange" value="{{birth_date}}" mode="date">
<view class="select-box">
<view class="select-picker">
<view class="sex">生 日：</view>
<view class="picker" wx:if="{{is_birth_change}}">
{{birth_date}}
</view>
<view wx:else>2008-11-11</view>
</view>
<view class="iconfont icon-daosanjiao"></view>
</view>
</picker>
<picker bindchange="cityPickerChange" value="{{city_index}}" range="{{city}}">
<view class="select-box">
<view class="select-picker">
<view class="sex">城 市：</view>
<view class="picker" wx:if="{{is_city_change}}">
{{city[city_index]}}
</view>
<view wx:else>北京市</view>
</view>
<view class="iconfont icon-daosanjiao"></view>
</view>
</picker>
</view>
<view class="save-btn" bindtap="clickSave">
<view class="save-box">
<text>保 存</text>
</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/index/confirm-appointment-info/add-student/add-student.wxss */
.input-box {
width: 100%;
padding: 30rpx 32rpx 70rpx 32rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
}
.name-box {
width: 100%;
height: 88rpx;
display: flex;
align-items: center;
border-bottom: 1rpx solid #C3C3C3;
font-size: 32rpx;
color: #c3c3c3;
margin-bottom: 30rpx;
}
.name-box input {
padding: 20rpx 20rpx;
}
.placeholder-style {
color: #c3c3c3;
}
picker {
width: 100%;
height: 88rpx;
border-bottom: 1rpx solid #C3C3C3;
margin-bottom: 30rpx;
}
.select-box {
width: 100%;
line-height: 88rpx;
display: flex;
align-items: center;
justify-content: space-between;
color: #c3c3c3;
font-size: 32rpx;
}
.select-picker {
display: flex;
align-items: center;
}
.sex {
margin-right: 20rpx;
}
.icon-daosanjiao {
font-size: 26rpx;
color: #6F6F6F;
}
.save-btn {
width: 100%;
height: 80rpx;
text-align: center;
padding: 0 32rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.save-box text {
color: #ffffff;
font-size: 36rpx;
line-height: 80rpx;
}
.save-box {
width: 100%;
background-color: #3FA9F5;
border-radius: 10rpx;
}
\ No newline at end of file
... ...
// pages/index/confirm-appointment-info/confirm-appointment-info.js
Page({
/**
* 页面的初始数据
*/
data: {
show: false,
is_showModal: false,
is_showSuccessModal: false,
children: [{name:'张三',is_choose: true},
{name:'李思思', is_choose: false},
{name:'迪丽热巴-迪力木拉提',is_choose: false}],
is_choose: false,
},
chooseChildren(e) {
const current = e.currentTarget.dataset.index;
this.setData({
currentChild: current,
[`children[${current}].is_choose`]: !this.data.children[current].is_choose
})
},
submit() {
this.setData({is_showModal: true})
},
chooseNo(e) {
this.setData({currentBtn: e.currentTarget.dataset.index,is_showModal: false})
wx.switchTab({url: '/pages/index/index'})
},
chooseYes(e) {
this.setData({
currentBtn: e.currentTarget.dataset.index,
is_showModal: false,
is_showSuccessModal: true
})
},
modalConfirm() {
this.setData({is_showSuccessModal: false})
},
disableScroll() {},
addStudent() {
wx.navigateTo({url: './add-student/add-student'})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
const self = this;
setTimeout(function () {
self.setData({show: true})
},500)
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "确认预约信息"
}
\ No newline at end of file
... ...
<!--pages/index/confirm-appointment-info/confirm-appointment-info.wxml-->
<view class="content">
<view class="tips {{show?'active':''}}">
<!--<view>-->
<view class="iconfont icon-jinggao"></view>
<text>请在15分钟内确认预约，超时系统将自动取消！</text>
<!--</view>-->
</view>
<view class="time">
<view class="line"></view>
<text>预约时间 : </text>
<text class="date-time">2018年10月10号 10:00-11:30</text>
</view>
<view class="address">
<view class="time">
<view class="line"></view>
<text>预约地址 :</text>
</view>
<view class="address-detail">
<!--<text>-->
朝阳区万寿路5号楼马兰大厦B座301念读书馆内朝阳区读书馆内朝阳区万寿路5号楼马兰大厦B座301念读书万寿路5号楼马兰大厦B座301念读书
<!--</text>-->
</view>
</view>
<view class="phone-num">
<view class="line"></view>
<text>预约电话 :</text>
<text class="phone">188****8888</text>
</view>
<view class="children-name">
<view class="left-name">
<view class="line"></view>
<text>学员姓名</text>
</view>
<image src="../../../images/add_btn.png" bindtap="addStudent"></image>
</view>
<view class="name-box">
<view class="check-box" wx:for="{{children}}" wx:key="index" bindtap="chooseChildren"
data-index="{{index}}">
<view class="name {{item.is_choose?'change-color':''}}">{{item.name}}</view>
<image src="../../../images/choose_icon.png" wx:if="{{item.is_choose}}" class="check-icon"></image>
</view>
</view>
<view class="footer">
<view class="confirm_btn" bindtap="submit">
<text>确认预约</text>
</view>
</view>
<!--是否购买畅玩卡弹窗-->
<view class="modal_box" wx:if="{{is_showModal}}" catchtouchmove="disableScroll">
<view class="background"
bindtap="handleBackground"
wx:if="{{is_showModal}}"
catchtouchmove="disableScroll">
</view>
<view class="modalBackground Augly-bouncein">
<view class="modal">
<view class="tips-word">当前学员还没有购买/兑换畅玩卡，暂不能预约实验活动，是否马上购买/兑换？</view>
<view class="yes-no-btn">
<text bindtap="chooseNo" class="{{currentBtn == 0?'change-color':''}}" data-index="{{0}}">否</text>
<text bindtap="chooseYes" class="{{currentBtn == 1?'change-color':''}}" data-index="{{1}}">是</text>
</view>
</view>
</view>
</view>
<!--预约成功弹窗-->
<view class="modal_box" wx:if="{{is_showSuccessModal}}" catchtouchmove="disableScroll">
<view class="background"
bindtap="handleBackground"
wx:if="{{is_showSuccessModal}}"
catchtouchmove="disableScroll">
</view>
<view class="modalBackground Augly-bouncein">
<view class="success-modal">
<image src="../../../images/success.jpg"></image>
<view class="congratulations">恭喜您</view>
<view class="appointment-success">您已经预约成功!</view>
<view class="confirm-btn" bindtap="modalConfirm">确定</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/index/confirm-appointment-info/confirm-appointment-info.wxss */
page {
background-color: #f2f2f2;
}
.content {
width: 100%;
display: flex;
flex-direction: column;
}
.tips {
width: 100%;
height: 50rpx;
display: flex;
align-items: center;
justify-content: center;
line-height: 50rpx;
background-color: #FFFC5A63;
position: absolute;
top: -50rpx;
left: 0;
z-index: 3;
}
.active {
position: absolute;
top: 0rpx;
left: 0;
transition: top 1s;
}
.icon-jinggao {
font-size: 24rpx;
margin-right: 10rpx;
color: #FC5A63;
}
.tips text {
color: #FC5A63;
font-size: 24rpx;
}
.time, .phone-num, .children-name {
width: 100%;
height: 94rpx;
margin-top: 20rpx;
background-color: #fff;
display: flex;
align-items: center;
padding: 0 32rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.line {
width: 6rpx;
height: 32rpx;
background-color: #3FA9F5;
margin-right: 16rpx;
}
.time text, .phone-num text, .children-name text {
color: #464646;
font-size: 32rpx;
/*line-height: ;*/
}
.time .date-time, .phone-num .phone {
color:#A3A3A3;
margin-left: 26rpx;
}
.address {
width: 100%;
color: #A3A3A3;
font-size: 28rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.address-detail {
padding: 0 40rpx 50rpx 50rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #ffffff;
}
.address-detail text {
overflow : hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.children-name {
justify-content: space-between;
}
.left-name {
display: flex;
align-items: center;
}
.children-name image{
width: 144rpx;
height: 34rpx;
}
.name-box {
width: 100%;
padding: 20rpx 40rpx 50rpx 50rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #A3A3A3;
font-size: 28rpx;
background-color: #fff;
display: flex;
flex-direction: column;
}
.name-box view {
/*margin-bottom: 42rpx;*/
}
.check-box {
width: 50%;
display: flex;
justify-content: space-between;
margin-bottom: 42rpx;
}
.check-icon {
width: 30rpx;
height: 24rpx;
}
.footer {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
}
.confirm_btn {
width: 100%;
height: 98rpx;
background-color: #3FA9F5;
text-align: center;
}
.confirm_btn text {
color: #ffffff;
line-height: 98rpx;
font-size: 36rpx;
}.modal_box {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.background {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
.modalBackground {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
color: #666666;
}
.modal {
width: 500rpx;
height: 260rpx;
/* height: 1100rpx; */
background: #ffffff;
border-radius: 10rpx;
box-sizing: border-box;
/*padding: 70rpx 0 0 0;*/
overflow: hidden;
position: relative;
}
.success-modal {
width: 400rpx;
height: 450rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #ffffff;
border-radius: 22rpx;
}
.success-modal image {
width: 236rpx;
height: 170rpx;
}
.congratulations {
font-size: 28rpx;
color: #3FA9F5;
margin-bottom: 14rpx;
}
.appointment-success {
font-size: 24rpx;
margin-bottom: 60rpx;
}
.confirm-btn {
width: 80%;
height: 54rpx;
line-height: 54rpx;
border-radius: 30rpx;
text-align: center;
color: #ffffff;
font-size: 30rpx;
background-color: #3FA9F5;
}
.tips-word {
font-size: 26rpx;
width: 100%;
padding: 30rpx 40rpx 30rpx 50rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1rpx solid #d3d3d3;
line-height: 38rpx;
}
.yes-no-btn {
width: 100%;
height: 84rpx;
display: flex;
align-items: center;
font-size: 30rpx;
}
.yes-no-btn text {
width: 50%;
text-align: center;
line-height: 68rpx;
}
.yes-no-btn text:nth-child(1) {
border-right: 1rpx solid #d3d3d3;
}
.change-color {
color: #3FA9F5;
}
\ No newline at end of file
... ...
// pages/index/go-appointment/go-appointment.js
Page({
/**
* 页面的初始数据
*/
data: {
array: ['北京市', '天津市', '上海市', '河北省'],
currentCity: '北京市',
is_change: false,
show_submit_btn: false,
areaTest: [
{area: '朝阳区', list: [{id: 1,name: '798实验室'},{id: 2,name:'木鱼湖实验室'},{id: 3,name:'南锣鼓巷实验室'}]},
{area: '东城区', list: [{id: 4,name: '798实验室'},{id: 5,name:'木鱼湖实验室'},{id: 6,name:'南锣鼓巷实验室'}]},
{area: '西城区', list: [{id: 7,name: '798实验室'},{id: 11,name:'木鱼湖实验室'},{id: 8,name:'南锣鼓巷实验室'}]},
{area: '昌平区', list: [{id: 9,name: '798实验室'},{id: 12,name:'木鱼湖实验室'},{id: 10,name:'南锣鼓巷实验室'}]},
],
test: {title: '798实验室,本实验室分为三个阶段，第一阶段由家长和孩子共同完成，第二阶段由孩子独立完成。家长在旁边指导，第三阶段巴拉巴拉',
list:[{week:'周六',date: '10月20日',time:'10:00 — 11:30',rest: 6},
{week:'周日',date: '10月21日',time:'15:00 — 16:30',rest: 0},
{week:'周日',date: '10月21日',time:'15:00 — 16:30',rest: 6},
{week:'周日',date: '10月21日',time:'15:00 — 16:30',rest: 0},
// {week:'周日',date: '10月21日',time:'15:00 — 16:30',rest: 6},
// {week:'周日',date: '10月21日',time:'15:00 — 16:30',rest: 6},
// {week:'周日',date: '10月21日',time:'15:00 — 16:30',rest: 6},
// {week:'周日',date: '10月21日',time:'15:00 — 16:30',rest: 6},
// {week:'周日',date: '10月21日',time:'15:00 — 16:30',rest: 6},
// {week:'周日',date: '10月21日',time:'15:00 — 16:30',rest: 6},
// {week:'周日',date: '10月21日',time:'15:00 — 16:30',rest: 6},
// {week:'周六',date: '10月20日',time:'10:00 — 11:30',rest: 6}
]},
},
//选择城市
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.setData({
index: e.detail.value,
is_change: true,
})
},
//选择实验室
chooseTest(e) {
console.log(e.currentTarget.dataset.index);
const current = e.currentTarget.dataset.index;
const current_id = e.currentTarget.dataset.id;
this.setData({currentTest: current,currentId: current_id})
},
//选择时段
chooseTime(e) {
console.log(e.currentTarget.dataset.index);
const current = e.currentTarget.dataset.index;
this.setData({currentTime: current})
},
//点击单人预约
singleAppointment() {
this.setData({show_submit_btn: true})
},
//点击双人预约
doubleAppointment() {
this.setData({show_submit_btn: true})
},
submit() {
wx.navigateTo({url: '/pages/index/confirm-appointment-info/confirm-appointment-info'})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.data.areaTest.forEach((v,i)=>{
Object.keys(v).forEach(v=>{
console.log(v)//取到了key
console.log(this.data.areaTest[i][v])//取到了值
})
})
// console.log(this.data.areaTest);
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "选择场次",
"disableScroll": true
}
\ No newline at end of file
... ...
<!--pages/index/go-appointment/go-appointment.wxml-->
<view class="content">
<view class="city_box">
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
<view class="select">
<view class="picker" wx:if="{{is_change}}">
{{array[index]}}
</view>
<view wx:else>北京市</view>
<view class="iconfont icon-daosanjiao"></view>
</view>
</picker>
</view>
<view class="section">
<scroll-view class="area_box" scroll-y>
<block wx:for="{{areaTest}}" wx:key="index">
<view class="area-test">
<view class="area">{{item.area}}</view>
<view class="test-list">
<view class="list-item-box">
<block wx:for="{{item.list}}" wx:key="index">
<view class="list-item" bindtap="chooseTest" data-index="{{index}}"
data-id="{{item.id}}">
<image src="../../../images/blue_line.png" wx:if="{{currentId === item.id}}"
class="blue-line"></image>
<view class="test {{currentId === item.id?'change-color':''}}">{{item.name}}</view>
</view>
</block>
</view>
</view>
</view>
</block>
</scroll-view>
<view class="test_box">
<scroll-view scroll-y class="test_describe">
{{test.title}}
</scroll-view>
<scroll-view class="time-list-box" scroll-y>
<view wx:for="{{test.list}}" wx:key="index" class="time-list" bindtap="chooseTime" data-index="{{index}}">
<image src="../../../images/blue_line.png" wx:if="{{currentTime === index && item.rest !== 0}}"
class="blue-line"></image>
<view class="right-content {{item.rest === 0? 'change-gray':''}}">
<view class="{{currentTime === index && item.rest !== 0? 'change-color':''}}">{{item.week}} {{item.date}}</view>
<view class="bottom-time-box">
<text class="time {{currentTime === index && item.rest !== 0? 'change-color':''}}">{{item.time}}</text>
<text class="rest {{item.rest === 0? 'change-gray':''}}">剩余: {{item.rest}}</text>
</view>
</view>
</view>
</scroll-view>
</view>
</view>
<view class="footer">
<view class="confirm_btn" bindtap="submit" wx:if="{{show_submit_btn}}">
<text>提 交</text>
</view>
<view class="appointment-box" wx:else>
<text class="single" bindtap="singleAppointment">单人预约</text>
<text class="double" bindtap="doubleAppointment">双人预约</text>
</view>
<!--<view>提 交</view>-->
</view>
</view>
... ...
/* pages/index/go-appointment/go-appointment.wxss */
page {
background-color: #f2f2f2;
}
.city_box {
width: 100%;
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
/* height: 98rpx; */
color: #393939;
font-size: 32rpx;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
}
.select {
width: 100%;
height: 98rpx;
display: flex;
align-items: center;
justify-content: center;
}
picker {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.icon-daosanjiao {
font-size: 26rpx;
color: #6F6F6F;
margin-left: 24rpx;
}
.section {
margin-top: 118rpx;
display: flex;
}
.area_box {
width: 270rpx;
height: 900rpx;
background-color: #fff;
}
.area-test {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.area {
width: 100%;
height: 60rpx;
line-height: 60rpx;
background-color: #D5F0FF;
font-size: 32rpx;
color: #000000;
text-align: center;
}
.test-list {
width: 100%;
/* padding: 0 24rpx; */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*.test-list .test:last-child{*/
/*border: none;*/
/*}*/
.list-item-box {
display: flex;
align-items: center;
padding:0 24rpx;
flex-direction: column;
}
.list-item {
width: 100%;
border-bottom: 1rpx solid #DEDEDE;
display: flex;
position: relative;
}
.list-item-box .list-item:last-child {
border: none;
}
.reduce-padding {
padding: 0 24rpx 0 0;
}
.list-item .blue-line {
width: 10rpx;
height: 100rpx;
margin-right: 12rpx;
position: absolute;
top:0;
left: -22rpx;
}
.test {
width: 100%;
height: 100rpx;
line-height: 100rpx;
color: #6F6F6F;
font-size: 28rpx;
/*border-bottom: 1rpx solid #DEDEDE;*/
}
.change-color {
color:#006BF1;
}
.test_box {
flex: 1;
margin-left: 20rpx;
}
.test_describe {
width: 100%;
height: 200rpx;
background-color: #fff;
margin-bottom: 20rpx;
padding: 38rpx 20rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #6F6F6F;
font-size: 28rpx;
}
.time-list-box {
width: 100%;
margin-bottom: 10rpx;
height: 680rpx;
}
.time-list {
width: 100%;
height: 140rpx;
background-color: #fff;
margin-bottom: 10rpx;
padding: 30rpx 40rpx;
color: #6F6F6F;
font-size: 28rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
justify-content: space-between;
position: relative;
}
.time-list .blue-line {
width: 10rpx;
height: 100rpx;
margin-right: 12rpx;
position: absolute;
top: 20rpx;
left: 0rpx;
}
.right-content {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.bottom-time-box {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.time {
font-size: 24rpx;
}
.rest {
font-size: 24rpx;
color: #FC5B63;
}
.change-gray {
color: #C3C3C3;
}
.confirm_box {
width: 100%;
padding: 0 32rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.confirm_btn {
width: 100%;
height: 98rpx;
background-color: #3FA9F5;
text-align: center;
}
.confirm_btn text {
color: #ffffff;
line-height: 98rpx;
font-size: 36rpx;
}
.appointment-box {
width: 100%;
height: 98rpx;
display: flex;
align-items: center;
color: #ffffff;
}
.appointment-box text {
width: 50%;
text-align: center;
font-size: 36rpx;
line-height: 98rpx;
}
.single {
background: -webkit-linear-gradient(left, RGBA(255, 179, 4, 1), RGBA(251, 150, 0, 1)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, RGBA(255, 179, 4, 1), RGBA(251, 150, 0, 1)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, RGBA(255, 179, 4, 1), RGBA(251, 150, 0, 1)); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, RGBA(255, 179, 4, 1), RGBA(251, 150, 0, 1)); /* 标准的语法 */
}
.double {
background: -webkit-linear-gradient(left, RGBA(252, 116, 0, 1), RGBA(255, 83, 2, 1)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, RGBA(252, 116, 0, 1), RGBA(255, 83, 2, 1)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, RGBA(252, 116, 0, 1), RGBA(255, 83, 2, 1)); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, RGBA(252, 116, 0, 1), RGBA(255, 83, 2, 1)); /* 标准的语法 */
}
.footer {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
}
\ No newline at end of file
... ...
... ... @@ -4,6 +4,7 @@ const app = getApp()
Page({
data: {
hasPhone: true,
imgUrls:[
{'url': '../../images/banner.jpg'},
{'url': '../../images/banner.jpg'},
... ... @@ -11,11 +12,24 @@ Page({
autoplay: true, //是否自动轮播
interval: 2000, //间隔时间
duration: 500, //滑动时间
test_info: {
this_week_test_info: {
info: [
{time: '11月01号-11月07号',url: '../../images/test_img.jpg',},
{time: '11月08号-11月14号',url: '../../images/test_img.jpg'},
],
is_this_week: true,
url: [{url:'../../images/test_img.jpg'}],
ordered: false,
time: '10月08号-10月14号'
is_past: false,
},
past_test_info: {
info: [
{time: '10月01号-10月07号',url: '../../images/test_img.jpg',},
{time: '10月08号-10月14号',url: '../../images/test_img.jpg'},
{time: '10月15号-10月21号',url: '../../images/test_img.jpg'},
],
is_this_week: false,
ordered: false,
is_past: true,
},
},
swiperChange: function (e) { //切换轮播图
... ... @@ -23,6 +37,24 @@ Page({
currentSwiper: e.detail.current
})
},
goPhoneCode() {
wx.navigateTo({url: '/pages/index/phone-code/phone-code'})
},
//点击购买畅玩卡
goBuyCard() {
wx.navigateTo({url: './activity-detail/activity-detail'})
},
//点击进入活动详情
goTestDetail(e) {
// console.log(e);
const current = e.currentTarget.dataset.index;
wx.navigateTo({url: './activity-detail/activity-detail'})
},
//前往预约
goAppointment (e) {
const current = e.currentTarget.dataset.index;
wx.navigateTo({url: './go-appointment/go-appointment'})
},
onLoad: function () {
if (app.globalData.userInfo) {
this.setData({
... ...
<!--index.wxml-->
<view class="container">
<!--轮播图-->
<!--蒙层-->
<view class="modal" wx:if="{{!hasPhone}}" bindtap="goPhoneCode"></view>
<!--轮播图-->
<view class="wrap">
<swiper autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="true"
bindchange="swiperChange">
... ... @@ -21,12 +24,17 @@
</view>
</view>
<view class="btn-box">
<!--购买-->
<view class="btn-box" bindtap="goBuyCard">
<view class="buy-btn">
<text>点击图片可跳转到购买页</text>
</view>
</view>
<!--实验列表-->
<import src="/templates/templates.wxml" />
<template is="experiment" data="{{...test_info}}"></template>
<view class="past_template">
<template is="experiment" data="{{...this_week_test_info}}"></template>
<template is="experiment" data="{{...past_test_info}}"></template>
</view>
</view>
... ...
/**index.wxss**/
@import "../../templates/templates.wxss";
page {
background-color: #f2f2f2;
}
.container {
position: relative;
}
.modal {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #000000;
opacity: 0;
z-index: 10;
}
.wrap {
height: auto;
position: relative;
... ... @@ -8,7 +25,7 @@
swiper {
display: block;
height: 376rpx;
height: 450rpx;
}
/*用来包裹所有的小圆点 */
... ... @@ -46,17 +63,19 @@ swiper {
.index_top {
width: 100%;
height: 450rpx;
overflow: hidden;
}
.index_top image {
width: 100%;
height: 376rpx;
height: 100%;
}
.btn-box {
padding: 22rpx 20rpx;
box-sizing: border-box;
background: #f2f2f2;
}
.buy-btn {
... ... @@ -77,4 +96,7 @@ swiper {
.buy-btn text {
color: #ffffff;
font-size: 24rpx;
}
.experiment_box:nth-child(2) {
margin-bottom: 0;
}
\ No newline at end of file
... ...
// pages/index/phone-code/phone-code.js
var interval = null //倒计时函数
Page({
/**
* 页面的初始数据
*/
data: {
fun_id: 2,
time: '获取验证码', //倒计时
currentTime: 61
},
getCode: function (options) {
var that = this;
var currentTime = that.data.currentTime;
interval = setInterval(function () {
currentTime--;
that.setData({
time: currentTime + '秒'
})
if (currentTime <= 0) {
clearInterval(interval);
that.setData({
time: '重新发送',
currentTime: 61,
disabled: false
})
}
}, 1000)
},
getVerificationCode() {
this.getCode();
var that = this;
that.setData({
disabled: true
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "手机认证"
}
\ No newline at end of file
... ...
<!--pages/index/phone-code/phone-code.wxml-->
<view class="content_box">
<view class="img_box">
<image src="../../../images/logo.png"></image>
</view>
<view class="phone_box">
<input type="number" placeholder="请输入您的手机号" placeholder-class="placeholder" class="phone_num"/>
<view class="code_box">
<input type="number" placeholder="输入验证码" placeholder-class="placeholder"/>
<button class="button" disabled="{{disabled}}" data-id="2" bindtap="getVerificationCode" >
{{time}}
</button>
</view>
</view>
<view class="confirm_box">
<view class="confirm_btn">
<text>确 定</text>
</view>
</view>
</view>
... ...
/* pages/index/phone-code/phone-code.wxss */
page {
background-color: #fff;
}
.content_box {
display: flex;
flex-direction: column;
align-items: center;
}
.img_box {
width: 366rpx;
height: 366rpx;
margin-top: 106rpx;
}
.img_box image {
width: 100%;
height: 100%;
}
.phone_box {
width: 100%;
padding: 32rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.phone_box .phone_num {
border-bottom: 1rpx solid #C3C3C3;
margin-bottom: 42rpx;
height: 100rpx;
}
.placeholder {
color: #c3c3c3;
font-size: 32rpx;
}
.code_box {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
border-bottom: 1rpx solid #C3C3C3;
height: 100rpx;
}
.button {
background-color: #fff;
display: inline-block;
font-size: 26rpx;
color: #3FA9F5;
/* border: 1px solid #888; */
border-radius: 10rpx;
width: 160rpx;
height: 70rpx;
line-height: 70rpx;
z-index: 2;
padding-right: 0;
padding-left: 0;
margin: 0;
}
.button:after {
border: none;
}
.confirm_box {
width: 100%;
padding: 0 32rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.confirm_btn {
width: 100%;
height: 80rpx;
background-color: #3FA9F5;
/* margin-top: 68rpx; */
margin: 68rpx 0;
/* padding: 32rpx; */
/*-webkit-box-sizing: border-box;*/
/*-moz-box-sizing: border-box;*/
/*box-sizing: border-box;*/
text-align: center;
border-radius: 10rpx;
}
.confirm_btn text {
color: #ffffff;
line-height: 80rpx;
font-size: 36rpx;
}
\ No newline at end of file
... ...
// pages/my/all-appointment/all-appointment.js
Page({
/**
* 页面的初始数据
*/
data: {
tab: ['全部', '待确认', '已预约', '已取消', '已结束'],
currentTab: 0,
},
changeTab(e) {
const current = e.currentTarget.dataset.index;
this.setData({currentTab: current});
wx.setNavigationBarTitle({
title: this.data.tab[current]
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "全部"
}
\ No newline at end of file
... ...
<!--pages/my/all-appointment/all-appointment.wxml-->
<view class="content">
<!--tab-->
<view class="tab-box">
<view wx:for="{{tab}}" wx:key="index" bindtap="changeTab" data-index="{{index}}"
class="{{currentTab == index?'change-color':''}}">{{item}}</view>
</view>
<!--预约列表-->
<view class="list-box">
<view class="order-box">
<view class="head">
<text class="number">预约单号：000120180208</text>
<text class="appointment-state" wx:if="{{currentTab === 1}}" style="color: #FC5B63;">待确认</text>
<text class="appointment-state" wx:if="{{currentTab === 2}}">已预约</text>
<text class="appointment-state" wx:if="{{currentTab === 3}}" style="color: #464646;">已取消</text>
<text class="appointment-state" wx:if="{{currentTab === 4}}" style="color: #C3C3C3;">已结束</text>
</view>
<view class="section">
<image src="../../../images/red_line.png" wx:if="{{currentTab === 1}}" class="blue-line"></image>
<image src="../../../images/blue_line.png" wx:if="{{currentTab === 2}}" class="blue-line"></image>
<image src="../../../images/deep_grey_line.png" wx:if="{{currentTab === 3}}" class="blue-line"></image>
<image src="../../../images/grey_line.png" wx:if="{{currentTab === 4}}" class="blue-line"></image>
<view class="right-box">
<view class="right-top-box">
<view class="iconfont icon-dingwei"></view>
<view class="address">北京市朝阳区万寿路马兰大厦B座北京市朝阳区万寿路马兰大厦B座</view>
</view>
<view class="right-bottom-box">
<view class="iconfont icon-shangwutubiao"></view>
<view class="date-box">
<view class="date">预约日期：2018.09.02 10:00-11:30</view>
<view class="not_confirm" wx:if="{{currentTab === 1}}">
<view class="go-cancel">取消</view>
<view class="go-confirm">去确认</view>
</view>
<view class="cancel" wx:if="{{currentTab === 2}}">取消</view>
<view class="iconfont icon-quxiao" wx:if="{{currentTab === 3}}"></view>
<view class="iconfont icon-jieshu" wx:if="{{currentTab === 4}}"></view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/my/all-appointment/all-appointment.wxss */
page {
background-color: #f2f2f2;
}
.tab-box {
width: 100%;
height: 88rpx;
display: flex;
align-items: center;
justify-content: space-between;
color: #464646;
font-size: 30rpx;
padding: 0 40rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
/*border-bottom: 4rpx solid #3FA9F5;*/
}
.tab-box view {
line-height: 80rpx;
/*position: relative;*/
}
.change-color {
color: #3FA9F5;
border-bottom: 4rpx solid #3FA9F5;
}
.list-box {
width: 100%;
padding: 22rpx 20rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.order-box {
/* height: 274rpx; */
border-radius: 20rpx;
background-color: #fff;
margin-bottom: 20rpx;
padding: 20rpx 22rpx 28rpx 34rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.head {
width: 100%;
height: 60rpx;
display: flex;
justify-content: space-between;
align-items: center;
color: #464646;
font-size: 28rpx;
border-bottom: 1rpx solid #f2f2f2;
}
.appointment-state {
color: #3FA9F5;
}
.section {
width: 100%;
display: flex;
position: relative;
}
.blue-line {
width: 12rpx;
height: 147rpx;
position: absolute;
top: 0;
left: 0;
}
.right-box {
margin-left: 20rpx;
padding-top: 16rpx;
}
.right-top-box, .right-bottom-box {
display: flex;
align-items: center;
}
.right-top-box {
align-items: baseline;
}
.right-bottom-box {
margin-top: 24rpx;
/* justify-content: space-between; */
}
.icon-dingwei, .icon-shangwutubiao {
color: #6E6E6E;
margin-right: 18rpx;
}
.icon-shangwutubiao {
/*margin-right: 0;*/
}
.address {
width: 82%;
color: #6E6E6E;
font-size: 26rpx;
line-height: 54rpx;
}
.date-box {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.date {
color: #6E6E6E;
font-size: 26rpx;
/* margin-right: 20rpx; */
}
.cancel {
/*width: 130rpx;*/
/*height: 50rpx;*/
/*line-height: 50rpx;*/
padding: 0rpx 44rpx;
border-radius: 20rpx;
background-color: #3FA9F5;
color: #ffffff;
font-size: 28rpx;
line-height: 50rpx;
}
.icon-quxiao, .icon-jieshu {
color: #f2f2f2;
font-size: 126rpx;
position: absolute;
right: -34rpx;
bottom: -57rpx;
}
.not_confirm {
width: 130rpx;
position: absolute;
right: -8rpx;
bottom: -6rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.go-cancel {
padding: 0rpx 30rpx;
border-radius: 20rpx;
background-color: #ffffff;
color: #FC5B63;
font-size: 28rpx;
border: 4rpx solid #FC5B63;
margin-bottom: 10rpx;
line-height: 42rpx;
}
.go-confirm {
padding: 0rpx 20rpx;
border-radius: 20rpx;
background-color: #FC5B63;
color: #ffffff;
font-size: 28rpx;
height: 50rpx;
line-height: 50rpx;
}
.reduce-margin {
margin-top: 16rpx;
}
\ No newline at end of file
... ...
<!--pages/start/start.wxml-->
<view class= 'ic_img'>
<image src='../../images/start-logo.png'></image>
<image src='../../images/logo.png'></image>
</view>
<text class='tit'>
科学队长
</text>
<!--<text class='tit'>-->
<!--科学队长-->
<!--</text>-->
<button class='go_btn' open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="start">立即开启</button>
<button class='go_btn' open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="start">开 启</button>
<!--<view class='go_btn'bindtap="start">立即开启</view>-->
... ...
... ... @@ -19,18 +19,19 @@
}
.go_btn {
width: 360rpx;
width: 602rpx;
height: 80rpx;
color: #fff;
position: absolute;
bottom: 182rpx;
bottom: 210rpx;
left: 0;
right: 0;
margin: 0 auto;
background: #5493FB;
background: #3FA9F5;
/*background: linear-gradient(to bottom right, #ffc536, #ffab2e); !* 标准的语法 *!*/
border-radius: 40rpx;
line-height: 80rpx;
font-size: 36rpx;
}
.go_btn::after {
border: none;
... ...
... ... @@ -6,16 +6,18 @@
<text wx:if="{{!is_this_week}}">往期实验</text>
</view>
<view class="test_box">
<view class="time">{{time}}</view>
<view wx:for="{{url}}" wx:key="index" class="img_box">
<image src="{{item.url}}"></image>
</view>
</view>
<view wx:for="{{info}}" wx:key="index" data-index="{{index}}" bindtap="goTestDetail">
<view class="test_box">
<view class="time">{{item.time}}</view>
<view class="img_box">
<image src="{{item.url}}"></image>
</view>
</view>
<view class="order_box">
<text wx:if="{{!ordered}}">前往预约</text>
<text wx:if="{{ordered}}">查看</text>
</view>
<view class="order_box">
<text wx:if="{{!ordered && !is_past}}" catchtap="goAppointment" data-index="{{index}}">前往预约</text>
<text wx:if="{{is_past}}">查看</text>
</view>
</view>
</view>
</template>
\ No newline at end of file
... ...
... ... @@ -2,10 +2,11 @@
.experiment_box {
width: 100%;
background-color: #fff;
padding: 20rpx;
padding: 18rpx 20rpx 20rpx 20rpx;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20rpx;
}
.title_box {
... ... @@ -37,7 +38,7 @@
.test_box .time {
font-size: 28rpx;
color: #3FA9F5;
margin-bottom: 20rpx;
margin-bottom: 10rpx;
}
.test_box .img_box {
... ... @@ -58,11 +59,11 @@
.order_box text {
width: 150rpx;
height: 40rpx;
line-height: 40rpx;
height: 50rpx;
line-height: 50rpx;
color: #ffffff;
background-color: #3FA9F5;
font-size: 28rpx;
font-size: 30rpx;
text-align: center;
border-radius: 10rpx;
}
\ No newline at end of file
... ...