李涵 / shipin · 提交

转到一个项目

作者 lihan
提交 73e5c4b7d40d0c6613da31ff6b53d86905e0cbdf 1 个父辈 33e7ec8d

.

内嵌 并排对比
正在显示 29 个修改的文件 包含 0 行增加 和 2747 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 29 of 29+ 个文件。

1 -<?xml version="1.0" encoding="UTF-8"?>  
2 -<project version="4">  
3 - <component name="Encoding" useUTFGuessing="true" native2AsciiForPropertiesFiles="false" />  
4 -</project>  
1 -<?xml version="1.0" encoding="UTF-8"?>  
2 -<project version="4">  
3 - <component name="ProjectModuleManager">  
4 - <modules>  
5 - <module fileurl="file://$PROJECT_DIR$/.idea/shipin.iml" filepath="$PROJECT_DIR$/.idea/shipin.iml" />  
6 - </modules>  
7 - </component>  
8 -</project>  
1 -<component name="DependencyValidationManager">  
2 - <state>  
3 - <option name="SKIP_IMPORT_STATEMENTS" value="false" />  
4 - </state>  
5 -</component>  
1 -<?xml version="1.0" encoding="UTF-8"?>  
2 -<module type="WEB_MODULE" version="4">  
3 - <component name="NewModuleRootManager">  
4 - <content url="file://$MODULE_DIR$" />  
5 - <orderEntry type="inheritedJdk" />  
6 - <orderEntry type="sourceFolder" forTests="false" />  
7 - </component>  
8 -</module>  
1 -<?xml version="1.0" encoding="UTF-8"?>  
2 -<project version="4">  
3 - <component name="VcsDirectoryMappings">  
4 - <mapping directory="$PROJECT_DIR$" vcs="Git" />  
5 - </component>  
6 -</project>  
1 -<?xml version="1.0" encoding="UTF-8"?>  
2 -<project version="4">  
3 - <component name="ChangeListManager">  
4 - <list default="true" id="30ee7af1-1e0e-4f3f-9091-73894054a9ef" name="Default" comment="" />  
5 - <ignored path="shipin.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="shipin" />  
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.65156794" vertical-offset="12519" max-vertical-offset="13380">  
31 - <caret line="436" column="9" selection-start-line="436" selection-start-column="9" selection-end-line="436" selection-end-column="9" />  
32 - <folding>  
33 - <element signature="n#style#0;n#span#1;n#p#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />  
34 - </folding>  
35 - </state>  
36 - </provider>  
37 - </entry>  
38 - </file>  
39 - <file leaf-file-name="base.js" pinned="false" current-in-tab="false">  
40 - <entry file="file://$PROJECT_DIR$/js/base.js">  
41 - <provider selected="true" editor-type-id="text-editor">  
42 - <state vertical-scroll-proportion="0.0" vertical-offset="734" max-vertical-offset="1647">  
43 - <caret line="37" column="33" selection-start-line="37" selection-start-column="33" selection-end-line="37" selection-end-column="33" />  
44 - <folding />  
45 - </state>  
46 - </provider>  
47 - </entry>  
48 - </file>  
49 - </leaf>  
50 - </component>  
51 - <component name="Git.Settings">  
52 - <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />  
53 - </component>  
54 - <component name="IdeDocumentHistory">  
55 - <option name="CHANGED_PATHS">  
56 - <list>  
57 - <option value="$PROJECT_DIR$/index.html" />  
58 - </list>  
59 - </option>  
60 - </component>  
61 - <component name="JsGulpfileManager">  
62 - <detection-done>true</detection-done>  
63 - </component>  
64 - <component name="ProjectFrameBounds">  
65 - <option name="x" value="-7" />  
66 - <option name="y" value="2" />  
67 - <option name="width" value="1932" />  
68 - <option name="height" value="1051" />  
69 - </component>  
70 - <component name="ProjectLevelVcsManager" settingsEditedManually="false">  
71 - <OptionsSetting value="true" id="Add" />  
72 - <OptionsSetting value="true" id="Remove" />  
73 - <OptionsSetting value="true" id="Checkout" />  
74 - <OptionsSetting value="true" id="Update" />  
75 - <OptionsSetting value="true" id="Status" />  
76 - <OptionsSetting value="true" id="Edit" />  
77 - <ConfirmationsSetting value="0" id="Add" />  
78 - <ConfirmationsSetting value="0" id="Remove" />  
79 - </component>  
80 - <component name="ProjectView">  
81 - <navigator currentView="ProjectPane" proportions="" version="1">  
82 - <flattenPackages />  
83 - <showMembers />  
84 - <showModules />  
85 - <showLibraryContents />  
86 - <hideEmptyPackages />  
87 - <abbreviatePackageNames />  
88 - <autoscrollToSource />  
89 - <autoscrollFromSource />  
90 - <sortByType />  
91 - </navigator>  
92 - <panes>  
93 - <pane id="ProjectPane">  
94 - <subPane>  
95 - <PATH>  
96 - <PATH_ELEMENT>  
97 - <option name="myItemId" value="shipin" />  
98 - <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />  
99 - </PATH_ELEMENT>  
100 - </PATH>  
101 - <PATH>  
102 - <PATH_ELEMENT>  
103 - <option name="myItemId" value="shipin" />  
104 - <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />  
105 - </PATH_ELEMENT>  
106 - <PATH_ELEMENT>  
107 - <option name="myItemId" value="shipin" />  
108 - <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />  
109 - </PATH_ELEMENT>  
110 - </PATH>  
111 - <PATH>  
112 - <PATH_ELEMENT>  
113 - <option name="myItemId" value="shipin" />  
114 - <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />  
115 - </PATH_ELEMENT>  
116 - <PATH_ELEMENT>  
117 - <option name="myItemId" value="shipin" />  
118 - <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />  
119 - </PATH_ELEMENT>  
120 - <PATH_ELEMENT>  
121 - <option name="myItemId" value="js" />  
122 - <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />  
123 - </PATH_ELEMENT>  
124 - </PATH>  
125 - </subPane>  
126 - </pane>  
127 - <pane id="Scope" />  
128 - </panes>  
129 - </component>  
130 - <component name="PropertiesComponent">  
131 - <property name="WebServerToolWindowFactoryState" value="false" />  
132 - <property name="last_opened_file_path" value="$USER_HOME$/Desktop/shipin-master-e284e1cec488a100a473b1be44ecf261850f7590" />  
133 - <property name="HbShouldOpenHtmlAsHb" value="" />  
134 - </component>  
135 - <component name="RunManager">  
136 - <configuration default="true" type="DartUnitRunConfigurationType" factoryName="DartUnit">  
137 - <method />  
138 - </configuration>  
139 - <configuration default="true" type="DartCommandLineRunConfigurationType" factoryName="Dart Command Line Application">  
140 - <method />  
141 - </configuration>  
142 - <configuration default="true" type="JSTestDriver:ConfigurationType" factoryName="JsTestDriver">  
143 - <setting name="configLocationType" value="CONFIG_FILE" />  
144 - <setting name="settingsFile" value="" />  
145 - <setting name="serverType" value="INTERNAL" />  
146 - <setting name="preferredDebugBrowser" value="Chrome" />  
147 - <method />  
148 - </configuration>  
149 - <configuration default="true" type="JavaScriptTestRunnerKarma" factoryName="Karma" config-file="">  
150 - <envs />  
151 - <method />  
152 - </configuration>  
153 - <configuration default="true" type="JavascriptDebugType" factoryName="JavaScript Debug">  
154 - <method />  
155 - </configuration>  
156 - <configuration default="true" type="NodeJSConfigurationType" factoryName="Node.js" working-dir="">  
157 - <method />  
158 - </configuration>  
159 - <configuration default="true" type="cucumber.js" factoryName="Cucumber.js">  
160 - <option name="cucumberJsArguments" value="" />  
161 - <option name="executablePath" />  
162 - <option name="filePath" />  
163 - <method />  
164 - </configuration>  
165 - <configuration default="true" type="js.build_tools.gulp" factoryName="Gulp.js">  
166 - <method />  
167 - </configuration>  
168 - <list size="0" />  
169 - </component>  
170 - <component name="ShelveChangesManager" show_recycled="false" />  
171 - <component name="TaskManager">  
172 - <task active="true" id="Default" summary="Default task">  
173 - <changelist id="30ee7af1-1e0e-4f3f-9091-73894054a9ef" name="Default" comment="" />  
174 - <created>1534216221578</created>  
175 - <option name="number" value="Default" />  
176 - <updated>1534216221578</updated>  
177 - </task>  
178 - <servers />  
179 - </component>  
180 - <component name="ToolWindowManager">  
181 - <frame x="-7" y="2" width="1932" height="1051" extended-state="1" />  
182 - <editor active="false" />  
183 - <layout>  
184 - <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" />  
185 - <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" />  
186 - <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" />  
187 - <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" />  
188 - <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" />  
189 - <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.13830897" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />  
190 - <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" />  
191 - <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" />  
192 - <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" />  
193 - <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" />  
194 - <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" />  
195 - <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" />  
196 - <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" />  
197 - <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" />  
198 - <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" />  
199 - <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" />  
200 - <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" />  
201 - <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" />  
202 - </layout>  
203 - </component>  
204 - <component name="Vcs.Log.UiProperties">  
205 - <option name="RECENTLY_FILTERED_USER_GROUPS">  
206 - <collection />  
207 - </option>  
208 - <option name="RECENTLY_FILTERED_BRANCH_GROUPS">  
209 - <collection />  
210 - </option>  
211 - </component>  
212 - <component name="VcsContentAnnotationSettings">  
213 - <option name="myLimit" value="2678400000" />  
214 - </component>  
215 - <component name="VcsManagerConfiguration">  
216 - <option name="myTodoPanelSettings">  
217 - <TodoPanelSettings />  
218 - </option>  
219 - </component>  
220 - <component name="XDebuggerManager">  
221 - <breakpoint-manager />  
222 - <watches-manager />  
223 - </component>  
224 - <component name="editorHistoryManager">  
225 - <entry file="file://$PROJECT_DIR$/js/base.js">  
226 - <provider selected="true" editor-type-id="text-editor">  
227 - <state vertical-scroll-proportion="0.0" vertical-offset="734" max-vertical-offset="1647">  
228 - <caret line="37" column="33" selection-start-line="37" selection-start-column="33" selection-end-line="37" selection-end-column="33" />  
229 - <folding />  
230 - </state>  
231 - </provider>  
232 - </entry>  
233 - <entry file="file://$PROJECT_DIR$/index.html">  
234 - <provider selected="true" editor-type-id="text-editor">  
235 - <state vertical-scroll-proportion="0.65156794" vertical-offset="12519" max-vertical-offset="13380">  
236 - <caret line="436" column="9" selection-start-line="436" selection-start-column="9" selection-end-line="436" selection-end-column="9" />  
237 - <folding>  
238 - <element signature="n#style#0;n#span#1;n#p#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />  
239 - </folding>  
240 - </state>  
241 - </provider>  
242 - </entry>  
243 - </component>  
244 -</project>  
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>  
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/PersonCenter/PersonCenter.css" />  
11 - <script src="../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="../img/bpic03@2x.png" />-->  
38 - <img :src="personinfo.head_img" />  
39 - <p class="person_name">{{personinfo.nickname}}</p>  
40 - <!--<p class="person_name">微信名称</p>-->  
41 - <span class="person_info_btn">全部订单</span>  
42 - </div>  
43 - </div>  
44 - <!--待支付-制作中--->  
45 - <div class="white">  
46 - <div class="white_item pend_pay" v-for="item in persontype" @click="jump(item)">  
47 - <i class="iconfont icon-wallet_icon"></i>  
48 - <p>{{item.status}}</p>  
49 - <span v-if="item.count>0" class="white_item_num">{{item.count}}</span>  
50 - </div>  
51 - <!--<div class="white_item pend_pay">  
52 - <i class="iconfont icon-wallet_icon"></i>  
53 - <p>待支付</p>  
54 - <span class="white_item_num">12</span>  
55 - </div>  
56 - <div class="white_item pend_make">  
57 - <i class="iconfont icon-hdxq_icon1"></i>  
58 - <p>制作中</p>  
59 - <span class="white_item_num">0</span>  
60 - </div>  
61 - <div class="white_item pend_take">  
62 - <i class="iconfont icon-yizhifu"></i>  
63 - <p>待取货</p>  
64 - <span class="white_item_num">0</span>  
65 - </div>  
66 - <div class="white_item pend_evaluate">  
67 - <i class="iconfont icon-31daipingjia"></i>  
68 - <p>待评价</p>  
69 - <span class="white_item_num">0</span>  
70 - </div>  
71 - <div class="white_item pend_finish">  
72 - <i class="iconfont icon-yiwancheng1"></i>  
73 - <p>已完成</p>  
74 - <span class="white_item_num">0</span>  
75 - </div>-->  
76 - </div>  
77 - <!--我的钱包-->  
78 - <div class="menu_list">  
79 - <div class="menu_item my_wallet">  
80 - <i class="iconfont icon-qianbao"></i>  
81 - <p>我的钱包</p>  
82 - <span>&gt;</span>  
83 - </div>  
84 - <div class="menu_item discount_page">  
85 - <i class="iconfont icon-youhuiquan"></i>  
86 - <p>我的优惠券</p>  
87 - <span>&gt;</span>  
88 - </div>  
89 - <div class="menu_item">  
90 - <i class="iconfont icon-liwu"></i>  
91 - <p>分享有礼</p>  
92 - <span>&gt;</span>  
93 - </div>  
94 - <div class="menu_item service">  
95 - <i class="iconfont icon-VectorSmartObject" style="color:#CDBEEC"></i>  
96 - <p>联系客服</p>  
97 - <span>&gt;</span>  
98 - </div>  
99 - <div class="menu_item aboutus" @click="aboutus()">  
100 - <i class="iconfont icon-erji" style="color:#CDBEEC"></i>  
101 - <p>关于我们</p>  
102 - <span>&gt;</span>  
103 - </div>  
104 - </div>  
105 - <!--footer-->  
106 - <div class="footer" v-cloak>  
107 - <div class="footer_item">  
108 - <a href="../index.html"><img src="../img/menu_icon1_select@2x_81.png" /><span>首页</span></a>  
109 - </div>  
110 - <div class="footer_item">  
111 - <a href="../shopcar.html"><img src="../img/9拷贝@2x.png" />  
112 - <span>购物车</span>  
113 - </a>  
114 - <span class="foot_cartnum" v-if="cartnum>0">{{cartnum}}</span>  
115 - </div>  
116 - <div class="footer_item footer_active">  
117 - <a href=""><img src="../img/menu_icon3_select@2x_57.png" /><span>我的</span></a>  
118 - </div>  
119 - </div>  
120 - </div>  
121 - <script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>  
122 - <script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>  
123 - <script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>  
124 - <script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>  
125 - <script src="../js/personcenter.js" type="text/javascript" charset="utf-8"></script>  
126 - <script type="text/javascript">  
127 - var service = document.getElementsByClassName('service')[0];  
128 - var wrap = document.getElementsByClassName('wrap')[0];  
129 - var popup = document.getElementsByClassName('popup')[0];  
130 - var popup_footer = document.getElementsByClassName('popup_footer')[0];  
131 - popup_footer.onclick = function(ev) {  
132 - var oEvent = ev || event  
133 - oEvent.concelable = true;  
134 - oEvent.stopPropagation();  
135 - }  
136 - service.onclick = function() {  
137 - wrap.style.display = 'block';  
138 - }  
139 - wrap.onclick = function() {  
140 - wrap.style.display = 'none';  
141 - }  
142 - var person_info_btn = document.getElementsByClassName('person_info_btn')[0];  
143 - person_info_btn.onclick = function() {  
144 - window.location.href = '../myorder/myorder.html'  
145 - }  
146 - var my_wallet = document.getElementsByClassName('my_wallet')[0];  
147 - my_wallet.onclick = function() {  
148 - window.location.href = 'wallet.html';  
149 - }  
150 - var discount_page = document.getElementsByClassName('discount_page')[0];  
151 - discount_page.onclick = function() {  
152 - window.location.href = 'discount.html';  
153 - }  
154 -  
155 - //待支付，制作中等跳转页面  
156 - var pend_make = document.getElementsByClassName('pend_make')[0];  
157 - var pend_pay = document.getElementsByClassName('pend_pay')[0];  
158 - var pend_take = document.getElementsByClassName('pend_take')[0];  
159 - var pend_evaluate = document.getElementsByClassName('pend_evaluate')[0];  
160 - var pend_finish = document.getElementsByClassName('pend_finish')[0];  
161 - pend_pay.onclick = function() {  
162 - window.location.href = '../myorder/myorder.html';  
163 - }  
164 - pend_make.onclick = function() {  
165 - window.location.href = '../myorder/myorder.html';  
166 - }  
167 - pend_take.onclick = function() {  
168 - window.location.href = '../myorder/myorder.html';  
169 - }  
170 - pend_evaluate.onclick = function() {  
171 - window.location.href = '../myorder/myorder.html';  
172 - }  
173 - pend_finish.onclick = function() {  
174 - window.location.href = '../myorder/myorder.html';  
175 - }  
176 - //待支付，制作中 数量  
177 - var white_item_num = document.getElementsByClassName('white_item_num');  
178 - for(i = 0; i < white_item_num.length; i++) {  
179 - if(parseInt(white_item_num[i].innerHTML) < 1) {  
180 - white_item_num[i].style.display = 'none';  
181 - }  
182 - }  
183 - </script>  
184 - </body>  
185 -  
186 -</html>  
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/PersonCenter/discount.css" />  
11 - <script src="../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 - <!--优惠券-->  
38 - <!--<div class="discount tab">  
39 - <div class="discount_item">  
40 - <div class="discount_item_num">  
41 - <div class="discount_item_num_bxo">  
42 - <p>50</p>  
43 - <p>元</p>  
44 - </div>  
45 - <div class="discount_item_time">  
46 - <span>全场购物满300元，立减50元</span>  
47 - <span>有效期截止：2018年5月9日</span>  
48 - </div>  
49 - </div>  
50 - <div class="discount_item_btn">  
51 - 立即使用<span>&gt;</span>  
52 - </div>  
53 - </div>  
54 -  
55 - <div class="discount_item">  
56 - <div class="discount_item_num">  
57 - <div class="discount_item_num_bxo">  
58 - <p>50</p>  
59 - <p>元</p>  
60 - </div>  
61 - <div class="discount_item_time">  
62 - <span>全场购物满300元，立减50元</span>  
63 - <span>有效期截止：2018年5月9日</span>  
64 - </div>  
65 - </div>  
66 - <div class="discount_item_btn">  
67 - 立即使用<span>&gt;</span>  
68 - </div>  
69 - </div>  
70 - </div>-->  
71 - <div class="discount tab" v-cloak>  
72 - <div class="discount_item" v-for="item in discount" :id="item.id">  
73 - <div class="discount_item_num">  
74 - <div class="discount_item_num_bxo">  
75 - <p>{{item.reduce}}</p>  
76 - <p>元</p>  
77 - </div>  
78 - <div class="discount_item_time">  
79 - <span>{{item.discount_coupon_name}}</span>  
80 - <span>有效期截止：{{item.deadline}}</span>  
81 - </div>  
82 - </div>  
83 - <div class="discount_item_btn">  
84 - 立即使用<span>&gt;</span>  
85 - </div>  
86 - </div>  
87 -  
88 - <!--<div class="discount_item">  
89 - <div class="discount_item_num">  
90 - <div class="discount_item_num_bxo">  
91 - <p>50</p>  
92 - <p>元</p>  
93 - </div>  
94 - <div class="discount_item_time">  
95 - <span>全场购物满300元，立减50元</span>  
96 - <span>有效期截止：2018年5月9日</span>  
97 - </div>  
98 - </div>  
99 - <div class="discount_item_btn">  
100 - 立即使用<span>&gt;</span>  
101 - </div>  
102 - </div>-->  
103 - </div>  
104 - <!--已使用-->  
105 - <!--<div class="discountuesd tab">  
106 - <div class="discount_item">  
107 - <div class="discount_item_num">  
108 - <div class="discount_item_num_bxo">  
109 - <p>50</p>  
110 - <p>元</p>  
111 - </div>  
112 - <div class="discount_item_time">  
113 - <span>全场购物满300元，立减50元</span>  
114 - <span>有效期截止：2018年5月9日</span>  
115 - </div>  
116 - </div>  
117 - <div class="discountuesd_item_btn">  
118 - 已使用<span>&gt;</span>  
119 - </div>  
120 - </div>  
121 -  
122 - <div class="discount_item">  
123 - <div class="discount_item_num">  
124 - <div class="discount_item_num_bxo">  
125 - <p>50</p>  
126 - <p>元</p>  
127 - </div>  
128 - <div class="discount_item_time">  
129 - <span>全场购物满300元，立减50元</span>  
130 - <span>有效期截止：2018年5月9日</span>  
131 - </div>  
132 - </div>  
133 - <div class="discountuesd_item_btn">  
134 - 已使用<span>&gt;</span>  
135 - </div>  
136 - </div>  
137 - </div>  
138 - -->  
139 - <!--已过期-->  
140 - <!--<div class="discountuesd tab">  
141 - <div class="discount_item">  
142 - <div class="discount_item_num">  
143 - <div class="discount_item_num_bxo">  
144 - <p>50</p>  
145 - <p>元</p>  
146 - </div>  
147 - <div class="discount_item_time">  
148 - <span>全场购物满300元，立减50元</span>  
149 - <span>有效期截止：2018年5月9日</span>  
150 - </div>  
151 - </div>  
152 - <div class="discountuesd_item_btn">  
153 - 已过期<span>&gt;</span>  
154 - </div>  
155 - </div>  
156 -  
157 - <div class="discount_item">  
158 - <div class="discount_item_num">  
159 - <div class="discount_item_num_bxo">  
160 - <p>50</p>  
161 - <p>元</p>  
162 - </div>  
163 - <div class="discount_item_time">  
164 - <span>全场购物满300元，立减50元</span>  
165 - <span>有效期截止：2018年5月9日</span>  
166 - </div>  
167 - </div>  
168 - <div class="discountuesd_item_btn">  
169 - 已过期<span>&gt;</span>  
170 - </div>  
171 - </div>  
172 - </div>-->  
173 - <!--没有优惠券提醒-->  
174 - <div class="nodata" v-if="discount.length==0">  
175 - 暂无优惠券  
176 - </div>  
177 - </div>  
178 - </div>  
179 - <script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>  
180 - <script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>  
181 - <script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>  
182 - <script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>  
183 - <script src="../js/discount.js" type="text/javascript" charset="utf-8"></script>  
184 - <script type="text/javascript">  
185 -// window.onload = function() {  
186 -// var aLi = document.getElementsByClassName('nav')[0].getElementsByTagName('li');  
187 -// var tab = document.getElementsByClassName('tab');  
188 -// for(i = 0; i < aLi.length; i++) {  
189 -// aLi[i].index = i;  
190 -// tab[i].style.display = 'none';  
191 -// tab[0].style.display = 'block';  
192 -// aLi[i].onclick = function(){  
193 -// for (j=0; j<aLi.length; j++) {  
194 -// tab[j].style.display = 'none';  
195 -// aLi[j].className = '';  
196 -// }  
197 -// this.classList.add('active');  
198 -// tab[this.index].style.display="block";  
199 -// }  
200 -// }  
201 -//  
202 -// }  
203 - </script>  
204 - </body>  
205 -  
206 -</html>  
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="../css/swiper-3.4.2.min.css" />  
7 - <link rel="stylesheet" type="text/css" href="../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="../css/PersonCenter/topus.css" />  
10 - <script src="../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">  
105 - <p class="top_us_num">充值面额</p>  
106 - <div class="top_us_num_wrap">  
107 - <p class="forever">有效期：永久</p>  
108 - <p class="give_num">赠送50元</p>  
109 - <span class="btn">立即充值</span>  
110 - </div>  
111 - <div class="money">  
112 - <p class="icon">¥</p><p class="money_num">100</p>  
113 - </div>  
114 - </div>-->  
115 - <div class="top_us_card" v-for="item in cardindex" :id="item.id">  
116 - <p class="top_us_num">充值面额</p>  
117 - <div class="top_us_num_wrap">  
118 - <p class="forever">有效期：永久</p>  
119 - <p class="give_num">赠送{{item.bonus}}元</p>  
120 - <span class="btn" @click="recharge(item)">立即充值</span>  
121 - </div>  
122 - <div class="money">  
123 - <p class="icon">¥</p><p class="money_num">{{item.denomination}}</p>  
124 - </div>  
125 - </div>  
126 - </div>  
127 - <script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>  
128 - <script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>  
129 - <script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>  
130 - <script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>  
131 - <script src="../js/topus.js" type="text/javascript" charset="utf-8"></script>  
132 - <script>  
133 - $(".certain").click(function(){  
134 - $('.wrapper').css("display","none")  
135 - });  
136 - $(".wrapper").click(function(){  
137 - $(this).css("display","none")  
138 - });  
139 - //充值卡充值弹出弹出框  
140 - $(".header").click(function(){  
141 -// alert(111)  
142 - $(".wrapper").css("display","block")  
143 - });  
144 -  
145 -  
146 - </script>  
147 -  
148 - </body>  
149 -</html>  
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="../css/swiper-3.4.2.min.css" />  
7 - <link rel="stylesheet" type="text/css" href="../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="../css/PersonCenter/wallet.css" />  
10 - <script src="../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>&gt;</span>  
26 - </div>  
27 - <div class="menu_item walletdetails">  
28 - <i class="iconfont icon-icon-test"></i>  
29 - <p>钱包明细</p>  
30 - <span>&gt;</span>  
31 - </div>  
32 - </div>  
33 - </div>  
34 - <script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>  
35 - <script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>  
36 - <script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>  
37 - <script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>  
38 - <script src="../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 = 'topus.html';  
44 - }  
45 - walletdetails.onclick = function(){  
46 - window.location.href = 'walletdetails.html';  
47 - }  
48 - </script>  
49 - </body>  
50 -</html>  
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/PersonCenter/walletdetails.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="walletdetail">  
17 - <div class="details">  
18 - <!--<div class="details_item">  
19 - <div class="buy_wrap">  
20 - <p class="buy">购买胡辣汤</p>  
21 - <p class="num">- ¥1000</p>  
22 - </div>  
23 - <div class="buy_wrap">  
24 - <p class="time">2018-3-27&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;18:09</p>  
25 - <p class="time">支出</p>  
26 - </div>  
27 - </div>  
28 - <div class="details_item">  
29 - <div class="buy_wrap">  
30 - <p class="buy">充值</p>  
31 - <p class="num_add">+ ¥1000</p>  
32 - </div>  
33 - <div class="buy_wrap">  
34 - <p class="time">2018-3-27&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;18:09</p>  
35 - <p class="time">收入</p>  
36 - </div>  
37 - </div>-->  
38 - <div class="details_item" v-for="item in detail">  
39 - <div class="buy_wrap">  
40 - <p class="buy">{{item.log_type}}</p>  
41 - <p class="num" v-if="item.log_type=='购买商品'">-¥{{item.amount}}</p>  
42 - <p class="num_add" v-if="item.log_type=='充值'">+¥{{item.amount}}</p>  
43 - </div>  
44 - <div class="buy_wrap">  
45 - <p class="time">{{item.create_time}}</p>  
46 - <p class="time">{{item.log_type}}</p>  
47 - </div>  
48 - </div>  
49 - </div>  
50 - </div>  
51 - <script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>  
52 - <script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>  
53 - <script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>  
54 - <script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>  
55 - <script src="../js/walletdetail.js" type="text/javascript" charset="utf-8"></script>  
56 - </body>  
57 -  
58 -</html>  
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="spotdetail">  
17 -  
18 - <div class="add_wrap">  
19 - <div class="add_wrap_text">  
20 - <p style="font-size: 0.3rem;margin-bottom: 0.3rem;">详细地址</p>  
21 - <p style="font-size: 0.28rem; color: #666666;margin-top: 0.21rem;">{{spotdetail.spot_detail_address}}</p>  
22 - </div>  
23 - <span>场景图片</span>  
24 - <div class="address_pic_list" v-html="spotdetail.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 -  
34 -  
35 - </div>  
36 -  
37 - </div>  
38 - </div>  
39 -  
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/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>  
44 - <script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>  
45 - <script src="js/takedetails.js" type="text/javascript" charset="utf-8"></script>  
46 - </body>  
47 -  
48 -</html>  
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>  
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>  
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 -}  
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 -}  
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 -}  
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 -}  
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 -}  
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 -}  
此 diff 太大无法显示。
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 -}  
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 -}  
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)}}  
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 -}  
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 -  
234 -}  
235 -.head_tab{  
236 - width: 3.62rem;  
237 - height: 0.64rem;  
238 - border-radius: 0.32rem;  
239 - background-color: #FFFFFF;  
240 - line-height: 0.64rem;  
241 - border: 1px solid #E4E4E4;  
242 - line-height: 0.32rem;  
243 - display: flex;  
244 - align-items: center;  
245 - justify-content: center;  
246 - position: relative;  
247 -  
248 -}  
249 -.head_tab .active{  
250 - background-color: #FFCC00;  
251 - border-radius: 0.32rem;  
252 - height: 0.64rem;  
253 - line-height: 0.64rem;  
254 - width: 1.8rem;  
255 - z-index: 1;  
256 - position: absolute;  
257 - left: 0;  
258 - bottom: 0;  
259 - transition: 0.5s;  
260 -}  
261 -.head_tab span{  
262 - font-size: 0.3rem;  
263 - width: 1.9rem;  
264 - display: inline-block;  
265 - text-align: center;  
266 - z-index: 2;  
267 -}  
268 -.head_tab span:last-child{  
269 - margin-right: 0rem;  
270 -}  
271 -.head_add{  
272 - display: flex;  
273 - font-size: 0.26rem;  
274 - margin-top: 0.27rem;  
275 -}  
276 -.head_add .icon-hdxq_icon{  
277 - margin-right: 0.13rem;  
278 -}  
279 -/*导航列表*/  
280 -  
281 -.nav_list {  
282 - display: flex;  
283 - font-size: 0.28rem;  
284 - line-height: 0.3rem;  
285 - justify-content: center;  
286 - margin-top: 0.38rem;  
287 -}  
288 -  
289 -.nav_list .active {  
290 - display: inline-block;  
291 - border-bottom: 3px solid #FFCC00;  
292 - color: #FFCC00;  
293 -}  
294 -  
295 -.nav_list li {  
296 - margin-right: 0.6rem;  
297 - padding-bottom: 0.16rem;  
298 -}  
299 -  
300 -.nav_list li:last-child {  
301 - margin-right: 0;  
302 -}  
303 -  
304 -  
305 -/*swiper*/  
306 -  
307 -.banner {  
308 - margin-top: 0.03rem;  
309 -}  
310 -  
311 -.banner img {  
312 - width: 100%;  
313 - height: 3.48rem;  
314 -}  
315 -  
316 -.swiper-pagination {  
317 - bottom: 0;  
318 - height: 1rem;  
319 -}  
320 -  
321 -.swiper-pagination-bullet-active {  
322 - background: #FFCC00;  
323 -}  
324 -  
325 -  
326 -/*主体列表*/  
327 -  
328 -.content_list {  
329 - padding: 0 0.32rem 0 0.36rem;  
330 -}  
331 -  
332 -.content_item {  
333 - display: flex;  
334 - padding: 0.49rem 0;  
335 - border-bottom: 1px solid #E4E4E4;  
336 - position: relative;  
337 -}  
338 -  
339 -.content_item:last-child {  
340 - border-bottom: none;  
341 -}  
342 -  
343 -.content_item img {  
344 - width: 1.71rem;  
345 - height: 1.51rem;  
346 -}  
347 -  
348 -  
349 -/*列表右侧文字*/  
350 -  
351 -.content_item_text {  
352 - display: flex;  
353 - flex-direction: column;  
354 - margin-left: 0.52rem;  
355 - width: 3.5rem;  
356 -}  
357 -  
358 -.content_item_text_h {  
359 - font-size: 0.32rem;  
360 - color: #333333;  
361 - overflow: hidden;  
362 -}  
363 -  
364 -.content_item_text_subh {  
365 - font-size: 0.26rem;  
366 - color: #666666;  
367 - margin-top: 0.16rem;  
368 - overflow: hidden;  
369 - text-overflow: ellipsis;  
370 - white-space: nowrap;  
371 -}  
372 -  
373 -.content_item_num {  
374 - display: flex;  
375 - margin-top: 0.28rem;  
376 - align-items: baseline;  
377 -}  
378 -  
379 -.content_item_num_money {  
380 - color: #C90103;  
381 - font-size: 0.36rem;  
382 - margin-right: 0.34rem;  
383 -}  
384 -  
385 -.content_item_num_num {  
386 - color: #666666;  
387 - font-size: 0.24rem;  
388 - white-space: nowrap;  
389 -}  
390 -  
391 -.content_item_shop_car_icon {  
392 - display: block;  
393 - position: absolute;  
394 - right: 0.32rem;  
395 - bottom: 0.48rem;  
396 - color: #FFFFFF;  
397 - background-color: #FFCC00;  
398 - width: 0.64rem;  
399 - height: 0.64rem;  
400 - display: flex;  
401 - justify-content: center;  
402 - align-items: center;  
403 - border-radius: 50%;  
404 - font-size: 0.35rem;  
405 -}  
406 -.choose_num{  
407 - right: 0.2rem;  
408 - display: flex;  
409 - display: none;  
410 - position: absolute;  
411 -}  
412 -.choose_num .iconfont{  
413 - font-size: 0.4rem;  
414 -}  
415 -  
416 -/*footer*/  
417 -  
418 -.footer {  
419 - position: fixed;  
420 - bottom: 0;  
421 - left: 0;  
422 - width: 7.5rem;  
423 - left: 50%;  
424 - margin-left: -3.75rem;  
425 - border-top: 1px solid #CCCCCC;  
426 - background-color: #FFFFFF;  
427 - font-size: 0.22rem;  
428 - height: 1rem;  
429 - display: flex;  
430 - justify-content: space-around;  
431 -}  
432 -  
433 -.footer_item {  
434 - display: flex;  
435 - flex-direction: column;  
436 - justify-content: center;  
437 - align-items: center;  
438 - text-align: center;  
439 -}  
440 -  
441 -.footer_item span {  
442 - color: #999999;  
443 -}  
444 -  
445 -.footer_item img {  
446 - width: 0.7rem;  
447 - height: 0.7rem;  
448 -}  
449 -  
450 -.footer_active span {  
451 - color: #FEAD00;  
452 -}  
453 -  
454 -  
455 -/*取货地址详情*/  
456 -  
457 -.add_wrap {  
458 - padding: 0.56rem 0.4rem 0;  
459 -}  
460 -.address_pic_list{  
461 - display: flex;  
462 - flex-wrap: wrap;  
463 -  
464 -}  
465 -.add_wrap span {  
466 - font-size: 0.3rem;  
467 - color: #333333;  
468 -}  
469 -.add_wrap_text{  
470 - border-bottom: 1px solid #E4E4E4;  
471 - padding-bottom: 0.5rem;  
472 -}  
473 -  
474 -  
475 -.add_wrap img {  
476 - margin-bottom: 0.3rem;  
477 - width: 2rem;  
478 - height: 1.5rem;  
479 - margin-right: 0.22rem;  
480 -}  
481 -.add_wrap img:nth-child(3n){  
482 - margin-right: 0;  
483 -}  
484 -  
485 -/*产品详情*/  
486 -  
487 -.product_banner {  
488 - position: relative;  
489 - width: 100%rem;  
490 - height: 6.72rem;  
491 -}  
492 -  
493 -.product_banner img {  
494 - width: 100%;  
495 - height: 100%;  
496 -}  
497 -  
498 -.product_banner .icon-index {  
499 - position: absolute;  
500 - right: 0.2rem;  
501 - top: 0.2rem;  
502 - color: #FFFFFF;  
503 - display: block;  
504 - width: 0.8rem;  
505 - height: 0.8rem;  
506 - background: rgba(0, 0, 0, 0.5);  
507 - text-align: center;  
508 - line-height: 0.8rem;  
509 - border-radius: 50%;  
510 - font-size: 0.4rem;  
511 -}  
512 -.footer_wrap .icon-icon--1{  
513 - font-size: 0.5rem;  
514 -}  
515 -  
516 -  
517 -/*产品介绍*/  
518 -  
519 -.product {  
520 - background-color: #F7F7F7;  
521 -}  
522 -  
523 -.product_introduce {  
524 - background-color: #FFFFFF;  
525 - display: flex;  
526 - flex-direction: column;  
527 - padding: 0.56rem 0.32rem 0.56rem 0.4rem;  
528 - width: 100%;  
529 - position: relative;  
530 - margin-bottom: 0.16rem;  
531 -}  
532 -  
533 -.product_introduce_text {  
534 - display: flex;  
535 - width: 5.3rem;  
536 - flex-direction: column;  
537 -}  
538 -  
539 -.product_introduce_name {  
540 - font-size: 0.36rem;  
541 - color: #333333;  
542 - width: 5.3rem;  
543 - overflow: hidden;  
544 - text-overflow: ellipsis;  
545 - white-space: nowrap;  
546 -}  
547 -  
548 -.product_introduce_subname {  
549 - font-size: 0.26rem;  
550 - color: #666666;  
551 - line-height: 0.5rem;  
552 - width: 5.3rem;  
553 - overflow: hidden;  
554 - text-overflow: ellipsis;  
555 - white-space: nowrap;  
556 -}  
557 -  
558 -.product_introduce_num {  
559 - display: flex;  
560 - align-items: baseline;  
561 -}  
562 -  
563 -.product_introduce_num span {  
564 - height: 0.4rem;  
565 -}  
566 -  
567 -.product_introduce_num span:nth-child(1) {  
568 - font-size: 0.3rem;  
569 - color: #C90103;  
570 -}  
571 -  
572 -.product_introduce_num span:nth-child(2) {  
573 - font-size: 0.4rem;  
574 - color: #C90103;  
575 - margin-left: 0.05rem;  
576 -}  
577 -  
578 -.product_introduce_num span:nth-child(3) {  
579 - font-size: 0.26rem;  
580 - color: #999999;  
581 - margin-left: 0.2rem;  
582 -}  
583 -  
584 -  
585 -/*icon*/  
586 -  
587 -.product_introduce_icon {  
588 - position: absolute;  
589 - width: 1.6rem;  
590 - right: 0;  
591 - top: 0.57rem;  
592 - height: 1.5rem;  
593 - border-left: 1px solid #E4E4E4;  
594 - display: flex;  
595 - justify-content: center;  
596 - align-items: center;  
597 - flex-direction: column;  
598 -}  
599 -  
600 -.product_introduce_icon .icon-31daipingjia {  
601 - font-size: 0.5rem;  
602 - color: #999999;  
603 -}  
604 -  
605 -.product_introduce_icon span {  
606 - font-size: 0.22rem;  
607 - color: #333333;  
608 -}  
609 -  
610 -  
611 -/*商品详情*/  
612 -  
613 -.product_details {  
614 - background-color: #FFFFFF;  
615 - padding: 0.38rem 0.59rem 0.59rem 0.59rem;  
616 -}  
617 -  
618 -.product_details_h {  
619 - font-size: 0.26rem;  
620 - color: #111111;  
621 - text-align: center;  
622 - margin-bottom: 0.37rem;  
623 -}  
624 -  
625 -.product_details_pic {  
626 - margin-bottom: 0.43rem;  
627 -}  
628 -  
629 -.product_details_pic img {  
630 - width: 6.28rem;  
631 - height: 4.5rem;  
632 - margin-right: 0.26rem;  
633 - margin-top: 0.26rem;  
634 -}  
635 -  
636 -.product_details_pic img:last-child {  
637 - margin-right: 0;  
638 -}  
639 -  
640 -.product_details p {  
641 - font-size: 0.24rem;  
642 - color: #666666;  
643 - font-weight: Light;  
644 - line-height: 0.4rem;  
645 -}  
646 -  
647 -  
648 -/*footer*/  
649 -  
650 -.footer_wrap {  
651 - display: flex;  
652 - position: fixed;  
653 - left: 0;  
654 - bottom: 0;  
655 - z-index: 2;  
656 - left: 50%;  
657 - width: 7.5rem;  
658 - margin-left: -3.75rem;  
659 -}  
660 -  
661 -.shop_car_icon {  
662 - width: 1.54rem;  
663 - height: 1rem;  
664 - text-align: center;  
665 - color: #666666;  
666 - background-color: #FFFFFF;  
667 - display: flex;  
668 - justify-content: center;  
669 - align-items: center;  
670 - position: relative;  
671 -}  
672 -  
673 -.shop_car_icon p {  
674 - position: absolute;  
675 - display: block;  
676 - font-size: 0.24rem;  
677 - color: #FFFFFF;  
678 - background-color: #C90103;  
679 - width: 0.28rem;  
680 - height: 0.28rem;  
681 - border-radius: 50%;  
682 - left: 0.89rem;  
683 - top: 0.15rem;  
684 -}  
685 -  
686 -.choose_num_control{  
687 - display: flex;  
688 - align-items: center;  
689 -}  
690 -  
691 -.num_reduce ,.num_add{  
692 -  
693 - border-radius: 50%;  
694 - display: flex;  
695 - align-items: center;  
696 - justify-content: center;  
697 - font-size: 0.3rem;  
698 - text-align: center;  
699 - line-height: 0.42rem;  
700 -  
701 -}  
702 -.num_reduce {  
703 - border: 1px solid #CCCCCC;  
704 - color: #CCCCCC;  
705 - width: 0.4rem;  
706 - height: 0.4rem;  
707 -}  
708 -.num_add{  
709 - background-color: #FFCC00;  
710 - color: #FFFFFF;  
711 - width: 0.42rem;  
712 - height: 0.42rem;  
713 -}  
714 -  
715 -.product_introduce_footer {  
716 - width: 5.97rem;  
717 - height: 1rem;  
718 - text-align: center;  
719 - line-height: 1rem;  
720 - font-size: 0.31rem;  
721 - color: #333333;  
722 - background-color: #FFCC00;  
723 -}  
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 -}