正在显示
28 个修改的文件
包含
2638 行增加
和
0 行删除
.idea/.name
0 → 100644
1 | +TakeFood |
.idea/TakeFood.iml
0 → 100644
.idea/encodings.xml
0 → 100644
.idea/modules.xml
0 → 100644
.idea/scopes/scope_settings.xml
0 → 100644
.idea/vcs.xml
0 → 100644
.idea/workspace.xml
0 → 100644
1 | +<?xml version="1.0" encoding="UTF-8"?> | ||
2 | +<project version="4"> | ||
3 | + <component name="ChangeListManager"> | ||
4 | + <list default="true" id="fa02e569-d97b-4d43-97d6-86449a25fb56" name="Default" comment="" /> | ||
5 | + <ignored path="TakeFood.iws" /> | ||
6 | + <ignored path=".idea/workspace.xml" /> | ||
7 | + <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" /> | ||
8 | + <option name="TRACKING_ENABLED" value="true" /> | ||
9 | + <option name="SHOW_DIALOG" value="false" /> | ||
10 | + <option name="HIGHLIGHT_CONFLICTS" value="true" /> | ||
11 | + <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" /> | ||
12 | + <option name="LAST_RESOLUTION" value="IGNORE" /> | ||
13 | + </component> | ||
14 | + <component name="ChangesViewManager" flattened_view="true" show_ignored="false" /> | ||
15 | + <component name="CreatePatchCommitExecutor"> | ||
16 | + <option name="PATCH_PATH" value="" /> | ||
17 | + </component> | ||
18 | + <component name="DaemonCodeAnalyzer"> | ||
19 | + <disable_hints /> | ||
20 | + </component> | ||
21 | + <component name="ExecutionTargetManager" SELECTED_TARGET="default_target" /> | ||
22 | + <component name="FavoritesManager"> | ||
23 | + <favorites_list name="TakeFood" /> | ||
24 | + </component> | ||
25 | + <component name="FileEditorManager"> | ||
26 | + <leaf> | ||
27 | + <file leaf-file-name="index.html" pinned="false" current-in-tab="true"> | ||
28 | + <entry file="file://$PROJECT_DIR$/index.html"> | ||
29 | + <provider selected="true" editor-type-id="text-editor"> | ||
30 | + <state vertical-scroll-proportion="0.09174312" vertical-offset="1300" max-vertical-offset="13470"> | ||
31 | + <caret line="46" column="31" selection-start-line="46" selection-start-column="31" selection-end-line="46" selection-end-column="31" /> | ||
32 | + <folding /> | ||
33 | + </state> | ||
34 | + </provider> | ||
35 | + </entry> | ||
36 | + </file> | ||
37 | + <file leaf-file-name="index.css" pinned="false" current-in-tab="false"> | ||
38 | + <entry file="file://$PROJECT_DIR$/css/index.css"> | ||
39 | + <provider selected="true" editor-type-id="text-editor"> | ||
40 | + <state vertical-scroll-proportion="0.0" vertical-offset="5471" max-vertical-offset="18250"> | ||
41 | + <caret line="232" column="23" selection-start-line="232" selection-start-column="23" selection-end-line="232" selection-end-column="23" /> | ||
42 | + <folding /> | ||
43 | + </state> | ||
44 | + </provider> | ||
45 | + </entry> | ||
46 | + </file> | ||
47 | + <file leaf-file-name="shopcar.html" pinned="false" current-in-tab="false"> | ||
48 | + <entry file="file://$PROJECT_DIR$/shopcar.html"> | ||
49 | + <provider selected="true" editor-type-id="text-editor"> | ||
50 | + <state vertical-scroll-proportion="-16.428572" vertical-offset="4028" max-vertical-offset="6600"> | ||
51 | + <caret line="136" column="43" selection-start-line="136" selection-start-column="43" selection-end-line="136" selection-end-column="43" /> | ||
52 | + <folding /> | ||
53 | + </state> | ||
54 | + </provider> | ||
55 | + </entry> | ||
56 | + </file> | ||
57 | + <file leaf-file-name="PersonCenter.html" pinned="false" current-in-tab="false"> | ||
58 | + <entry file="file://$PROJECT_DIR$/PersonCenter/PersonCenter.html"> | ||
59 | + <provider selected="true" editor-type-id="text-editor"> | ||
60 | + <state vertical-scroll-proportion="-3.724138" vertical-offset="810" max-vertical-offset="5157"> | ||
61 | + <caret line="38" column="70" selection-start-line="38" selection-start-column="70" selection-end-line="38" selection-end-column="70" /> | ||
62 | + <folding /> | ||
63 | + </state> | ||
64 | + </provider> | ||
65 | + </entry> | ||
66 | + </file> | ||
67 | + <file leaf-file-name="personcenter.js" pinned="false" current-in-tab="false"> | ||
68 | + <entry file="file://$PROJECT_DIR$/js/personcenter.js"> | ||
69 | + <provider selected="true" editor-type-id="text-editor"> | ||
70 | + <state vertical-scroll-proportion="22.766666" vertical-offset="1350" max-vertical-offset="2494"> | ||
71 | + <caret line="23" column="52" selection-start-line="23" selection-start-column="52" selection-end-line="23" selection-end-column="52" /> | ||
72 | + <folding /> | ||
73 | + </state> | ||
74 | + </provider> | ||
75 | + </entry> | ||
76 | + </file> | ||
77 | + <file leaf-file-name="base.js" pinned="false" current-in-tab="false"> | ||
78 | + <entry file="file://$PROJECT_DIR$/js/base.js"> | ||
79 | + <provider selected="true" editor-type-id="text-editor"> | ||
80 | + <state vertical-scroll-proportion="0.0" vertical-offset="662" max-vertical-offset="1575"> | ||
81 | + <caret line="43" column="0" selection-start-line="43" selection-start-column="0" selection-end-line="43" selection-end-column="0" /> | ||
82 | + <folding /> | ||
83 | + </state> | ||
84 | + </provider> | ||
85 | + </entry> | ||
86 | + </file> | ||
87 | + <file leaf-file-name="cookie.js" pinned="false" current-in-tab="false"> | ||
88 | + <entry file="file://$PROJECT_DIR$/js/cookie.js"> | ||
89 | + <provider selected="true" editor-type-id="text-editor"> | ||
90 | + <state vertical-scroll-proportion="0.0" vertical-offset="276" max-vertical-offset="1189"> | ||
91 | + <caret line="13" column="44" selection-start-line="13" selection-start-column="44" selection-end-line="13" selection-end-column="44" /> | ||
92 | + <folding /> | ||
93 | + </state> | ||
94 | + </provider> | ||
95 | + </entry> | ||
96 | + </file> | ||
97 | + </leaf> | ||
98 | + </component> | ||
99 | + <component name="IdeDocumentHistory"> | ||
100 | + <option name="CHANGED_PATHS"> | ||
101 | + <list> | ||
102 | + <option value="$PROJECT_DIR$/js/base.js" /> | ||
103 | + <option value="$PROJECT_DIR$/shopcar.html" /> | ||
104 | + <option value="$PROJECT_DIR$/PersonCenter/PersonCenter.html" /> | ||
105 | + <option value="$PROJECT_DIR$/index.html" /> | ||
106 | + <option value="$PROJECT_DIR$/css/index.css" /> | ||
107 | + <option value="$PROJECT_DIR$/js/cookie.js" /> | ||
108 | + <option value="$PROJECT_DIR$/js/personcenter.js" /> | ||
109 | + </list> | ||
110 | + </option> | ||
111 | + </component> | ||
112 | + <component name="JsGulpfileManager"> | ||
113 | + <detection-done>true</detection-done> | ||
114 | + </component> | ||
115 | + <component name="ProjectFrameBounds"> | ||
116 | + <option name="x" value="-7" /> | ||
117 | + <option name="y" value="2" /> | ||
118 | + <option name="width" value="1932" /> | ||
119 | + <option name="height" value="1051" /> | ||
120 | + </component> | ||
121 | + <component name="ProjectLevelVcsManager" settingsEditedManually="false"> | ||
122 | + <OptionsSetting value="true" id="Add" /> | ||
123 | + <OptionsSetting value="true" id="Remove" /> | ||
124 | + <OptionsSetting value="true" id="Checkout" /> | ||
125 | + <OptionsSetting value="true" id="Update" /> | ||
126 | + <OptionsSetting value="true" id="Status" /> | ||
127 | + <OptionsSetting value="true" id="Edit" /> | ||
128 | + <ConfirmationsSetting value="0" id="Add" /> | ||
129 | + <ConfirmationsSetting value="0" id="Remove" /> | ||
130 | + </component> | ||
131 | + <component name="ProjectView"> | ||
132 | + <navigator currentView="ProjectPane" proportions="" version="1"> | ||
133 | + <flattenPackages /> | ||
134 | + <showMembers /> | ||
135 | + <showModules /> | ||
136 | + <showLibraryContents /> | ||
137 | + <hideEmptyPackages /> | ||
138 | + <abbreviatePackageNames /> | ||
139 | + <autoscrollToSource /> | ||
140 | + <autoscrollFromSource /> | ||
141 | + <sortByType /> | ||
142 | + </navigator> | ||
143 | + <panes> | ||
144 | + <pane id="ProjectPane"> | ||
145 | + <subPane> | ||
146 | + <PATH> | ||
147 | + <PATH_ELEMENT> | ||
148 | + <option name="myItemId" value="TakeFood" /> | ||
149 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" /> | ||
150 | + </PATH_ELEMENT> | ||
151 | + </PATH> | ||
152 | + <PATH> | ||
153 | + <PATH_ELEMENT> | ||
154 | + <option name="myItemId" value="TakeFood" /> | ||
155 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" /> | ||
156 | + </PATH_ELEMENT> | ||
157 | + <PATH_ELEMENT> | ||
158 | + <option name="myItemId" value="TakeFood" /> | ||
159 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> | ||
160 | + </PATH_ELEMENT> | ||
161 | + </PATH> | ||
162 | + <PATH> | ||
163 | + <PATH_ELEMENT> | ||
164 | + <option name="myItemId" value="TakeFood" /> | ||
165 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" /> | ||
166 | + </PATH_ELEMENT> | ||
167 | + <PATH_ELEMENT> | ||
168 | + <option name="myItemId" value="TakeFood" /> | ||
169 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> | ||
170 | + </PATH_ELEMENT> | ||
171 | + <PATH_ELEMENT> | ||
172 | + <option name="myItemId" value="PersonCenter" /> | ||
173 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> | ||
174 | + </PATH_ELEMENT> | ||
175 | + </PATH> | ||
176 | + <PATH> | ||
177 | + <PATH_ELEMENT> | ||
178 | + <option name="myItemId" value="TakeFood" /> | ||
179 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" /> | ||
180 | + </PATH_ELEMENT> | ||
181 | + <PATH_ELEMENT> | ||
182 | + <option name="myItemId" value="TakeFood" /> | ||
183 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> | ||
184 | + </PATH_ELEMENT> | ||
185 | + <PATH_ELEMENT> | ||
186 | + <option name="myItemId" value="myorder" /> | ||
187 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> | ||
188 | + </PATH_ELEMENT> | ||
189 | + </PATH> | ||
190 | + <PATH> | ||
191 | + <PATH_ELEMENT> | ||
192 | + <option name="myItemId" value="TakeFood" /> | ||
193 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" /> | ||
194 | + </PATH_ELEMENT> | ||
195 | + <PATH_ELEMENT> | ||
196 | + <option name="myItemId" value="TakeFood" /> | ||
197 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> | ||
198 | + </PATH_ELEMENT> | ||
199 | + <PATH_ELEMENT> | ||
200 | + <option name="myItemId" value="js" /> | ||
201 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> | ||
202 | + </PATH_ELEMENT> | ||
203 | + </PATH> | ||
204 | + <PATH> | ||
205 | + <PATH_ELEMENT> | ||
206 | + <option name="myItemId" value="TakeFood" /> | ||
207 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" /> | ||
208 | + </PATH_ELEMENT> | ||
209 | + <PATH_ELEMENT> | ||
210 | + <option name="myItemId" value="TakeFood" /> | ||
211 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> | ||
212 | + </PATH_ELEMENT> | ||
213 | + <PATH_ELEMENT> | ||
214 | + <option name="myItemId" value="css" /> | ||
215 | + <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> | ||
216 | + </PATH_ELEMENT> | ||
217 | + </PATH> | ||
218 | + </subPane> | ||
219 | + </pane> | ||
220 | + <pane id="Scope" /> | ||
221 | + </panes> | ||
222 | + </component> | ||
223 | + <component name="PropertiesComponent"> | ||
224 | + <property name="WebServerToolWindowFactoryState" value="false" /> | ||
225 | + <property name="last_opened_file_path" value="$PROJECT_DIR$" /> | ||
226 | + <property name="HbShouldOpenHtmlAsHb" value="" /> | ||
227 | + </component> | ||
228 | + <component name="RunManager"> | ||
229 | + <configuration default="true" type="DartUnitRunConfigurationType" factoryName="DartUnit"> | ||
230 | + <method /> | ||
231 | + </configuration> | ||
232 | + <configuration default="true" type="DartCommandLineRunConfigurationType" factoryName="Dart Command Line Application"> | ||
233 | + <method /> | ||
234 | + </configuration> | ||
235 | + <configuration default="true" type="JSTestDriver:ConfigurationType" factoryName="JsTestDriver"> | ||
236 | + <setting name="configLocationType" value="CONFIG_FILE" /> | ||
237 | + <setting name="settingsFile" value="" /> | ||
238 | + <setting name="serverType" value="INTERNAL" /> | ||
239 | + <setting name="preferredDebugBrowser" value="Chrome" /> | ||
240 | + <method /> | ||
241 | + </configuration> | ||
242 | + <configuration default="true" type="JavaScriptTestRunnerKarma" factoryName="Karma" config-file=""> | ||
243 | + <envs /> | ||
244 | + <method /> | ||
245 | + </configuration> | ||
246 | + <configuration default="true" type="JavascriptDebugType" factoryName="JavaScript Debug"> | ||
247 | + <method /> | ||
248 | + </configuration> | ||
249 | + <configuration default="true" type="NodeJSConfigurationType" factoryName="Node.js" working-dir=""> | ||
250 | + <method /> | ||
251 | + </configuration> | ||
252 | + <configuration default="true" type="cucumber.js" factoryName="Cucumber.js"> | ||
253 | + <option name="cucumberJsArguments" value="" /> | ||
254 | + <option name="executablePath" /> | ||
255 | + <option name="filePath" /> | ||
256 | + <method /> | ||
257 | + </configuration> | ||
258 | + <configuration default="true" type="js.build_tools.gulp" factoryName="Gulp.js"> | ||
259 | + <method /> | ||
260 | + </configuration> | ||
261 | + <list size="0" /> | ||
262 | + </component> | ||
263 | + <component name="ShelveChangesManager" show_recycled="false" /> | ||
264 | + <component name="TaskManager"> | ||
265 | + <task active="true" id="Default" summary="Default task"> | ||
266 | + <changelist id="fa02e569-d97b-4d43-97d6-86449a25fb56" name="Default" comment="" /> | ||
267 | + <created>1534217475979</created> | ||
268 | + <option name="number" value="Default" /> | ||
269 | + <updated>1534217475979</updated> | ||
270 | + </task> | ||
271 | + <servers /> | ||
272 | + </component> | ||
273 | + <component name="ToolWindowManager"> | ||
274 | + <frame x="-7" y="2" width="1932" height="1051" extended-state="1" /> | ||
275 | + <editor active="false" /> | ||
276 | + <layout> | ||
277 | + <window_info id="Changes" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" /> | ||
278 | + <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" /> | ||
279 | + <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" /> | ||
280 | + <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" /> | ||
281 | + <window_info id="Application Servers" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" /> | ||
282 | + <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.12734865" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" /> | ||
283 | + <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" /> | ||
284 | + <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" /> | ||
285 | + <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" /> | ||
286 | + <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" /> | ||
287 | + <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" /> | ||
288 | + <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" /> | ||
289 | + <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" /> | ||
290 | + <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" /> | ||
291 | + <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" /> | ||
292 | + <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="SLIDING" type="SLIDING" visible="false" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" /> | ||
293 | + <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" /> | ||
294 | + <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" /> | ||
295 | + </layout> | ||
296 | + </component> | ||
297 | + <component name="Vcs.Log.UiProperties"> | ||
298 | + <option name="RECENTLY_FILTERED_USER_GROUPS"> | ||
299 | + <collection /> | ||
300 | + </option> | ||
301 | + <option name="RECENTLY_FILTERED_BRANCH_GROUPS"> | ||
302 | + <collection /> | ||
303 | + </option> | ||
304 | + </component> | ||
305 | + <component name="VcsContentAnnotationSettings"> | ||
306 | + <option name="myLimit" value="2678400000" /> | ||
307 | + </component> | ||
308 | + <component name="VcsManagerConfiguration"> | ||
309 | + <option name="myTodoPanelSettings"> | ||
310 | + <TodoPanelSettings /> | ||
311 | + </option> | ||
312 | + </component> | ||
313 | + <component name="XDebuggerManager"> | ||
314 | + <breakpoint-manager /> | ||
315 | + <watches-manager /> | ||
316 | + </component> | ||
317 | + <component name="editorHistoryManager"> | ||
318 | + <entry file="file://$PROJECT_DIR$/js/base.js"> | ||
319 | + <provider selected="true" editor-type-id="text-editor"> | ||
320 | + <state vertical-scroll-proportion="0.0" vertical-offset="662" max-vertical-offset="1575"> | ||
321 | + <caret line="43" column="0" selection-start-line="43" selection-start-column="0" selection-end-line="43" selection-end-column="0" /> | ||
322 | + <folding /> | ||
323 | + </state> | ||
324 | + </provider> | ||
325 | + </entry> | ||
326 | + <entry file="file://$PROJECT_DIR$/shopcar.html"> | ||
327 | + <provider selected="true" editor-type-id="text-editor"> | ||
328 | + <state vertical-scroll-proportion="-16.428572" vertical-offset="4028" max-vertical-offset="6600"> | ||
329 | + <caret line="136" column="43" selection-start-line="136" selection-start-column="43" selection-end-line="136" selection-end-column="43" /> | ||
330 | + <folding /> | ||
331 | + </state> | ||
332 | + </provider> | ||
333 | + </entry> | ||
334 | + <entry file="file://$PROJECT_DIR$/css/index.css"> | ||
335 | + <provider selected="true" editor-type-id="text-editor"> | ||
336 | + <state vertical-scroll-proportion="0.0" vertical-offset="5471" max-vertical-offset="18250"> | ||
337 | + <caret line="232" column="23" selection-start-line="232" selection-start-column="23" selection-end-line="232" selection-end-column="23" /> | ||
338 | + <folding /> | ||
339 | + </state> | ||
340 | + </provider> | ||
341 | + </entry> | ||
342 | + <entry file="file://$PROJECT_DIR$/js/cookie.js"> | ||
343 | + <provider selected="true" editor-type-id="text-editor"> | ||
344 | + <state vertical-scroll-proportion="0.0" vertical-offset="276" max-vertical-offset="1189"> | ||
345 | + <caret line="13" column="44" selection-start-line="13" selection-start-column="44" selection-end-line="13" selection-end-column="44" /> | ||
346 | + <folding /> | ||
347 | + </state> | ||
348 | + </provider> | ||
349 | + </entry> | ||
350 | + <entry file="file://$PROJECT_DIR$/js/personcenter.js"> | ||
351 | + <provider selected="true" editor-type-id="text-editor"> | ||
352 | + <state vertical-scroll-proportion="22.766666" vertical-offset="1350" max-vertical-offset="2494"> | ||
353 | + <caret line="23" column="52" selection-start-line="23" selection-start-column="52" selection-end-line="23" selection-end-column="52" /> | ||
354 | + <folding /> | ||
355 | + </state> | ||
356 | + </provider> | ||
357 | + </entry> | ||
358 | + <entry file="file://$PROJECT_DIR$/PersonCenter/PersonCenter.html"> | ||
359 | + <provider selected="true" editor-type-id="text-editor"> | ||
360 | + <state vertical-scroll-proportion="-3.724138" vertical-offset="810" max-vertical-offset="5157"> | ||
361 | + <caret line="38" column="70" selection-start-line="38" selection-start-column="70" selection-end-line="38" selection-end-column="70" /> | ||
362 | + <folding /> | ||
363 | + </state> | ||
364 | + </provider> | ||
365 | + </entry> | ||
366 | + <entry file="file://$PROJECT_DIR$/index.html"> | ||
367 | + <provider selected="true" editor-type-id="text-editor"> | ||
368 | + <state vertical-scroll-proportion="0.09174312" vertical-offset="1300" max-vertical-offset="13470"> | ||
369 | + <caret line="46" column="31" selection-start-line="46" selection-start-column="31" selection-end-line="46" selection-end-column="31" /> | ||
370 | + <folding /> | ||
371 | + </state> | ||
372 | + </provider> | ||
373 | + </entry> | ||
374 | + </component> | ||
375 | +</project> |
.project
0 → 100644
1 | +<?xml version="1.0" encoding="UTF-8"?> | ||
2 | +<projectDescription> | ||
3 | + <name>TakeFood</name> | ||
4 | + <comment></comment> | ||
5 | + <projects> | ||
6 | + </projects> | ||
7 | + <buildSpec> | ||
8 | + <buildCommand> | ||
9 | + <name>com.aptana.ide.core.unifiedBuilder</name> | ||
10 | + <arguments> | ||
11 | + </arguments> | ||
12 | + </buildCommand> | ||
13 | + </buildSpec> | ||
14 | + <natures> | ||
15 | + <nature>com.aptana.projects.webnature</nature> | ||
16 | + </natures> | ||
17 | + <filteredResources> | ||
18 | + <filter> | ||
19 | + <id>1525403963380</id> | ||
20 | + <name></name> | ||
21 | + <type>26</type> | ||
22 | + <matcher> | ||
23 | + <id>org.eclipse.ui.ide.multiFilter</id> | ||
24 | + <arguments>1.0-name-matches-false-false-node_modules</arguments> | ||
25 | + </matcher> | ||
26 | + </filter> | ||
27 | + <filter> | ||
28 | + <id>1532921264994</id> | ||
29 | + <name></name> | ||
30 | + <type>26</type> | ||
31 | + <matcher> | ||
32 | + <id>org.eclipse.ui.ide.multiFilter</id> | ||
33 | + <arguments>1.0-name-matches-false-false-node_modules</arguments> | ||
34 | + </matcher> | ||
35 | + </filter> | ||
36 | + <filter> | ||
37 | + <id>1533519359159</id> | ||
38 | + <name></name> | ||
39 | + <type>26</type> | ||
40 | + <matcher> | ||
41 | + <id>org.eclipse.ui.ide.multiFilter</id> | ||
42 | + <arguments>1.0-name-matches-false-false-node_modules</arguments> | ||
43 | + </matcher> | ||
44 | + </filter> | ||
45 | + </filteredResources> | ||
46 | +</projectDescription> |
PersonCenter/PersonCenter.html
0 → 100644
1 | +<!DOCTYPE html> | ||
2 | +<html> | ||
3 | + | ||
4 | + <head> | ||
5 | + <meta charset="UTF-8"> | ||
6 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
7 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" /> | ||
8 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" /> | ||
9 | + <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" /> | ||
10 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/PersonCenter/PersonCenter.css" /> | ||
11 | + <script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script> | ||
12 | + <title>个人中心</title> | ||
13 | + <style> | ||
14 | + [ v-cloak]{ | ||
15 | + display:none; | ||
16 | + } | ||
17 | + </style> | ||
18 | + </head> | ||
19 | + | ||
20 | + <body> | ||
21 | + <div class="container" id="personcenter" v-cloak> | ||
22 | + <!--遮罩--> | ||
23 | + <div class="wrap"> | ||
24 | + <!--弹层--> | ||
25 | + <div class="popup"> | ||
26 | + <p>— 咨询热线 —</p> | ||
27 | + <span>1540098838</span> | ||
28 | + <div class="popup_footer"> | ||
29 | + 立即拨打 | ||
30 | + </div> | ||
31 | + </div> | ||
32 | + </div> | ||
33 | + | ||
34 | + <!--个人信息--> | ||
35 | + <div class="person"> | ||
36 | + <div class="person_info"> | ||
37 | + <img :src="personinfo.head_img" /> | ||
38 | + <p class="person_name">{{personinfo.nickname}}</p> | ||
39 | + <span class="person_info_btn">全部订单</span> | ||
40 | + </div> | ||
41 | + </div> | ||
42 | + <!--待支付-制作中---> | ||
43 | + <div class="white"> | ||
44 | + <div class="white_item pend_pay" v-for="item in persontype" @click="jump(item)"> | ||
45 | + <i class="iconfont icon-wallet_icon"></i> | ||
46 | + <p>{{item.status}}</p> | ||
47 | + <span v-if="item.count>0" class="white_item_num">{{item.count}}</span> | ||
48 | + </div> | ||
49 | + </div> | ||
50 | + <!--我的钱包--> | ||
51 | + <div class="menu_list"> | ||
52 | + <div class="menu_item my_wallet"> | ||
53 | + <i class="iconfont icon-qianbao"></i> | ||
54 | + <p>我的钱包</p> | ||
55 | + <span>></span> | ||
56 | + </div> | ||
57 | + <div class="menu_item discount_page"> | ||
58 | + <i class="iconfont icon-youhuiquan"></i> | ||
59 | + <p>我的优惠券</p> | ||
60 | + <span>></span> | ||
61 | + </div> | ||
62 | + <div class="menu_item"> | ||
63 | + <i class="iconfont icon-liwu"></i> | ||
64 | + <p>分享有礼</p> | ||
65 | + <span>></span> | ||
66 | + </div> | ||
67 | + <div class="menu_item service"> | ||
68 | + <i class="iconfont icon-VectorSmartObject" style="color:#CDBEEC"></i> | ||
69 | + <p>联系客服</p> | ||
70 | + <span>></span> | ||
71 | + </div> | ||
72 | + <div class="menu_item aboutus" @click="aboutus()"> | ||
73 | + <i class="iconfont icon-erji" style="color:#CDBEEC"></i> | ||
74 | + <p>关于我们</p> | ||
75 | + <span>></span> | ||
76 | + </div> | ||
77 | + </div> | ||
78 | + <!--footer--> | ||
79 | + <div class="footer" v-cloak> | ||
80 | + <div class="footer_item"> | ||
81 | + <a href="{:U('Template/index')}"><img src="/themes/simplebootx/Portal/Template/img/menu_icon1_select@2x_81.png" /><span>首页</span></a> | ||
82 | + </div> | ||
83 | + <div class="footer_item"> | ||
84 | + <a href="{:U('Template/shopcar')}"><img src="/themes/simplebootx/Portal/Template/img/9拷贝@2x.png" /> | ||
85 | + <span>购物车</span> | ||
86 | + </a> | ||
87 | + <span class="foot_cartnum" v-if="cartnum>0">{{cartnum}}</span> | ||
88 | + </div> | ||
89 | + <div class="footer_item footer_active"> | ||
90 | + <a href="{:U('Template/PersonCenter')}"><img src="/themes/simplebootx/Portal/Template/img/menu_icon3_select@2x_57.png" /><span>我的</span></a> | ||
91 | + </div> | ||
92 | + </div> | ||
93 | + </div> | ||
94 | + <script src="/themes/simplebootx/Portal/Template/js/vue.min.js" type="text/javascript" charset="utf-8"></script> | ||
95 | + <script src="/themes/simplebootx/Portal/Template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
96 | + <script src="/themes/simplebootx/Portal/Template/js/cookie.js" type="text/javascript" charset="utf-8"></script> | ||
97 | + <script src="/themes/simplebootx/Portal/Template/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
98 | + <script src="/themes/simplebootx/Portal/Template/js/personcenter.js" type="text/javascript" charset="utf-8"></script> | ||
99 | + <script type="text/javascript"> | ||
100 | + var service = document.getElementsByClassName('service')[0]; | ||
101 | + var wrap = document.getElementsByClassName('wrap')[0]; | ||
102 | + var popup = document.getElementsByClassName('popup')[0]; | ||
103 | + var popup_footer = document.getElementsByClassName('popup_footer')[0]; | ||
104 | + popup_footer.onclick = function(ev) { | ||
105 | + var oEvent = ev || event | ||
106 | + oEvent.concelable = true; | ||
107 | + oEvent.stopPropagation(); | ||
108 | + } | ||
109 | + service.onclick = function() { | ||
110 | + wrap.style.display = 'block'; | ||
111 | + } | ||
112 | + wrap.onclick = function() { | ||
113 | + wrap.style.display = 'none'; | ||
114 | + } | ||
115 | + var person_info_btn = document.getElementsByClassName('person_info_btn')[0]; | ||
116 | + person_info_btn.onclick = function() { | ||
117 | + window.location.href ="{:U('Template/myorder')}" | ||
118 | + } | ||
119 | + var my_wallet = document.getElementsByClassName('my_wallet')[0]; | ||
120 | + my_wallet.onclick = function() { | ||
121 | + window.location.href = "{:U('Template/wallet')}"; | ||
122 | + } | ||
123 | + var discount_page = document.getElementsByClassName('discount_page')[0]; | ||
124 | + discount_page.onclick = function() { | ||
125 | + window.location.href = "{:U('Template/discount')}"; | ||
126 | + } | ||
127 | + | ||
128 | + //待支付,制作中等跳转页面 | ||
129 | + var pend_make = document.getElementsByClassName('pend_make')[0]; | ||
130 | + var pend_pay = document.getElementsByClassName('pend_pay')[0]; | ||
131 | + var pend_take = document.getElementsByClassName('pend_take')[0]; | ||
132 | + var pend_evaluate = document.getElementsByClassName('pend_evaluate')[0]; | ||
133 | + var pend_finish = document.getElementsByClassName('pend_finish')[0]; | ||
134 | + pend_pay.onclick = function() { | ||
135 | + window.location.href = "/index.php?g=&m=template&a=myorder&status=1"; | ||
136 | + } | ||
137 | + pend_make.onclick = function() { | ||
138 | + window.location.href = "/index.php?g=&m=template&a=myorder&status=2"; | ||
139 | + } | ||
140 | + pend_take.onclick = function() { | ||
141 | + window.location.href = "/index.php?g=&m=template&a=myorder&status=3"; | ||
142 | + } | ||
143 | + pend_evaluate.onclick = function() { | ||
144 | + window.location.href = "/index.php?g=&m=template&a=myorder&status=4"; | ||
145 | + } | ||
146 | + pend_finish.onclick = function() { | ||
147 | + window.location.href = "/index.php?g=&m=template&a=myorder&status=5"; | ||
148 | + } | ||
149 | + //待支付,制作中 数量 | ||
150 | + var white_item_num = document.getElementsByClassName('white_item_num'); | ||
151 | + for(i = 0; i < white_item_num.length; i++) { | ||
152 | + if(parseInt(white_item_num[i].innerHTML) < 1) { | ||
153 | + white_item_num[i].style.display = 'none'; | ||
154 | + } | ||
155 | + } | ||
156 | + </script> | ||
157 | + </body> | ||
158 | + | ||
159 | +</html> |
PersonCenter/discount.html
0 → 100644
1 | +<!DOCTYPE html> | ||
2 | +<html> | ||
3 | + | ||
4 | + <head> | ||
5 | + <meta charset="UTF-8"> | ||
6 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
7 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" /> | ||
8 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" /> | ||
9 | + <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" /> | ||
10 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/PersonCenter/discount.css" /> | ||
11 | + <script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script> | ||
12 | + <title>我的优惠券</title> | ||
13 | + <style> | ||
14 | + .nodata{ | ||
15 | + margin-top: 90px; | ||
16 | + text-align: center; | ||
17 | + color: #999; | ||
18 | + font-size: 14px; | ||
19 | + } | ||
20 | + [v-cloak]{ | ||
21 | + display: none; | ||
22 | + } | ||
23 | + | ||
24 | + </style> | ||
25 | + </head> | ||
26 | + | ||
27 | + <body> | ||
28 | + <div class="container" id="discount"> | ||
29 | + <!--导航--> | ||
30 | + <div class="nav"> | ||
31 | + <ul> | ||
32 | + <li class="active" @click="unuse($event)">未使用</li> | ||
33 | + <li @click="alreadyuse($event)">已使用</li> | ||
34 | + <li @click="expired($event)">已过期</li> | ||
35 | + </ul> | ||
36 | + </div> | ||
37 | + <div class="discount tab" v-cloak> | ||
38 | + <div class="discount_item" v-for="item in discount" :id="item.id"> | ||
39 | + <div class="discount_item_num"> | ||
40 | + <div class="discount_item_num_bxo"> | ||
41 | + <p>{{item.reduce}}</p> | ||
42 | + <p>元</p> | ||
43 | + </div> | ||
44 | + <div class="discount_item_time"> | ||
45 | + <span>{{item.discount_coupon_name}}</span> | ||
46 | + <span>有效期截止:{{item.deadline}}</span> | ||
47 | + </div> | ||
48 | + </div> | ||
49 | + <div class="discount_item_btn"> | ||
50 | + 立即使用<span>></span> | ||
51 | + </div> | ||
52 | + </div> | ||
53 | + | ||
54 | + </div> | ||
55 | + <!--没有优惠券提醒--> | ||
56 | + <div class="nodata" v-if="discount.length==0"> | ||
57 | + 暂无优惠券 | ||
58 | + </div> | ||
59 | + </div> | ||
60 | + </div> | ||
61 | + <script src="/themes/simplebootx/Portal/Template/js/vue.min.js" type="text/javascript" charset="utf-8"></script> | ||
62 | + <script src="/themes/simplebootx/Portal/Template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
63 | + <script src="/themes/simplebootx/Portal/Template/js/cookie.js" type="text/javascript" charset="utf-8"></script> | ||
64 | + <script src="/themes/simplebootx/Portal/Template/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
65 | + <script src="/themes/simplebootx/Portal/Template/js/discount.js" type="text/javascript" charset="utf-8"></script> | ||
66 | + <script type="text/javascript"> | ||
67 | + </script> | ||
68 | + </body> | ||
69 | + | ||
70 | +</html> |
PersonCenter/topus.html
0 → 100644
1 | +<!DOCTYPE html> | ||
2 | +<html> | ||
3 | + <head> | ||
4 | + <meta charset="UTF-8"> | ||
5 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
6 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" /> | ||
7 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" /> | ||
8 | + <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" /> | ||
9 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/PersonCenter/topus.css" /> | ||
10 | + <script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script> | ||
11 | + <title>充值</title> | ||
12 | + <style> | ||
13 | + .wrapper{ | ||
14 | + width: 8rem; | ||
15 | + height: 100%; | ||
16 | + background-color: rgba(0,0,0,0.5); | ||
17 | + position: fixed; | ||
18 | + z-index: 2; | ||
19 | + margin-left: -0.4rem; | ||
20 | + | ||
21 | + } | ||
22 | + .illustrate{ | ||
23 | + width: 6.48rem; | ||
24 | + height: 7.2rem; | ||
25 | + position: absolute; | ||
26 | + z-index: 3; | ||
27 | + background-color: #FFFFFF; | ||
28 | + left: 1rem; | ||
29 | + top: 2.63rem; | ||
30 | + display: flex; | ||
31 | + flex-direction: column; | ||
32 | + align-items: center; | ||
33 | + border-radius: 0.15rem; | ||
34 | + } | ||
35 | + .certain{ | ||
36 | + width: 6.48rem; | ||
37 | + height:0.8rem; | ||
38 | + background:RGBA(0, 145, 229, 1); | ||
39 | + color:#FFFFFF; | ||
40 | + border:none; | ||
41 | + outline:none; | ||
42 | + position:absolute;; | ||
43 | + top:6.7rem; | ||
44 | + } | ||
45 | + /*标题*/ | ||
46 | + .title{ | ||
47 | + position:absolute; | ||
48 | + top:0.4rem; | ||
49 | + } | ||
50 | + .explain{ | ||
51 | + font-size: 0.4rem; | ||
52 | + color:RGBA(51, 51, 51, 1); | ||
53 | + } | ||
54 | + .text{ | ||
55 | + font-size: 0.3rem; | ||
56 | + position:absolute; | ||
57 | + top:1.2rem; | ||
58 | + width:5.4rem; | ||
59 | + color:RGBA(102, 102, 102, 1); | ||
60 | + height:5.2rem; | ||
61 | + overflow: auto; | ||
62 | + } | ||
63 | + </style> | ||
64 | + </head> | ||
65 | + <body> | ||
66 | + <div class="container" id="card"> | ||
67 | + <!--弹出框--> | ||
68 | + <!--遮罩层--> | ||
69 | + <div class="wrapper"> | ||
70 | + <!--弹出内容--> | ||
71 | + <div class="illustrate"> | ||
72 | + <div class="title"> | ||
73 | + <p class="explain">充值卡使用说明</p> | ||
74 | + </div> | ||
75 | + <div class="text"> | ||
76 | + 美食美食美食美食美食美食美食美食 | ||
77 | + 美食美食美食美食美食美食美食美食 | ||
78 | + 美食美食美食美食 | ||
79 | + 美食美食美食美食 | ||
80 | + 美食美食美食美食 | ||
81 | + 美食美食美食美食美食美食美食美食 | ||
82 | + 美食美食美食美食美食美食美食美食 | ||
83 | + 美食美食美食美食 | ||
84 | + 美食美食美食美食 | ||
85 | + 美食美食美食美食 | ||
86 | + 美食美食美食美食美食美食美食美食 | ||
87 | + 美食美食美食美食美食美食美食美食 | ||
88 | + 美食美食美食美食 | ||
89 | + 美食美食美食美食 | ||
90 | + 美食美食美食美食 | ||
91 | + 美食美食美食美食美食美食美食美食 | ||
92 | + 美食美食美食美食美食美食美食美食 | ||
93 | + 美食美食美食美食 | ||
94 | + 美食美食美食美食 | ||
95 | + 美食美食美食美食 | ||
96 | + </div> | ||
97 | + <button class="certain">确定</button> | ||
98 | + </div> | ||
99 | + </div> | ||
100 | + | ||
101 | + <div class="header"> | ||
102 | + <i class="iconfont icon-my_icon"></i><p>充值卡使用说明</p> | ||
103 | + </div> | ||
104 | + <div class="top_us_card" v-for="item in cardindex" :id="item.id"> | ||
105 | + <p class="top_us_num">充值面额</p> | ||
106 | + <div class="top_us_num_wrap"> | ||
107 | + <p class="forever">有效期:永久</p> | ||
108 | + <p class="give_num">赠送{{item.bonus}}元</p> | ||
109 | + <span class="btn" @click="recharge(item)">立即充值</span> | ||
110 | + </div> | ||
111 | + <div class="money"> | ||
112 | + <p class="icon">¥</p><p class="money_num">{{item.denomination}}</p> | ||
113 | + </div> | ||
114 | + </div> | ||
115 | + </div> | ||
116 | + <script src="/themes/simplebootx/Portal/Template/js/vue.min.js" type="text/javascript" charset="utf-8"></script> | ||
117 | + <script src="/themes/simplebootx/Portal/Template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
118 | + <script src="/themes/simplebootx/Portal/Template/js/cookie.js" type="text/javascript" charset="utf-8"></script> | ||
119 | + <script src="/themes/simplebootx/Portal/Template/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
120 | + <script src="/themes/simplebootx/Portal/Template/js/topus.js" type="text/javascript" charset="utf-8"></script> | ||
121 | + <script> | ||
122 | + $(".certain").click(function(){ | ||
123 | + $('.wrapper').css("display","none") | ||
124 | + }); | ||
125 | + $(".wrapper").click(function(){ | ||
126 | + $(this).css("display","none") | ||
127 | + }); | ||
128 | + //充值卡充值弹出弹出框 | ||
129 | + $(".header").click(function(){ | ||
130 | +// alert(111) | ||
131 | + $(".wrapper").css("display","block") | ||
132 | + }); | ||
133 | + | ||
134 | + | ||
135 | + </script> | ||
136 | + | ||
137 | + </body> | ||
138 | +</html> |
PersonCenter/wallet.html
0 → 100644
1 | +<!DOCTYPE html> | ||
2 | +<html> | ||
3 | + <head> | ||
4 | + <meta charset="UTF-8"> | ||
5 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
6 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" /> | ||
7 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" /> | ||
8 | + <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" /> | ||
9 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/PersonCenter/wallet.css" /> | ||
10 | + <script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script> | ||
11 | + <title>我的钱包</title> | ||
12 | + </head> | ||
13 | + <body> | ||
14 | + <div class="container" id="wallet"> | ||
15 | + <div class="banner"> | ||
16 | + <p class="balance">钱包余额</p> | ||
17 | + <div class="money"> | ||
18 | + <p class="balance_num">{{money}}</p><span class="balance_num_unit">元</span> | ||
19 | + </div> | ||
20 | + </div> | ||
21 | + <div class="menu_list"> | ||
22 | + <div class="menu_item topus"> | ||
23 | + <i class="iconfont icon-balance"></i> | ||
24 | + <p>去充值</p> | ||
25 | + <span>></span> | ||
26 | + </div> | ||
27 | + <div class="menu_item walletdetails"> | ||
28 | + <i class="iconfont icon-icon-test"></i> | ||
29 | + <p>钱包明细</p> | ||
30 | + <span>></span> | ||
31 | + </div> | ||
32 | + </div> | ||
33 | + </div> | ||
34 | + <script src="/themes/simplebootx/Portal/Template/js/vue.min.js" type="text/javascript" charset="utf-8"></script> | ||
35 | + <script src="/themes/simplebootx/Portal/Template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
36 | + <script src="/themes/simplebootx/Portal/Template/js/cookie.js" type="text/javascript" charset="utf-8"></script> | ||
37 | + <script src="/themes/simplebootx/Portal/Template/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
38 | + <script src="/themes/simplebootx/Portal/Template/js/wallet.js" type="text/javascript" charset="utf-8"></script> | ||
39 | + <script type="text/javascript"> | ||
40 | + var topus = document.getElementsByClassName('topus')[0]; | ||
41 | + var walletdetails = document.getElementsByClassName('walletdetails')[0]; | ||
42 | + topus.onclick = function(){ | ||
43 | + window.location.href = "{:U('Template/topus')}"; | ||
44 | + } | ||
45 | + walletdetails.onclick = function(){ | ||
46 | + window.location.href = "{:U('Template/walletdetails')}"; | ||
47 | + } | ||
48 | + </script> | ||
49 | + </body> | ||
50 | +</html> |
PersonCenter/walletdetails.html
0 → 100644
1 | +<!DOCTYPE html> | ||
2 | +<html> | ||
3 | + | ||
4 | + <head> | ||
5 | + <meta charset="UTF-8"> | ||
6 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
7 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" /> | ||
8 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" /> | ||
9 | + <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" /> | ||
10 | + <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/PersonCenter/walletdetails.css" /> | ||
11 | + <script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script> | ||
12 | + <title>钱包明细</title> | ||
13 | + </head> | ||
14 | + | ||
15 | + <body> | ||
16 | + <div class="container" id="walletdetail"> | ||
17 | + <div class="details"> | ||
18 | + <div class="details_item" v-for="item in detail"> | ||
19 | + <div class="buy_wrap"> | ||
20 | + <p class="buy">{{item.log_type}}</p> | ||
21 | + <p class="num" v-if="item.log_type=='购买商品'">-¥{{item.amount}}</p> | ||
22 | + <p class="num_add" v-if="item.log_type=='充值'">+¥{{item.amount}}</p> | ||
23 | + </div> | ||
24 | + <div class="buy_wrap"> | ||
25 | + <p class="time">{{item.create_time}}</p> | ||
26 | + <p class="time">{{item.log_type}}</p> | ||
27 | + </div> | ||
28 | + </div> | ||
29 | + </div> | ||
30 | + </div> | ||
31 | + <script src="/themes/simplebootx/Portal/Template/js/vue.min.js" type="text/javascript" charset="utf-8"></script> | ||
32 | + <script src="/themes/simplebootx/Portal/Template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
33 | + <script src="/themes/simplebootx/Portal/Template/js/cookie.js" type="text/javascript" charset="utf-8"></script> | ||
34 | + <script src="/themes/simplebootx/Portal/Template/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
35 | + <script src="/themes/simplebootx/Portal/Template/js/walletdetail.js" type="text/javascript" charset="utf-8"></script> | ||
36 | + </body> | ||
37 | + | ||
38 | +</html> |
about.html
0 → 100644
1 | +<!DOCTYPE html> | ||
2 | +<html> | ||
3 | + | ||
4 | + <head> | ||
5 | + <meta charset="UTF-8"> | ||
6 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
7 | + <link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css" /> | ||
8 | + <link rel="stylesheet" type="text/css" href="css/init.css" /> | ||
9 | + <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_to180rktm1butyb9.css" /> | ||
10 | + <link rel="stylesheet" type="text/css" href="css/about.css" /> | ||
11 | + <script src="js/base.js" type="text/javascript" charset="utf-8"></script> | ||
12 | + <title>关于我们</title> | ||
13 | + </head> | ||
14 | + | ||
15 | + <body> | ||
16 | + <div class="container" id="aboutus"> | ||
17 | + <!--banner--> | ||
18 | + <div class="about_banner"> | ||
19 | + <!--<img src="img/矩形10@2x.png" />--> | ||
20 | + <img :src="about.thumb" /> | ||
21 | + </div> | ||
22 | + <!--文字--> | ||
23 | + <div class="about_text"> | ||
24 | + <h1>{{about.post_title}}</h1> | ||
25 | + <div v-html="about.post_content"> | ||
26 | + <!--<p>胡辣汤由多种天然中草药按比例配制的汤料再加入胡椒和辣椒又用骨头汤做底料的胡辣汤,其特点是汤味浓郁、汤色靓丽、汤汁粘稠,香辣可口,十分适合配合其它早点进餐。 | ||
27 | + </p> | ||
28 | + <p>目前,已经发展成为河南及陕西等周边省份都喜爱和知晓的小吃之一。 | ||
29 | + </p> | ||
30 | + <p>是中国河南的特色汤类食品,后传入陕西,被大家所喜爱,常作为早餐,其特点是麻辣鲜香,营养开胃,适合搭配油条、包子、葱油饼、锅盔,千层饼等面点。 | ||
31 | + </p> | ||
32 | + <p>可与豆腐脑约1:1混合,称为“两掺”,降低了麻辣程度,不仅卖相更好看了,而且也很受欢迎。</p>--> | ||
33 | + </div> | ||
34 | + | ||
35 | + </div> | ||
36 | + <!--<div class="edit"> | ||
37 | + 文本编辑区 | ||
38 | + </div>--> | ||
39 | + </div> | ||
40 | + | ||
41 | + <script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script> | ||
42 | + <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
43 | + <script src="js/cookie.js" type="text/javascript" charset="utf-8"></script> | ||
44 | + <script src="js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
45 | + <script src="js/aboutus.js" type="text/javascript" charset="utf-8"></script> | ||
46 | + </body> | ||
47 | + | ||
48 | +</html> |
addressdetails.html
0 → 100644
1 | +<!DOCTYPE html> | ||
2 | +<html> | ||
3 | + | ||
4 | + <head> | ||
5 | + <meta charset="UTF-8"> | ||
6 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
7 | + <link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css" /> | ||
8 | + <link rel="stylesheet" type="text/css" href="css/init.css" /> | ||
9 | + <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" /> | ||
10 | + <link rel="stylesheet" type="text/css" href="css/index.css" /> | ||
11 | + <script src="js/base.js" type="text/javascript" charset="utf-8"></script> | ||
12 | + <title>门店详情</title> | ||
13 | + </head> | ||
14 | + | ||
15 | + <body> | ||
16 | + <div class="container" id="addressdetail"> | ||
17 | + <div class="add_wrap"> | ||
18 | + <div class="add_wrap_text"> | ||
19 | + <p style="font-size: 0.3rem;margin-bottom: 0.3rem;">{{address.store_name}}<span style="font-size: 0.28rem; color: #FCB801; margin-left: 0.31rem;">距您{{address.distance_text}}</span></p> | ||
20 | + <p style="font-size: 0.28rem; color: #666666;"><i class="iconfont icon-hdxq_icon1" style="font-size: 0.26rem; margin-right: 0.15rem;"></i>营业时间:{{address.open_start}}-{{address.open_end}}</p> | ||
21 | + <p style="font-size: 0.28rem; color: #666666;margin-top: 0.21rem;"><i class="iconfont icon-hdxq_icon" style="font-size: 0.26rem; margin-right: 0.15rem;"></i>{{address.store_address}}</p> | ||
22 | + </div> | ||
23 | + <span>场景图片</span> | ||
24 | + <div class="address_pic_list" v-html="photo"> | ||
25 | + <!--<img src="img/2@2x.png" />--> | ||
26 | + <!--<img src="img/@2x.png" />--> | ||
27 | + <!--<img src="img/2@2x.png" />--> | ||
28 | + <!--<img src="img/@2x.png" />--> | ||
29 | + <!--<img src="img/2@2x.png" />--> | ||
30 | + <!--<img src="img/@2x.png" />--> | ||
31 | + <!--<img src="img/2@2x.png" />--> | ||
32 | + <!--<img src="img/@2x.png" />--> | ||
33 | + </div> | ||
34 | + | ||
35 | + </div> | ||
36 | + </div> | ||
37 | + | ||
38 | + <script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script> | ||
39 | + <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
40 | + <script src="js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
41 | + <script src="js/cookie.js" type="text/javascript" charset="utf-8"></script> | ||
42 | + <script src="js/addressdetail.js" type="text/javascript" charset="utf-8"></script> | ||
43 | + </body> | ||
44 | + | ||
45 | +</html> |
css/PersonCenter/PersonCenter.css
0 → 100644
1 | +.container{ | ||
2 | + padding: 0 0.4rem; | ||
3 | + position: relative; | ||
4 | + font-family:PingFangSC-Regular;; | ||
5 | +} | ||
6 | +/*遮罩*/ | ||
7 | +.wrap{ | ||
8 | + width: 7.5rem; | ||
9 | + height: 100%; | ||
10 | + background-color:rgba(0,0,0,0.5); | ||
11 | + position: fixed; | ||
12 | + z-index: 2; | ||
13 | + margin-left: -0.4rem; | ||
14 | + display: none; | ||
15 | +} | ||
16 | +/*弹层*/ | ||
17 | +.popup{ | ||
18 | + width: 5.48rem; | ||
19 | + height: 3.2rem; | ||
20 | + position: absolute; | ||
21 | + z-index: 3; | ||
22 | + background-color: #FFFFFF; | ||
23 | + left: 1rem; | ||
24 | + top: 4.63rem; | ||
25 | + display: flex; | ||
26 | + flex-direction: column; | ||
27 | + align-items: center; | ||
28 | + border-radius: 0.15rem; | ||
29 | + overflow: hidden; | ||
30 | +} | ||
31 | +.popup p{ | ||
32 | + font-size: 0.26rem; | ||
33 | + color: #999999; | ||
34 | + margin-top: 0.7rem; | ||
35 | + text-align: center; | ||
36 | +} | ||
37 | +.popup span{ | ||
38 | + font-size: 0.42rem; | ||
39 | + margin-top: 0.4rem; | ||
40 | + color: #333333; | ||
41 | + text-align: center; | ||
42 | +} | ||
43 | +.popup_footer{ | ||
44 | + width: 5.48rem; | ||
45 | + height: 0.8rem; | ||
46 | + position: absolute; | ||
47 | + bottom: 0; | ||
48 | + left: 0; | ||
49 | + background-color: #FFB800; | ||
50 | + text-align: center; | ||
51 | + line-height: 0.8rem; | ||
52 | + color: #FFFFFF; | ||
53 | + font-size: 0.3rem; | ||
54 | +} | ||
55 | +/*个人信息*/ | ||
56 | +.person_info{ | ||
57 | + display: flex; | ||
58 | + align-items: center; | ||
59 | + margin-top: 0.42rem; | ||
60 | +} | ||
61 | +.person_info img{ | ||
62 | + width: 1.08rem; | ||
63 | + height: 1.08rem; | ||
64 | + display: block; | ||
65 | + border-radius: 50%; | ||
66 | + margin-right: 0.41rem; | ||
67 | +} | ||
68 | +.person_name{ | ||
69 | + font-size: 0.34rem; | ||
70 | + color: #333333; | ||
71 | + margin-right: 2.1rem; | ||
72 | + white-space: nowrap; | ||
73 | + width:1.3rem; | ||
74 | +} | ||
75 | +.person_info_btn{ | ||
76 | + font-size: 0.26rem; | ||
77 | + color: #FEAD00; | ||
78 | + display: block; | ||
79 | + width: 1.68rem; | ||
80 | + height: 0.57rem; | ||
81 | + line-height: 0.57rem; | ||
82 | + text-align: center; | ||
83 | + border: 1px solid #FEAD00; | ||
84 | + border-radius: 0.29rem; | ||
85 | +} | ||
86 | +/*待支付-制作中*/ | ||
87 | +.white{ | ||
88 | + display: flex; | ||
89 | + margin-top: 0.64rem; | ||
90 | +} | ||
91 | +.white .iconfont{ | ||
92 | + font-size: 0.4rem; | ||
93 | + text-align: center; | ||
94 | + margin-bottom: 0.14rem; | ||
95 | +} | ||
96 | +.white_item{ | ||
97 | + display: flex; | ||
98 | + flex-direction: column; | ||
99 | + width: 25%; | ||
100 | + position: relative; | ||
101 | +} | ||
102 | +.white_item p{ | ||
103 | + font-size: 0.26rem; | ||
104 | + color: #666666; | ||
105 | + text-align: center; | ||
106 | +} | ||
107 | +.white_item_num{ | ||
108 | + position: absolute; | ||
109 | + width: 0.28rem; | ||
110 | + height: 0.28rem; | ||
111 | + background-color: #FF4800; | ||
112 | + right: 0.3rem; | ||
113 | + top: -0.1rem; | ||
114 | + border-radius: 50%; | ||
115 | + color: #FFFFFF; | ||
116 | + font-size: 0.2rem; | ||
117 | + text-align: center; | ||
118 | + line-height: 0.28rem; | ||
119 | +} | ||
120 | +/*我的钱包*/ | ||
121 | +.menu_list{ | ||
122 | + margin-top: 0.3rem; | ||
123 | +} | ||
124 | +.menu_item{ | ||
125 | + display: flex; | ||
126 | + height: 1.1rem; | ||
127 | + line-height: 1.1rem; | ||
128 | + border-bottom: 1px solid #E4E4E4; | ||
129 | +} | ||
130 | +.menu_item p{ | ||
131 | + font-size: 0.3rem; | ||
132 | + color: #333333; | ||
133 | + margin-left: 0.21rem; | ||
134 | + white-space: nowrap; | ||
135 | + position: relative; | ||
136 | +} | ||
137 | +.menu_item span{ | ||
138 | + font-size: 0.2rem; | ||
139 | + position: absolute; | ||
140 | + right: 0.57rem; | ||
141 | +} | ||
142 | +.menu_list .icon-qianbao{ | ||
143 | + color: #FEE19D; | ||
144 | + font-size: 0.3rem; | ||
145 | +} | ||
146 | +.menu_list .icon-youhuiquan{ | ||
147 | + color: #FEBAAE; | ||
148 | + font-size: 0.24rem; | ||
149 | +} | ||
150 | +.menu_list .icon-liwu{ | ||
151 | + font-size: 0.3rem; | ||
152 | + color: #FEBF8C; | ||
153 | +} | ||
154 | +.menu_list .icon-erji{ | ||
155 | + font-size: 0.3rem; | ||
156 | + color: #CDBEEC; | ||
157 | +} | ||
158 | +/*footer*/ | ||
159 | +.footer{ | ||
160 | + position: fixed; | ||
161 | + bottom: 0; | ||
162 | + left: 0; | ||
163 | + width: 7.5rem; | ||
164 | + left: 50%; | ||
165 | + margin-left: -3.75rem; | ||
166 | + border-top: 1px solid #CCCCCC; | ||
167 | + background-color: #FFFFFF; | ||
168 | + font-size: 0.22rem; | ||
169 | + height: 1rem; | ||
170 | + display: flex; | ||
171 | + justify-content: space-around; | ||
172 | +} | ||
173 | +.footer_item { | ||
174 | + display: flex; | ||
175 | + flex-direction: column; | ||
176 | + justify-content: center; | ||
177 | + align-items: center; | ||
178 | + text-align: center; | ||
179 | +} | ||
180 | +.footer_item span{ | ||
181 | + color: #999999; | ||
182 | +} | ||
183 | +.footer_item img{ | ||
184 | + width: 0.7rem; | ||
185 | + height: 0.7rem; | ||
186 | +} | ||
187 | +.footer_active span{ | ||
188 | + color: #FEAD00; | ||
189 | +} |
css/PersonCenter/discount.css
0 → 100644
1 | +.container{ | ||
2 | + position: relative; | ||
3 | + font-family:PingFangSC-Regular; | ||
4 | +} | ||
5 | +.nav { | ||
6 | + margin-bottom: 0.65rem; | ||
7 | +} | ||
8 | +.nav ul { | ||
9 | + display: flex; | ||
10 | + font-size: 0.3rem; | ||
11 | + margin-top: 0.44rem; | ||
12 | + justify-content: center; | ||
13 | +} | ||
14 | +.nav ul li{ | ||
15 | + display: block; | ||
16 | + width: 30%; | ||
17 | + text-align: center; | ||
18 | + color: #666666; | ||
19 | +} | ||
20 | +.nav .active { | ||
21 | + color: #333333; | ||
22 | + position: relative; | ||
23 | +} | ||
24 | +.nav .active:before{ | ||
25 | + content: ''; | ||
26 | + display: block; | ||
27 | + width: 0.48rem; | ||
28 | + height: 0.1rem; | ||
29 | + background-color: #FFCC00; | ||
30 | + position: absolute; | ||
31 | + left: 0.65rem; | ||
32 | + bottom: 0; | ||
33 | + top: 0.44rem; | ||
34 | + border-radius: 0.05rem; | ||
35 | +} | ||
36 | + | ||
37 | + | ||
38 | +/*discount*/ | ||
39 | +.discount_item{ | ||
40 | + width: 7rem; | ||
41 | + margin: 0.25rem auto 0; | ||
42 | + border: 1px solid #E4E4E4; | ||
43 | + border-radius: 0.15rem; | ||
44 | +} | ||
45 | +.discount_item_num{ | ||
46 | + width: 7rem; | ||
47 | + height: 1.7rem; | ||
48 | + border-bottom: none; | ||
49 | + display: flex; | ||
50 | + position: relative; | ||
51 | +} | ||
52 | +.discount_item_num_bxo{ | ||
53 | + display: flex; | ||
54 | + align-items: baseline; | ||
55 | +} | ||
56 | +.discount_item_num:before{ | ||
57 | + content: ''; | ||
58 | + display: block; | ||
59 | + width: 0.08rem; | ||
60 | + height: 0.16rem; | ||
61 | + position: absolute; | ||
62 | + background-color: #FFFFFF; | ||
63 | + left: -0.015rem; | ||
64 | + bottom: -0.1rem; | ||
65 | + border: 1px solid #E4E4E4; | ||
66 | + border-left: none; | ||
67 | + z-index: 22; | ||
68 | + border-radius: 0 0.16rem 0.16rem 0; | ||
69 | +} | ||
70 | +.discount_item_num:after{ | ||
71 | + content: ''; | ||
72 | + display: block; | ||
73 | + width: 0.08rem; | ||
74 | + height: 0.16rem; | ||
75 | + position: absolute; | ||
76 | + background-color: #FFFFFF; | ||
77 | + bottom: -0.1rem; | ||
78 | + right: 0.01rem; | ||
79 | + border: 1px solid #E4E4E4; | ||
80 | + border-right: none; | ||
81 | + z-index: 22; | ||
82 | + border-radius: 0.16rem 0 0 0.16rem ; | ||
83 | +} | ||
84 | +.discount_item_num p:nth-child(1){ | ||
85 | + font-size: 0.8rem; | ||
86 | + color: #C90103; | ||
87 | + line-height: 1.7rem; | ||
88 | + margin-left: 0.6rem; | ||
89 | +} | ||
90 | +.discount_item_num p:nth-child(2){ | ||
91 | + font-size: 0.26rem; | ||
92 | + color: #999999; | ||
93 | + margin-left: 0.13rem; | ||
94 | +} | ||
95 | +.discount_item_time{ | ||
96 | + display: flex; | ||
97 | + flex-direction: column; | ||
98 | + height: 100%; | ||
99 | + margin-left: 0.6rem; | ||
100 | +} | ||
101 | +.discount_item_time span:nth-child(1){ | ||
102 | + font-size: 0.3rem; | ||
103 | + color: #333333; | ||
104 | + margin-top: 0.54rem; | ||
105 | +} | ||
106 | +.discount_item_time span:nth-child(2){ | ||
107 | + font-size: 0.26rem; | ||
108 | + color: #999999; | ||
109 | + margin-top: 0.21rem; | ||
110 | +} | ||
111 | + | ||
112 | +.discount_item_btn,.discountuesd_item_btn{ | ||
113 | + width: 7rem; | ||
114 | + height: 0.83rem; | ||
115 | + border-top: 1px dotted #E4E4E4; | ||
116 | + font-size: 0.3rem; | ||
117 | + line-height: 0.83rem; | ||
118 | + text-align: center; | ||
119 | +} | ||
120 | +.discount_item_btn{ | ||
121 | + color: #C90103; | ||
122 | +} | ||
123 | +.discount_item_btn span{ | ||
124 | + margin-left: 0.22rem; | ||
125 | +} | ||
126 | + | ||
127 | + | ||
128 | +/*已使用*/ | ||
129 | +.discountuesd_item_btn{ | ||
130 | + color: #666666; | ||
131 | +} | ||
132 | +.discountuesd_item_btn span{ | ||
133 | + margin-left: 0.22rem; | ||
134 | +} |
css/PersonCenter/topus.css
0 → 100644
1 | +.container{ | ||
2 | + position: relative; | ||
3 | + font-family:PingFangSC-Regular;; | ||
4 | +} | ||
5 | +.header{ | ||
6 | + display: flex; | ||
7 | + justify-content: flex-end; | ||
8 | + margin-top: 0.3rem; | ||
9 | + margin-bottom: 0.4rem; | ||
10 | + margin-right: 0.41rem; | ||
11 | +} | ||
12 | +.header .icon-my_icon{ | ||
13 | + font-size: 0.3rem; | ||
14 | + color: #999999; | ||
15 | + margin-right: 0.11rem; | ||
16 | +} | ||
17 | +.header p{ | ||
18 | + font-size: 0.28rem; | ||
19 | + color: #666666; | ||
20 | +} | ||
21 | + | ||
22 | +.top_us_card{ | ||
23 | + width: 7rem; | ||
24 | + height: 3.36rem; | ||
25 | + background: url(../../img/矩形1@2x.png) center no-repeat; | ||
26 | + margin: 0 auto; | ||
27 | + border-radius: 0.15rem; | ||
28 | + padding: 0.4rem 0.4rem 0.46rem 0.43rem; | ||
29 | + color: #FFFFFF; | ||
30 | + display: flex; | ||
31 | + justify-content: space-between; | ||
32 | + position: relative; | ||
33 | + margin-bottom: 0.44rem; | ||
34 | +} | ||
35 | +.top_us_num{ | ||
36 | + font-size: 0.28rem; | ||
37 | + color: #FFFFFF; | ||
38 | + width: 1.5rem; | ||
39 | +} | ||
40 | +.top_us_num_wrap{ | ||
41 | + float: right; | ||
42 | + display: flex; | ||
43 | + width: 50%; | ||
44 | + flex-direction: column; | ||
45 | + align-items: flex-end; | ||
46 | +} | ||
47 | +.forever ,.give_num{ | ||
48 | + font-size: 0.28rem; | ||
49 | +} | ||
50 | +.give_num{ | ||
51 | + margin-top: 0.4rem; | ||
52 | +} | ||
53 | +.top_us_card .btn{ | ||
54 | + display: block; | ||
55 | + font-size: 0.3rem; | ||
56 | + color: #333333; | ||
57 | + width: 1.91rem ; | ||
58 | + height: 0.71rem; | ||
59 | + text-align: center; | ||
60 | + line-height: 0.71rem; | ||
61 | + background-color: #FFE400; | ||
62 | + border-radius: 0.08rem; | ||
63 | + margin-top: 0.86rem; | ||
64 | +} | ||
65 | +.money { | ||
66 | + display: flex; | ||
67 | + position: absolute; | ||
68 | + left: 0.48rem; | ||
69 | + top: 1.56rem; | ||
70 | +} | ||
71 | +.money .icon{ | ||
72 | + font-size: 0.48rem; | ||
73 | + left: 0.48rem; | ||
74 | + top: 1.9rem; | ||
75 | + margin-top: 0.3rem; | ||
76 | + margin-right: 0.08rem; | ||
77 | +} | ||
78 | +.money .money_num{ | ||
79 | + left: 0.85rem; | ||
80 | + top: 1.56rem; | ||
81 | + font-size: 0.86rem; | ||
82 | +} |
css/PersonCenter/wallet.css
0 → 100644
1 | +.container{ | ||
2 | + position: relative; | ||
3 | + font-family:PingFangSC-Regular;; | ||
4 | +} | ||
5 | + | ||
6 | +/*banner*/ | ||
7 | +.banner{ | ||
8 | + width: 100%; | ||
9 | + background: url(../../img/矩形1@2x.png) center no-repeat; | ||
10 | + background-size: 100% 100%; | ||
11 | + height: 3.7rem; | ||
12 | + color: #FFFFFF; | ||
13 | + padding: 0.4rem 0.44rem; | ||
14 | +} | ||
15 | +.balance{ | ||
16 | + font-size: 0.28rem; | ||
17 | + | ||
18 | +} | ||
19 | +.balance_num{ | ||
20 | + font-size: 0.86rem; | ||
21 | +} | ||
22 | +.balance_num_unit{ | ||
23 | + font-size: 0.26rem; | ||
24 | + line-height: 1.4rem; | ||
25 | + margin-left: 0.18rem; | ||
26 | +} | ||
27 | +.money{ | ||
28 | + display: flex; | ||
29 | + width: 2rem; | ||
30 | + margin: 0 auto; | ||
31 | + margin-top: 0.7rem; | ||
32 | +} | ||
33 | +/*我的钱包*/ | ||
34 | +.menu_list{ | ||
35 | + margin-top: 0.06rem; | ||
36 | +} | ||
37 | +.menu_item{ | ||
38 | + display: flex; | ||
39 | + height: 1.1rem; | ||
40 | + line-height: 1.1rem; | ||
41 | + border-bottom: 1px solid #E4E4E4; | ||
42 | + padding-left: 0.4rem; | ||
43 | +} | ||
44 | +.menu_item p{ | ||
45 | + font-size: 0.3rem; | ||
46 | + color: #333333; | ||
47 | + margin-left: 0.21rem; | ||
48 | + white-space: nowrap; | ||
49 | + position: relative; | ||
50 | +} | ||
51 | +.menu_item span{ | ||
52 | + font-size: 0.2rem; | ||
53 | + position: absolute; | ||
54 | + right: 0.57rem; | ||
55 | +} | ||
56 | +.menu_item .icon-balance{ | ||
57 | + font-size: 0.3rem; | ||
58 | + color: #7FCBFF; | ||
59 | +} | ||
60 | +.menu_item .icon-icon-test{ | ||
61 | + font-size: 0.3rem; | ||
62 | + color: #F6C687; | ||
63 | +} |
css/PersonCenter/walletdetails.css
0 → 100644
1 | +.container{ | ||
2 | + position: relative; | ||
3 | + font-family:PingFangSC-Regular;; | ||
4 | +} | ||
5 | + | ||
6 | +.details_item{ | ||
7 | + padding: 0.6rem 0.4rem; | ||
8 | + border-bottom: 1px solid #E4E4E4; | ||
9 | + | ||
10 | +} | ||
11 | +.buy_wrap{ | ||
12 | + display: flex; | ||
13 | + justify-content: space-between; | ||
14 | +} | ||
15 | +.buy_wrap:first-child{ | ||
16 | + margin-bottom: 0.2rem; | ||
17 | +} | ||
18 | +.buy{ | ||
19 | + font-size: 0.3rem; | ||
20 | + color: #333333; | ||
21 | +} | ||
22 | +.num{ | ||
23 | + font-size: 0.3rem; | ||
24 | + color: #ED4300; | ||
25 | +} | ||
26 | +.time{ | ||
27 | + font-size: 0.26rem; | ||
28 | + color: #999999; | ||
29 | +} | ||
30 | +.num_add{ | ||
31 | + font-size: 0.3rem; | ||
32 | + color: #00A9FF; | ||
33 | +} |
css/about.css
0 → 100644
1 | +.about_banner{ | ||
2 | + width: 100%; | ||
3 | + height: 4.48rem; | ||
4 | + margin-bottom: 0.7rem; | ||
5 | + overflow: hidden; | ||
6 | + font-family: font-family:PingFangSC-Regular;; | ||
7 | +} | ||
8 | +.about_banner img{ | ||
9 | + width: 100%; | ||
10 | + height: 100%; | ||
11 | +} | ||
12 | + | ||
13 | +/*文字*/ | ||
14 | +.about_text{ | ||
15 | + padding: 0 0.43rem 0.56rem; | ||
16 | + border-bottom: 1px solid #E4E4E4; | ||
17 | +} | ||
18 | +.about_text h1{ | ||
19 | + font-size: 0.32rem; | ||
20 | + color: #1A1A1A; | ||
21 | + text-align: center; | ||
22 | + margin-bottom: 0.37rem; | ||
23 | +} | ||
24 | +.about_text p{ | ||
25 | + font-size: 0.28rem; | ||
26 | + color: #666666; | ||
27 | + line-height: 0.48rem; | ||
28 | +} | ||
29 | + | ||
30 | +/*文本编辑区*/ | ||
31 | +.edit{ | ||
32 | + font-size: 0.28rem; | ||
33 | + color: #666666; | ||
34 | + text-align: center; | ||
35 | +} |
css/bootstrap.min.css
0 → 100644
此 diff 太大无法显示。
css/demo.css
0 → 100644
1 | +body{ | ||
2 | + /*background: #494A5F; | ||
3 | + color: #D5D6E2;*/ | ||
4 | + font-weight: 500; | ||
5 | + font-size: 0.2em; | ||
6 | + font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo; | ||
7 | +} | ||
8 | +a{color: #2fa0ec;text-decoration: none;outline: none;} | ||
9 | +a:hover,a:focus{color:#74777b;} | ||
10 | + | ||
11 | +.container{ | ||
12 | + margin: 0 auto; | ||
13 | + overflow: hidden; | ||
14 | +} |
css/demos.css
0 → 100644
1 | +body, html { | ||
2 | + height: 100%; | ||
3 | + -webkit-tap-highlight-color: transparent; | ||
4 | +} | ||
5 | +.demos-title { | ||
6 | + text-align: center; | ||
7 | + font-size: 34px; | ||
8 | + color: #3cc51f; | ||
9 | + font-weight: 400; | ||
10 | + margin: 0 15%; | ||
11 | +} | ||
12 | + | ||
13 | +.demos-sub-title { | ||
14 | + text-align: center; | ||
15 | + color: #888; | ||
16 | + font-size: 14px; | ||
17 | +} | ||
18 | + | ||
19 | +.demos-header { | ||
20 | + padding: 35px 0; | ||
21 | +} | ||
22 | + | ||
23 | +.demos-content-padded { | ||
24 | + padding: 15px; | ||
25 | +} | ||
26 | + | ||
27 | +.demos-second-title { | ||
28 | + text-align: center; | ||
29 | + font-size: 24px; | ||
30 | + color: #3cc51f; | ||
31 | + font-weight: 400; | ||
32 | + margin: 0 15%; | ||
33 | +} | ||
34 | + | ||
35 | +footer { | ||
36 | + text-align: center; | ||
37 | + font-size: 14px; | ||
38 | + padding: 20px; | ||
39 | +} | ||
40 | + | ||
41 | +footer a { | ||
42 | + color: #999; | ||
43 | + text-decoration: none; | ||
44 | +} |
css/example.css
0 → 100644
1 | +body,html{height:100%;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif}ul{list-style:none}.page,body{background-color:#f8f8f8}.link{color:#1aad19}.container{overflow:hidden}.container,.page{position:absolute;top:0;right:0;bottom:0;left:0}.page{overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;z-index:1}.page.js_show{opacity:1}.page__hd{padding:40px}.page__bd_spacing{padding:0 15px}.page__ft{padding-top:40px;padding-bottom:10px;text-align:center}.page__ft img{height:19px}.page__ft.j_bottom{position:absolute;bottom:0;left:0;right:0}.page__title{text-align:left;font-size:20px;font-weight:400}.page__desc{margin-top:5px;color:#888;text-align:left;font-size:14px}.page.home .page__intro-icon{margin-top:-.2em;margin-left:5px;width:16px;height:16px;vertical-align:middle}.page.home .page__title{font-size:0;margin-bottom:15px}.page.home .page__bd img{width:30px;height:30px}.page.home .page__bd li{margin:10px 0;background-color:#fff;overflow:hidden;border-radius:2px;cursor:pointer}.page.home .page__bd li.js_show .weui-flex{opacity:.4}.page.home .page__bd li.js_show .page__category{height:auto}.page.home .page__bd li.js_show .page__category-content{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.page.home .page__bd li:first-child{margin-top:0}.page.home .page__category{height:0;overflow:hidden}.page.home .page__category-content{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.3s;transition:.3s}.page.home .weui-flex{padding:20px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-transition:.3s;transition:.3s}.page.home .weui-cells{margin-top:0}.page.home .weui-cells:after,.page.home .weui-cells:before{display:none}.page.home .weui-cell{padding-left:20px;padding-right:20px}.page.home .weui-cell:before{left:20px;right:20px}.page.button .page__bd{padding:0 15px}.page.button .button-sp-area{margin:0 auto;padding:15px 0;width:60%}.page.cell .page__bd,.page.form .page__bd{padding-bottom:30px}.page.actionsheet,.page.dialog{background-color:#fff}.page.dialog .page__bd{padding:0 15px}.page.msg,.page.msg_success,.page.msg_warn,.page.toast{background-color:#fff}.page.panel .page__bd{padding-bottom:20px}.page.article{background-color:#fff}.page.icons{text-align:center}.page.icons .page__bd{padding:0 40px;text-align:left}.page.icons .icon-box{margin-bottom:25px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.page.icons .icon-box i{margin-right:18px}.page.icons .icon-box__ctn{-webkit-flex-shrink:100;flex-shrink:100}.page.icons .icon-box__title{font-weight:400}.page.icons .icon-box__desc{margin-top:6px;font-size:12px;color:#888}.page.icons .icon_sp_area{margin-top:10px;text-align:left}.page.icons .icon_sp_area i:before{margin-bottom:5px}.page.flex .placeholder{margin:5px;padding:0 10px;background-color:#ebebeb;height:2.3em;line-height:2.3em;text-align:center;color:#cfcfcf}.page.loadmore{background-color:#fff}.page.layers{overflow-x:hidden;-webkit-perspective:1000px;perspective:1000px}@media only screen and (max-width:320px){.page.layers .page__hd{padding-left:20px;padding-right:20px}}.page.layers .page__bd{position:relative}.page.layers .page__desc{min-height:4.8em}.page.layers .layers__layer{position:absolute;left:50%;width:150px;height:266px;margin-left:-75px;box-sizing:border-box;-webkit-transition:.5s;transition:.5s;background:url(images/layers/transparent.gif) no-repeat 50%;background-size:contain;font-size:14px;color:#fff}.page.layers .layers__layer span{position:absolute;bottom:5px;left:0;right:0;text-align:center;-webkit-transition:.5s;transition:.5s}.page.layers .layers__layer:last-child span{color:#aaa}.page.layers .layers__layer.j_hide{opacity:0}.page.layers .layers__layer.j_pic span{color:transparent}@media only screen and (min-width:375px) and (min-height:603px){.page.layers .layers__layer{width:180px;height:320px;margin-left:-90px}}@media only screen and (min-width:414px) and (min-height:640px){.page.layers .layers__layer{width:200px;height:355px;margin-left:-100px}}.page.layers .layers__layer_popout{border:1px solid hsla(0,0%,80%,.5);z-index:4}.page.layers .layers__layer_popout.j_transform{-webkit-transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(120px);transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(120px)}@media only screen and (max-width:320px){.page.layers .layers__layer_popout.j_transform{-webkit-transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(140px);transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(140px)}}.page.layers .layers__layer_popout.j_pic{border-color:transparent;background-image:url(images/layers/popout.png)}.page.layers .layers__layer_mask{background-color:rgba(0,0,0,.5);z-index:3}.page.layers .layers__layer_mask.j_transform{-webkit-transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(40px);transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(40px)}@media only screen and (max-width:320px){.page.layers .layers__layer_mask.j_transform{-webkit-transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(80px);transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(80px)}}.page.layers .layers__layer_navigation{background-color:rgba(40,187,102,.5);z-index:2}.page.layers .layers__layer_navigation.j_transform{-webkit-transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(-40px);transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(-40px)}@media only screen and (max-width:320px){.page.layers .layers__layer_navigation.j_transform{-webkit-transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(20px);transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(20px)}}.page.layers .layers__layer_navigation.j_pic{background-color:transparent;background-image:url(images/layers/navigation.png)}.page.layers .layers__layer_content{background-color:#fff;z-index:1}.page.layers .layers__layer_content.j_transform{-webkit-transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(-120px);transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(-120px)}@media only screen and (max-width:320px){.page.layers .layers__layer_content.j_transform{-webkit-transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(-40px);transform:translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(-40px)}}.page.layers .layers__layer_content.j_pic{background-image:url(images/layers/content.png)}.page.searchbar .searchbar-result{display:none;margin-top:0;font-size:14px}.page.searchbar .searchbar-result .weui-cell__bd{padding:2px 0 2px 20px;color:#666}.page.actionsheet,.page.picker{overflow:hidden}.page.picker{background-color:#fff}.page.gallery{overflow:hidden}@-webkit-keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}@keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}.page.slideIn{-webkit-animation:a .2s forwards;animation:a .2s forwards}.page.slideOut{-webkit-animation:b .2s forwards;animation:b .2s forwards}@supports (constant(safe-area-inset-top)){.page{padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left)}.page.navbar,.page.tabbar{padding-left:0;padding-right:0}.weui-tab__panel{padding-left:constant(safe-area-inset-left);padding-right:constant(safe-area-inset-right)}} |
css/hopeaddress.css
0 → 100644
1 | +/*第一问*/ | ||
2 | +.question_item{ | ||
3 | + margin-top: 0.7rem; | ||
4 | +} | ||
5 | +.question_item_wrap{ | ||
6 | + width: 5.5rem; | ||
7 | + margin: 0 auto; | ||
8 | +} | ||
9 | +.question_tit{ | ||
10 | + display: flex; | ||
11 | +} | ||
12 | +.question_num { | ||
13 | + display: block; | ||
14 | + width: 0.32rem ; | ||
15 | + height: 0.32rem; | ||
16 | + color: #FFFFFF; | ||
17 | + background-color: #FFCC00; | ||
18 | + font-size: 0.26rem; | ||
19 | + text-align: center; | ||
20 | + font-family: Impact; | ||
21 | + border-radius: 50%; | ||
22 | + line-height: 0.32rem; | ||
23 | +} | ||
24 | +.question_tit_text{ | ||
25 | + font-size: 0.32rem; | ||
26 | + line-height: 0.32rem; | ||
27 | + color: #FAB701; | ||
28 | + margin-left: 0.15rem; | ||
29 | +} | ||
30 | +.question_text{ | ||
31 | + font-size: 0.32rem; | ||
32 | + color: #1A1A1A; | ||
33 | + margin-top: 0.35rem; | ||
34 | + display: flex; | ||
35 | + justify-content: center; | ||
36 | +} | ||
37 | +.question_answer{ | ||
38 | + display: flex; | ||
39 | + font-size: 0.28rem; | ||
40 | + justify-content: space-around; | ||
41 | + margin-top: 0.5rem; | ||
42 | +} | ||
43 | +.question_answer span{ | ||
44 | + display: block; | ||
45 | + width: 1.46rem; | ||
46 | + height: 0.59rem; | ||
47 | + color: #333333; | ||
48 | + text-align: center; | ||
49 | + background-color: #F7F7F7; | ||
50 | + line-height: 0.59rem; | ||
51 | +} | ||
52 | +.question_answer .active{ | ||
53 | + background-color: #FFCC00; | ||
54 | +} | ||
55 | +.question_answer_choose{ | ||
56 | + display: flex; | ||
57 | + justify-content: center; | ||
58 | +} | ||
59 | +.question_answer_choose_num{ | ||
60 | + width: 2.71rem; | ||
61 | + height: 0.64rem; | ||
62 | + font-size: 0.3rem; | ||
63 | + line-height: 0.64rem; | ||
64 | + background-color: #F7F7F7; | ||
65 | + margin: 0.45rem auto 0; | ||
66 | + display: flex; | ||
67 | + padding: 0 0.25rem; | ||
68 | + display: inline-block; | ||
69 | + text-align: justify; | ||
70 | + flex-wrap: nowrap; | ||
71 | +} | ||
72 | +.question_answer_choose_num span{ | ||
73 | + display: inline-block; | ||
74 | + height: 100%; | ||
75 | + width: 100%; | ||
76 | +} | ||
77 | +.question_answer_arr{ | ||
78 | + display: flex; | ||
79 | + flex-wrap: wrap; | ||
80 | + margin-top: 0.5rem; | ||
81 | +} | ||
82 | +.question_answer_item { | ||
83 | + font-size: 0.3rem; | ||
84 | + background-color: #F7F7F7; | ||
85 | + display: flex; | ||
86 | + display: inline-block; | ||
87 | + text-align: justify; | ||
88 | + flex-wrap: nowrap; | ||
89 | + height: 0.64rem; | ||
90 | + line-height: 0.64rem; | ||
91 | + padding: 0 0.16rem 0 0.25rem; | ||
92 | + margin-right: 0.14rem; | ||
93 | + color: #999999; | ||
94 | + margin-bottom: 0.2rem; | ||
95 | + flex-wrap: nowrap; | ||
96 | +} | ||
97 | +.question_answer_item{ | ||
98 | + width: 1.25rem; | ||
99 | +} | ||
100 | +.question_answer_item_details{ | ||
101 | + border: none; | ||
102 | + font-size: 0.3rem; | ||
103 | + background-color: #F7F7F7; | ||
104 | + flex-wrap: nowrap; | ||
105 | + height: 0.64rem; | ||
106 | + line-height: 0.64rem; | ||
107 | + padding: 0 0.16rem 0 0.25rem; | ||
108 | + margin-right: 0.14rem; | ||
109 | + color: #999999; | ||
110 | + margin-bottom: 0.2rem; | ||
111 | + flex-wrap: nowrap; | ||
112 | + outline: none; | ||
113 | +} | ||
114 | +/*街道*/ | ||
115 | +.question_answer_street{ | ||
116 | + font-size: 0.3rem; | ||
117 | + background-color: #F7F7F7; | ||
118 | + display: flex; | ||
119 | + text-align: justify; | ||
120 | + justify-content: space-between; | ||
121 | + flex-wrap: nowrap; | ||
122 | + height: 0.64rem; | ||
123 | + line-height: 0.64rem; | ||
124 | + padding: 0 0.16rem 0 0.25rem; | ||
125 | + margin-right: 0.14rem; | ||
126 | + color: #999999; | ||
127 | + margin-bottom: 0.2rem; | ||
128 | + width: 1.25rem; | ||
129 | + white-space: nowrap; | ||
130 | +} | ||
131 | +.question_answer_item_details{ | ||
132 | + width: 3.04rem; | ||
133 | + margin: 0; | ||
134 | +} | ||
135 | +.question_answer_item:nth-child(3n){ | ||
136 | + margin-right: 0; | ||
137 | +} | ||
138 | +.question_answer_item span{ | ||
139 | + display: inline-block; | ||
140 | + width: 100%; | ||
141 | +} | ||
142 | +/*第四问*/ | ||
143 | +.question_item_home{ | ||
144 | + display: flex; | ||
145 | + line-height: 0.64rem; | ||
146 | +} | ||
147 | +.question_item_home_text{ | ||
148 | + font-size: 0.29rem; | ||
149 | + color: #1A1A1A; | ||
150 | + margin-right: 0.2rem; | ||
151 | + white-space: nowrap; | ||
152 | +} | ||
153 | +.favorite_food{ | ||
154 | + display: flex; | ||
155 | +} | ||
156 | +.favorite_food span{ | ||
157 | + font-size: 0.3rem; | ||
158 | + color: #1A1A1A; | ||
159 | + line-height: 0.64rem; | ||
160 | +} | ||
161 | +.favorite_food input{ | ||
162 | + height: 0.64rem; | ||
163 | + width: 2.6rem; | ||
164 | + background-color: #F7F7F7; | ||
165 | + border: none; | ||
166 | + outline: none; | ||
167 | + color: #515151; | ||
168 | + padding-left: 0.1rem; | ||
169 | +} | ||
170 | +.btn{ | ||
171 | + font-size: 0.34rem; | ||
172 | + color: #333333; | ||
173 | + width: 2.23rem; | ||
174 | + height: 0.72rem; | ||
175 | + background-color: #FFCC00; | ||
176 | + text-align: center; | ||
177 | + line-height: 0.72rem; | ||
178 | + border-radius: 0.36rem; | ||
179 | + margin: 0.71rem auto 0; | ||
180 | + font-family: Regular; | ||
181 | +} |
css/index.css
0 → 100644
1 | +.container { | ||
2 | + padding-bottom: 1rem; | ||
3 | + font-family: PingFangSC-Regular; | ||
4 | + position: relative; | ||
5 | +} | ||
6 | + | ||
7 | +.hidden { | ||
8 | + display: none; | ||
9 | +} | ||
10 | + | ||
11 | +.show { | ||
12 | + display: block; | ||
13 | +} | ||
14 | + | ||
15 | + | ||
16 | +/*遮罩*/ | ||
17 | + | ||
18 | +.wrap { | ||
19 | + width: 7.5rem; | ||
20 | + height: 100%; | ||
21 | + background-color: rgba(0,0,0,0.5); | ||
22 | + position: fixed; | ||
23 | + z-index: 2; | ||
24 | + top:36px; | ||
25 | +} | ||
26 | +/*到店堂食弹层*/ | ||
27 | +.eat_popup{ | ||
28 | + width: 7.5rem; | ||
29 | + background-color: #FFFFFF; | ||
30 | + min-height: 1rem; | ||
31 | + position: absolute; | ||
32 | + left: 0; | ||
33 | + top: 0; | ||
34 | + z-index: 4; | ||
35 | + overflow: hidden; | ||
36 | +} | ||
37 | +.address_list{ | ||
38 | + padding: 0 0.4rem 1rem; | ||
39 | + | ||
40 | +} | ||
41 | +.address_item{ | ||
42 | + border-bottom: 1px solid #E4E4E4; | ||
43 | + padding: 0.37rem 0 0.33rem; | ||
44 | + display: flex; | ||
45 | + justify-content: space-between; | ||
46 | +} | ||
47 | +.distance{ | ||
48 | + font-size: 0.3rem; | ||
49 | + color: #333333; | ||
50 | + margin-bottom: 0.32rem; | ||
51 | + line-height: 0.3rem; | ||
52 | +} | ||
53 | +.distance span{ | ||
54 | + font-size: 0.28rem; | ||
55 | + color: #FCB801; | ||
56 | + margin-left: 0.3rem; | ||
57 | +} | ||
58 | +.business{ | ||
59 | + font-size: 0.28rem; | ||
60 | + color: #666666; | ||
61 | + margin-bottom: 0.21rem; | ||
62 | + line-height: 0.28rem; | ||
63 | +} | ||
64 | +.address_item_left .iconfont{ | ||
65 | + margin-right: 0.14rem; | ||
66 | +} | ||
67 | +.business:last-child{ | ||
68 | + margin-bottom: 0; | ||
69 | +} | ||
70 | +.address_item_right{ | ||
71 | + width: 0.54rem; | ||
72 | + height: 1.33rem; | ||
73 | + color: #999999; | ||
74 | + background-color: #EEEEEE; | ||
75 | + display: flex; | ||
76 | + align-items: center; | ||
77 | + justify-content: center; | ||
78 | + font-size: 0.4rem; | ||
79 | +} | ||
80 | +/*弹层*/ | ||
81 | + | ||
82 | +.popup { | ||
83 | + width: 7.5rem; | ||
84 | + background-color: #FFFFFF; | ||
85 | + height: 6.72rem; | ||
86 | + position: absolute; | ||
87 | + left: 0; | ||
88 | + top: 0; | ||
89 | + z-index: 4; | ||
90 | + overflow: hidden; | ||
91 | +} | ||
92 | + | ||
93 | +.popup_title { | ||
94 | + display: flex; | ||
95 | + justify-content: space-between; | ||
96 | + line-height: 0.92rem; | ||
97 | + padding: 0 0.41rem 0 0.37rem; | ||
98 | + height: 0.92rem; | ||
99 | +} | ||
100 | + | ||
101 | +.popup_title span { | ||
102 | + font-size: 0.28rem; | ||
103 | + color: #FEAD00; | ||
104 | +} | ||
105 | + | ||
106 | +.popup_title p { | ||
107 | + font-size: 0.24rem; | ||
108 | + color: #67C33E; | ||
109 | +} | ||
110 | + | ||
111 | +.popup_tab { | ||
112 | + height: 5.8rem; | ||
113 | + display: flex; | ||
114 | + border-top: 1px solid #E4E4E4; | ||
115 | +} | ||
116 | + | ||
117 | +.popup_nav { | ||
118 | + width: 2rem; | ||
119 | + background-color: #F7F7F7; | ||
120 | + height: 100%; | ||
121 | + border-right: 1px solid #E4E4E4; | ||
122 | + overflow-y: auto; | ||
123 | + position: relative; | ||
124 | + overflow-x: hidden; | ||
125 | +} | ||
126 | + | ||
127 | +.popup_nav ul li { | ||
128 | + font-size: 0.28rem; | ||
129 | + line-height: 0.48rem; | ||
130 | + width: 2rem; | ||
131 | + text-align: center; | ||
132 | + padding: 0.16rem 0; | ||
133 | + border-bottom: 1px solid #E4E4E4; | ||
134 | +} | ||
135 | + | ||
136 | +.popup_active { | ||
137 | + border-right: 3px solid #FFFFFF; | ||
138 | + background-color: #FFFFFF; | ||
139 | + color: #FEAD00; | ||
140 | + position: relative; | ||
141 | + width: 2.03rem; | ||
142 | +} | ||
143 | + | ||
144 | +.popup_active:before { | ||
145 | + content: ''; | ||
146 | + display: block; | ||
147 | + position: absolute; | ||
148 | + width: 0.08rem; | ||
149 | + height: 0.8rem; | ||
150 | + background-color: #FFCC00; | ||
151 | + left: 0; | ||
152 | + top: 0; | ||
153 | +} | ||
154 | + | ||
155 | + | ||
156 | +/*.popup_active:after{ | ||
157 | + content: ''; | ||
158 | + display: block; | ||
159 | + position: absolute; | ||
160 | + width: 0.08rem; | ||
161 | + height: 0.8rem; | ||
162 | + background-color: #FFFFFF; | ||
163 | + right: 0; | ||
164 | + z-index: 33; | ||
165 | + top: 0; | ||
166 | +}*/ | ||
167 | + | ||
168 | + | ||
169 | +/*弹层右侧*/ | ||
170 | + | ||
171 | +.popup_address { | ||
172 | + padding-top: 0.2rem; | ||
173 | + /*display: flex; | ||
174 | + flex-direction: column; | ||
175 | + align-items: center;*/ | ||
176 | +} | ||
177 | + | ||
178 | +.popup_address_item { | ||
179 | + display: flex; | ||
180 | + flex-direction: column; | ||
181 | + padding: 0.26rem 0.25rem 0.3rem 0.35rem; | ||
182 | + border: 1px solid #E4E4E4; | ||
183 | + width: 4.72rem; | ||
184 | + height: 1.4rem; | ||
185 | + margin-top: 0.24rem; | ||
186 | + margin-left: 0.38rem; | ||
187 | +} | ||
188 | + | ||
189 | +.popup_address_wrap a { | ||
190 | + color: #FEAD00; | ||
191 | +} | ||
192 | + | ||
193 | +.popup_address_item span { | ||
194 | + font-size: 0.3rem; | ||
195 | +} | ||
196 | + | ||
197 | +.popup_address_wrap { | ||
198 | + display: flex; | ||
199 | + justify-content: space-between; | ||
200 | +} | ||
201 | + | ||
202 | +.popup_address_wrap .icon-hdxq_icon { | ||
203 | + font-size: 0.24rem; | ||
204 | + margin-right: 0.1rem; | ||
205 | +} | ||
206 | + | ||
207 | +.popup_address_wrap p:nth-child(1) { | ||
208 | + font-size: 0.26rem; | ||
209 | +} | ||
210 | + | ||
211 | +.popup_address_wrap p:nth-child(2) { | ||
212 | + font-size: 0.24rem; | ||
213 | + display: block; | ||
214 | + border: 1px solid #FEAD00; | ||
215 | + color: #FEAD00; | ||
216 | + width: 1.49rem; | ||
217 | + height: 0.37rem; | ||
218 | + border-radius: 19rem; | ||
219 | + text-align: center; | ||
220 | + line-height: 0.37rem; | ||
221 | +} | ||
222 | + | ||
223 | + | ||
224 | +/*头部*/ | ||
225 | + | ||
226 | +.header { | ||
227 | + display: flex; | ||
228 | + align-items: center; | ||
229 | + flex-direction: column; | ||
230 | + justify-content: center; | ||
231 | + border-bottom: 1px solid #E4E4E4; | ||
232 | + padding: 0.55rem 0; | ||
233 | + padding-bottom: 0.8rem; | ||
234 | + | ||
235 | + | ||
236 | +} | ||
237 | +.head_tab{ | ||
238 | + width: 3.62rem; | ||
239 | + height: 0.64rem; | ||
240 | + border-radius: 0.32rem; | ||
241 | + background-color: #FFFFFF; | ||
242 | + line-height: 0.64rem; | ||
243 | + border: 1px solid #E4E4E4; | ||
244 | + line-height: 0.32rem; | ||
245 | + display: flex; | ||
246 | + align-items: center; | ||
247 | + justify-content: center; | ||
248 | + position: relative; | ||
249 | + | ||
250 | +} | ||
251 | +.head_tab .active{ | ||
252 | + background-color: #FFCC00; | ||
253 | + border-radius: 0.32rem; | ||
254 | + height: 0.64rem; | ||
255 | + line-height: 0.64rem; | ||
256 | + width: 1.8rem; | ||
257 | + z-index: 1; | ||
258 | + position: absolute; | ||
259 | + left: 0; | ||
260 | + bottom: 0; | ||
261 | + transition: 0.5s; | ||
262 | +} | ||
263 | +.head_tab span{ | ||
264 | + font-size: 0.3rem; | ||
265 | + width: 1.9rem; | ||
266 | + display: inline-block; | ||
267 | + text-align: center; | ||
268 | + z-index: 2; | ||
269 | +} | ||
270 | +.head_tab span:last-child{ | ||
271 | + margin-right: 0rem; | ||
272 | +} | ||
273 | +.head_add{ | ||
274 | + display: flex; | ||
275 | + font-size: 0.26rem; | ||
276 | + margin-top: 0.27rem; | ||
277 | +} | ||
278 | +.head_add .icon-hdxq_icon{ | ||
279 | + margin-right: 0.13rem; | ||
280 | +} | ||
281 | +/*导航列表*/ | ||
282 | + | ||
283 | +.nav_list { | ||
284 | + display: flex; | ||
285 | + font-size: 0.28rem; | ||
286 | + line-height: 0.3rem; | ||
287 | + justify-content: center; | ||
288 | + margin-top: 0.38rem; | ||
289 | +} | ||
290 | + | ||
291 | +.nav_list .active { | ||
292 | + display: inline-block; | ||
293 | + border-bottom: 3px solid #FFCC00; | ||
294 | + color: #FFCC00; | ||
295 | +} | ||
296 | + | ||
297 | +.nav_list li { | ||
298 | + margin-right: 0.6rem; | ||
299 | + padding-bottom: 0.16rem; | ||
300 | +} | ||
301 | + | ||
302 | +.nav_list li:last-child { | ||
303 | + margin-right: 0; | ||
304 | +} | ||
305 | + | ||
306 | + | ||
307 | +/*swiper*/ | ||
308 | + | ||
309 | +.banner { | ||
310 | + margin-top: 0.03rem; | ||
311 | +} | ||
312 | + | ||
313 | +.banner img { | ||
314 | + width: 100%; | ||
315 | + height: 3.48rem; | ||
316 | +} | ||
317 | + | ||
318 | +.swiper-pagination { | ||
319 | + bottom: 0; | ||
320 | + height: 1rem; | ||
321 | +} | ||
322 | + | ||
323 | +.swiper-pagination-bullet-active { | ||
324 | + background: #FFCC00; | ||
325 | +} | ||
326 | + | ||
327 | + | ||
328 | +/*主体列表*/ | ||
329 | + | ||
330 | +.content_list { | ||
331 | + padding: 0 0.32rem 0 0.36rem; | ||
332 | +} | ||
333 | + | ||
334 | +.content_item { | ||
335 | + display: flex; | ||
336 | + padding: 0.49rem 0; | ||
337 | + border-bottom: 1px solid #E4E4E4; | ||
338 | + position: relative; | ||
339 | +} | ||
340 | + | ||
341 | +.content_item:last-child { | ||
342 | + border-bottom: none; | ||
343 | +} | ||
344 | + | ||
345 | +.content_item img { | ||
346 | + width: 1.71rem; | ||
347 | + height: 1.51rem; | ||
348 | +} | ||
349 | + | ||
350 | + | ||
351 | +/*列表右侧文字*/ | ||
352 | + | ||
353 | +.content_item_text { | ||
354 | + display: flex; | ||
355 | + flex-direction: column; | ||
356 | + margin-left: 0.52rem; | ||
357 | + width: 3.5rem; | ||
358 | +} | ||
359 | + | ||
360 | +.content_item_text_h { | ||
361 | + font-size: 0.32rem; | ||
362 | + color: #333333; | ||
363 | + overflow: hidden; | ||
364 | +} | ||
365 | + | ||
366 | +.content_item_text_subh { | ||
367 | + font-size: 0.26rem; | ||
368 | + color: #666666; | ||
369 | + margin-top: 0.16rem; | ||
370 | + overflow: hidden; | ||
371 | + text-overflow: ellipsis; | ||
372 | + white-space: nowrap; | ||
373 | +} | ||
374 | + | ||
375 | +.content_item_num { | ||
376 | + display: flex; | ||
377 | + margin-top: 0.28rem; | ||
378 | + align-items: baseline; | ||
379 | +} | ||
380 | + | ||
381 | +.content_item_num_money { | ||
382 | + color: #C90103; | ||
383 | + font-size: 0.36rem; | ||
384 | + margin-right: 0.34rem; | ||
385 | +} | ||
386 | + | ||
387 | +.content_item_num_num { | ||
388 | + color: #666666; | ||
389 | + font-size: 0.24rem; | ||
390 | + white-space: nowrap; | ||
391 | +} | ||
392 | + | ||
393 | +.content_item_shop_car_icon { | ||
394 | + display: block; | ||
395 | + position: absolute; | ||
396 | + right: 0.32rem; | ||
397 | + bottom: 0.48rem; | ||
398 | + color: #FFFFFF; | ||
399 | + background-color: #FFCC00; | ||
400 | + width: 0.64rem; | ||
401 | + height: 0.64rem; | ||
402 | + display: flex; | ||
403 | + justify-content: center; | ||
404 | + align-items: center; | ||
405 | + border-radius: 50%; | ||
406 | + font-size: 0.35rem; | ||
407 | +} | ||
408 | +.choose_num{ | ||
409 | + right: 0.2rem; | ||
410 | + display: flex; | ||
411 | + display: none; | ||
412 | + position: absolute; | ||
413 | +} | ||
414 | +.choose_num .iconfont{ | ||
415 | + font-size: 0.4rem; | ||
416 | +} | ||
417 | + | ||
418 | +/*footer*/ | ||
419 | + | ||
420 | +.footer { | ||
421 | + position: fixed; | ||
422 | + bottom: 0; | ||
423 | + left: 0; | ||
424 | + width: 7.5rem; | ||
425 | + left: 50%; | ||
426 | + margin-left: -3.75rem; | ||
427 | + border-top: 1px solid #CCCCCC; | ||
428 | + background-color: #FFFFFF; | ||
429 | + font-size: 0.22rem; | ||
430 | + height: 1rem; | ||
431 | + display: flex; | ||
432 | + justify-content: space-around; | ||
433 | +} | ||
434 | + | ||
435 | +.footer_item { | ||
436 | + display: flex; | ||
437 | + flex-direction: column; | ||
438 | + justify-content: center; | ||
439 | + align-items: center; | ||
440 | + text-align: center; | ||
441 | +} | ||
442 | + | ||
443 | +.footer_item span { | ||
444 | + color: #999999; | ||
445 | +} | ||
446 | + | ||
447 | +.footer_item img { | ||
448 | + width: 0.7rem; | ||
449 | + height: 0.7rem; | ||
450 | +} | ||
451 | + | ||
452 | +.footer_active span { | ||
453 | + color: #FEAD00; | ||
454 | +} | ||
455 | + | ||
456 | + | ||
457 | +/*取货地址详情*/ | ||
458 | + | ||
459 | +.add_wrap { | ||
460 | + padding: 0.56rem 0.4rem 0; | ||
461 | +} | ||
462 | +.address_pic_list{ | ||
463 | + display: flex; | ||
464 | + flex-wrap: wrap; | ||
465 | + | ||
466 | +} | ||
467 | +.add_wrap span { | ||
468 | + font-size: 0.3rem; | ||
469 | + color: #333333; | ||
470 | +} | ||
471 | +.add_wrap_text{ | ||
472 | + border-bottom: 1px solid #E4E4E4; | ||
473 | + padding-bottom: 0.5rem; | ||
474 | +} | ||
475 | + | ||
476 | + | ||
477 | +.add_wrap img { | ||
478 | + margin-bottom: 0.3rem; | ||
479 | + width: 2rem; | ||
480 | + height: 1.5rem; | ||
481 | + margin-right: 0.22rem; | ||
482 | +} | ||
483 | +.add_wrap img:nth-child(3n){ | ||
484 | + margin-right: 0; | ||
485 | +} | ||
486 | + | ||
487 | +/*产品详情*/ | ||
488 | + | ||
489 | +.product_banner { | ||
490 | + position: relative; | ||
491 | + width: 100%rem; | ||
492 | + height: 6.72rem; | ||
493 | +} | ||
494 | + | ||
495 | +.product_banner img { | ||
496 | + width: 100%; | ||
497 | + height: 100%; | ||
498 | +} | ||
499 | + | ||
500 | +.product_banner .icon-index { | ||
501 | + position: absolute; | ||
502 | + right: 0.2rem; | ||
503 | + top: 0.2rem; | ||
504 | + color: #FFFFFF; | ||
505 | + display: block; | ||
506 | + width: 0.8rem; | ||
507 | + height: 0.8rem; | ||
508 | + background: rgba(0, 0, 0, 0.5); | ||
509 | + text-align: center; | ||
510 | + line-height: 0.8rem; | ||
511 | + border-radius: 50%; | ||
512 | + font-size: 0.4rem; | ||
513 | +} | ||
514 | +.footer_wrap .icon-icon--1{ | ||
515 | + font-size: 0.5rem; | ||
516 | +} | ||
517 | + | ||
518 | + | ||
519 | +/*产品介绍*/ | ||
520 | + | ||
521 | +.product { | ||
522 | + background-color: #F7F7F7; | ||
523 | +} | ||
524 | + | ||
525 | +.product_introduce { | ||
526 | + background-color: #FFFFFF; | ||
527 | + display: flex; | ||
528 | + flex-direction: column; | ||
529 | + padding: 0.56rem 0.32rem 0.56rem 0.4rem; | ||
530 | + width: 100%; | ||
531 | + position: relative; | ||
532 | + margin-bottom: 0.16rem; | ||
533 | +} | ||
534 | + | ||
535 | +.product_introduce_text { | ||
536 | + display: flex; | ||
537 | + width: 5.3rem; | ||
538 | + flex-direction: column; | ||
539 | +} | ||
540 | + | ||
541 | +.product_introduce_name { | ||
542 | + font-size: 0.36rem; | ||
543 | + color: #333333; | ||
544 | + width: 5.3rem; | ||
545 | + overflow: hidden; | ||
546 | + text-overflow: ellipsis; | ||
547 | + white-space: nowrap; | ||
548 | +} | ||
549 | + | ||
550 | +.product_introduce_subname { | ||
551 | + font-size: 0.26rem; | ||
552 | + color: #666666; | ||
553 | + line-height: 0.5rem; | ||
554 | + width: 5.3rem; | ||
555 | + overflow: hidden; | ||
556 | + text-overflow: ellipsis; | ||
557 | + white-space: nowrap; | ||
558 | +} | ||
559 | + | ||
560 | +.product_introduce_num { | ||
561 | + display: flex; | ||
562 | + align-items: baseline; | ||
563 | +} | ||
564 | + | ||
565 | +.product_introduce_num span { | ||
566 | + height: 0.4rem; | ||
567 | +} | ||
568 | + | ||
569 | +.product_introduce_num span:nth-child(1) { | ||
570 | + font-size: 0.3rem; | ||
571 | + color: #C90103; | ||
572 | +} | ||
573 | + | ||
574 | +.product_introduce_num span:nth-child(2) { | ||
575 | + font-size: 0.4rem; | ||
576 | + color: #C90103; | ||
577 | + margin-left: 0.05rem; | ||
578 | +} | ||
579 | + | ||
580 | +.product_introduce_num span:nth-child(3) { | ||
581 | + font-size: 0.26rem; | ||
582 | + color: #999999; | ||
583 | + margin-left: 0.2rem; | ||
584 | +} | ||
585 | + | ||
586 | + | ||
587 | +/*icon*/ | ||
588 | + | ||
589 | +.product_introduce_icon { | ||
590 | + position: absolute; | ||
591 | + width: 1.6rem; | ||
592 | + right: 0; | ||
593 | + top: 0.57rem; | ||
594 | + height: 1.5rem; | ||
595 | + border-left: 1px solid #E4E4E4; | ||
596 | + display: flex; | ||
597 | + justify-content: center; | ||
598 | + align-items: center; | ||
599 | + flex-direction: column; | ||
600 | +} | ||
601 | + | ||
602 | +.product_introduce_icon .icon-31daipingjia { | ||
603 | + font-size: 0.5rem; | ||
604 | + color: #999999; | ||
605 | +} | ||
606 | + | ||
607 | +.product_introduce_icon span { | ||
608 | + font-size: 0.22rem; | ||
609 | + color: #333333; | ||
610 | +} | ||
611 | + | ||
612 | + | ||
613 | +/*商品详情*/ | ||
614 | + | ||
615 | +.product_details { | ||
616 | + background-color: #FFFFFF; | ||
617 | + padding: 0.38rem 0.59rem 0.59rem 0.59rem; | ||
618 | +} | ||
619 | + | ||
620 | +.product_details_h { | ||
621 | + font-size: 0.26rem; | ||
622 | + color: #111111; | ||
623 | + text-align: center; | ||
624 | + margin-bottom: 0.37rem; | ||
625 | +} | ||
626 | + | ||
627 | +.product_details_pic { | ||
628 | + margin-bottom: 0.43rem; | ||
629 | +} | ||
630 | + | ||
631 | +.product_details_pic img { | ||
632 | + width: 6.28rem; | ||
633 | + height: 4.5rem; | ||
634 | + margin-right: 0.26rem; | ||
635 | + margin-top: 0.26rem; | ||
636 | +} | ||
637 | + | ||
638 | +.product_details_pic img:last-child { | ||
639 | + margin-right: 0; | ||
640 | +} | ||
641 | + | ||
642 | +.product_details p { | ||
643 | + font-size: 0.24rem; | ||
644 | + color: #666666; | ||
645 | + font-weight: Light; | ||
646 | + line-height: 0.4rem; | ||
647 | +} | ||
648 | + | ||
649 | + | ||
650 | +/*footer*/ | ||
651 | + | ||
652 | +.footer_wrap { | ||
653 | + display: flex; | ||
654 | + position: fixed; | ||
655 | + left: 0; | ||
656 | + bottom: 0; | ||
657 | + z-index: 2; | ||
658 | + left: 50%; | ||
659 | + width: 7.5rem; | ||
660 | + margin-left: -3.75rem; | ||
661 | +} | ||
662 | + | ||
663 | +.shop_car_icon { | ||
664 | + width: 1.54rem; | ||
665 | + height: 1rem; | ||
666 | + text-align: center; | ||
667 | + color: #666666; | ||
668 | + background-color: #FFFFFF; | ||
669 | + display: flex; | ||
670 | + justify-content: center; | ||
671 | + align-items: center; | ||
672 | + position: relative; | ||
673 | +} | ||
674 | + | ||
675 | +.shop_car_icon p { | ||
676 | + position: absolute; | ||
677 | + display: block; | ||
678 | + font-size: 0.24rem; | ||
679 | + color: #FFFFFF; | ||
680 | + background-color: #C90103; | ||
681 | + width: 0.28rem; | ||
682 | + height: 0.28rem; | ||
683 | + border-radius: 50%; | ||
684 | + left: 0.89rem; | ||
685 | + top: 0.15rem; | ||
686 | +} | ||
687 | + | ||
688 | +.choose_num_control{ | ||
689 | + display: flex; | ||
690 | + align-items: center; | ||
691 | +} | ||
692 | + | ||
693 | +.num_reduce ,.num_add{ | ||
694 | + | ||
695 | + border-radius: 50%; | ||
696 | + display: flex; | ||
697 | + align-items: center; | ||
698 | + justify-content: center; | ||
699 | + font-size: 0.3rem; | ||
700 | + text-align: center; | ||
701 | + line-height: 0.42rem; | ||
702 | + | ||
703 | +} | ||
704 | +.num_reduce { | ||
705 | + border: 1px solid #CCCCCC; | ||
706 | + color: #CCCCCC; | ||
707 | + width: 0.4rem; | ||
708 | + height: 0.4rem; | ||
709 | +} | ||
710 | +.num_add{ | ||
711 | + background-color: #FFCC00; | ||
712 | + color: #FFFFFF; | ||
713 | + width: 0.42rem; | ||
714 | + height: 0.42rem; | ||
715 | +} | ||
716 | + | ||
717 | +.product_introduce_footer { | ||
718 | + width: 5.97rem; | ||
719 | + height: 1rem; | ||
720 | + text-align: center; | ||
721 | + line-height: 1rem; | ||
722 | + font-size: 0.31rem; | ||
723 | + color: #333333; | ||
724 | + background-color: #FFCC00; | ||
725 | +} |
css/init.css
0 → 100644
1 | +h1, | ||
2 | +h2, | ||
3 | +h3, | ||
4 | +h4, | ||
5 | +h5, | ||
6 | +h6, | ||
7 | +hr, | ||
8 | +p, | ||
9 | +blockquote, | ||
10 | +dl, | ||
11 | +dt, | ||
12 | +dd, | ||
13 | +ul, | ||
14 | +ol, | ||
15 | +li, | ||
16 | +pre, | ||
17 | +form, | ||
18 | +fieldset, | ||
19 | +legend, | ||
20 | +button, | ||
21 | +input, | ||
22 | +textarea, | ||
23 | +th, | ||
24 | +td { | ||
25 | + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
26 | + -webkit-tap-highlight-color: transparent; | ||
27 | + margin: 0; | ||
28 | + padding: 0; | ||
29 | + font-family: PingFang-SC-Medium; | ||
30 | + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
31 | + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
32 | + -webkit-tap-highlight-color: transparent; | ||
33 | + -webkit-appearance: none; | ||
34 | +} | ||
35 | + | ||
36 | +a { | ||
37 | + text-decoration: none; | ||
38 | + outline: none; | ||
39 | + color: white; | ||
40 | + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
41 | +} | ||
42 | + | ||
43 | +html, | ||
44 | +body { | ||
45 | + position: relative; | ||
46 | + width: 100%; | ||
47 | + height: 100%; | ||
48 | + padding: 0; | ||
49 | + margin: 0; | ||
50 | + background-color: RGBA(245, 246, 250, 1); | ||
51 | +} | ||
52 | + | ||
53 | +img { | ||
54 | + display: block; | ||
55 | + width: 100%; | ||
56 | + height: 100%; | ||
57 | +} | ||
58 | + | ||
59 | +div { | ||
60 | + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
61 | + -webkit-tap-highlight-color: transparent; | ||
62 | + box-sizing: border-box; | ||
63 | +} | ||
64 | + | ||
65 | +li { | ||
66 | + list-style: none; | ||
67 | +} | ||
68 | + | ||
69 | +li img { | ||
70 | + display: block; | ||
71 | + width: 100%; | ||
72 | + height: 100%; | ||
73 | +} | ||
74 | + | ||
75 | +input[type="button"], | ||
76 | +input[type="submit"], | ||
77 | +input[type="reset"] { | ||
78 | + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
79 | + -webkit-tap-highlight-color: transparent; | ||
80 | + -webkit-appearance: none; | ||
81 | + outline: none !important; | ||
82 | +} | ||
83 | + | ||
84 | +textarea { | ||
85 | + -webkit-appearance: none; | ||
86 | + outline: none !important; | ||
87 | +} | ||
88 | + | ||
89 | + | ||
90 | + | ||
91 | + | ||
92 | +.nomore{ | ||
93 | + width: 3rem; | ||
94 | + height: 3rem; | ||
95 | + margin: 0 auto; | ||
96 | + margin-top: 3rem; | ||
97 | +} | ||
98 | +.nomore_font{ | ||
99 | + | ||
100 | +font-size:0.26rem; | ||
101 | +font-family:PingFang-SC-Medium; | ||
102 | +color:RGBA(102, 102, 102, 1); | ||
103 | +line-height:0.7rem; | ||
104 | +text-align: center; | ||
105 | +} | ||
106 | + | ||
107 | +span{ | ||
108 | + margin: 0rem; | ||
109 | + padding: 0rem; | ||
110 | +} | ||
111 | + | ||
112 | +.container{ | ||
113 | + width: 7.5rem; | ||
114 | + height: 100%; | ||
115 | + margin: 0 auto; | ||
116 | + box-sizing: border-box; | ||
117 | + overflow-y: scroll; | ||
118 | + background-color: #FFFFFF; | ||
119 | +} | ||
120 | + | ||
121 | +.foot_cartnum{ | ||
122 | + position: absolute; | ||
123 | + width: 0.36rem; | ||
124 | + height: 0.36rem; | ||
125 | + background-color: #FF4800; | ||
126 | + right: 3.3rem; | ||
127 | + top: 0rem; | ||
128 | + border-radius: 50%; | ||
129 | + color: #FFFFFF; | ||
130 | + font-size: 0.2rem; | ||
131 | + text-align: center; | ||
132 | + line-height: 0.36rem; | ||
133 | +} | ||
134 | +[v-cloak]{ | ||
135 | + display: none; | ||
136 | +} |
-
请 注册 或 登录 后发表评论