李涵 / shipin · 提交

转到一个项目

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

.

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

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

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

shipin
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="Encoding" useUTFGuessing="true" native2AsciiForPropertiesFiles="false" />
</project>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/shipin.iml" filepath="$PROJECT_DIR$/.idea/shipin.iml" />
</modules>
</component>
</project>
\ No newline at end of file
<component name="DependencyValidationManager">
<state>
<option name="SKIP_IMPORT_STATEMENTS" value="false" />
</state>
</component>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$" />
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ChangeListManager">
<list default="true" id="30ee7af1-1e0e-4f3f-9091-73894054a9ef" name="Default" comment="" />
<ignored path="shipin.iws" />
<ignored path=".idea/workspace.xml" />
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="TRACKING_ENABLED" value="true" />
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
<option name="LAST_RESOLUTION" value="IGNORE" />
</component>
<component name="ChangesViewManager" flattened_view="true" show_ignored="false" />
<component name="CreatePatchCommitExecutor">
<option name="PATCH_PATH" value="" />
</component>
<component name="DaemonCodeAnalyzer">
<disable_hints />
</component>
<component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
<component name="FavoritesManager">
<favorites_list name="shipin" />
</component>
<component name="FileEditorManager">
<leaf>
<file leaf-file-name="index.html" pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor">
<state vertical-scroll-proportion="0.65156794" vertical-offset="12519" max-vertical-offset="13380">
<caret line="436" column="9" selection-start-line="436" selection-start-column="9" selection-end-line="436" selection-end-column="9" />
<folding>
<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" />
</folding>
</state>
</provider>
</entry>
</file>
<file leaf-file-name="base.js" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/js/base.js">
<provider selected="true" editor-type-id="text-editor">
<state vertical-scroll-proportion="0.0" vertical-offset="734" max-vertical-offset="1647">
<caret line="37" column="33" selection-start-line="37" selection-start-column="33" selection-end-line="37" selection-end-column="33" />
<folding />
</state>
</provider>
</entry>
</file>
</leaf>
</component>
<component name="Git.Settings">
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
</component>
<component name="IdeDocumentHistory">
<option name="CHANGED_PATHS">
<list>
<option value="$PROJECT_DIR$/index.html" />
</list>
</option>
</component>
<component name="JsGulpfileManager">
<detection-done>true</detection-done>
</component>
<component name="ProjectFrameBounds">
<option name="x" value="-7" />
<option name="y" value="2" />
<option name="width" value="1932" />
<option name="height" value="1051" />
</component>
<component name="ProjectLevelVcsManager" settingsEditedManually="false">
<OptionsSetting value="true" id="Add" />
<OptionsSetting value="true" id="Remove" />
<OptionsSetting value="true" id="Checkout" />
<OptionsSetting value="true" id="Update" />
<OptionsSetting value="true" id="Status" />
<OptionsSetting value="true" id="Edit" />
<ConfirmationsSetting value="0" id="Add" />
<ConfirmationsSetting value="0" id="Remove" />
</component>
<component name="ProjectView">
<navigator currentView="ProjectPane" proportions="" version="1">
<flattenPackages />
<showMembers />
<showModules />
<showLibraryContents />
<hideEmptyPackages />
<abbreviatePackageNames />
<autoscrollToSource />
<autoscrollFromSource />
<sortByType />
</navigator>
<panes>
<pane id="ProjectPane">
<subPane>
<PATH>
<PATH_ELEMENT>
<option name="myItemId" value="shipin" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
</PATH_ELEMENT>
</PATH>
<PATH>
<PATH_ELEMENT>
<option name="myItemId" value="shipin" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
</PATH_ELEMENT>
<PATH_ELEMENT>
<option name="myItemId" value="shipin" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
</PATH_ELEMENT>
</PATH>
<PATH>
<PATH_ELEMENT>
<option name="myItemId" value="shipin" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
</PATH_ELEMENT>
<PATH_ELEMENT>
<option name="myItemId" value="shipin" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
</PATH_ELEMENT>
<PATH_ELEMENT>
<option name="myItemId" value="js" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
</PATH_ELEMENT>
</PATH>
</subPane>
</pane>
<pane id="Scope" />
</panes>
</component>
<component name="PropertiesComponent">
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="last_opened_file_path" value="$USER_HOME$/Desktop/shipin-master-e284e1cec488a100a473b1be44ecf261850f7590" />
<property name="HbShouldOpenHtmlAsHb" value="" />
</component>
<component name="RunManager">
<configuration default="true" type="DartUnitRunConfigurationType" factoryName="DartUnit">
<method />
</configuration>
<configuration default="true" type="DartCommandLineRunConfigurationType" factoryName="Dart Command Line Application">
<method />
</configuration>
<configuration default="true" type="JSTestDriver:ConfigurationType" factoryName="JsTestDriver">
<setting name="configLocationType" value="CONFIG_FILE" />
<setting name="settingsFile" value="" />
<setting name="serverType" value="INTERNAL" />
<setting name="preferredDebugBrowser" value="Chrome" />
<method />
</configuration>
<configuration default="true" type="JavaScriptTestRunnerKarma" factoryName="Karma" config-file="">
<envs />
<method />
</configuration>
<configuration default="true" type="JavascriptDebugType" factoryName="JavaScript Debug">
<method />
</configuration>
<configuration default="true" type="NodeJSConfigurationType" factoryName="Node.js" working-dir="">
<method />
</configuration>
<configuration default="true" type="cucumber.js" factoryName="Cucumber.js">
<option name="cucumberJsArguments" value="" />
<option name="executablePath" />
<option name="filePath" />
<method />
</configuration>
<configuration default="true" type="js.build_tools.gulp" factoryName="Gulp.js">
<method />
</configuration>
<list size="0" />
</component>
<component name="ShelveChangesManager" show_recycled="false" />
<component name="TaskManager">
<task active="true" id="Default" summary="Default task">
<changelist id="30ee7af1-1e0e-4f3f-9091-73894054a9ef" name="Default" comment="" />
<created>1534216221578</created>
<option name="number" value="Default" />
<updated>1534216221578</updated>
</task>
<servers />
</component>
<component name="ToolWindowManager">
<frame x="-7" y="2" width="1932" height="1051" extended-state="1" />
<editor active="false" />
<layout>
<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" />
<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" />
<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" />
<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" />
<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" />
<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" />
<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" />
<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" />
<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" />
<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" />
<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" />
<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" />
<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" />
<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" />
<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" />
<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" />
<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" />
<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" />
</layout>
</component>
<component name="Vcs.Log.UiProperties">
<option name="RECENTLY_FILTERED_USER_GROUPS">
<collection />
</option>
<option name="RECENTLY_FILTERED_BRANCH_GROUPS">
<collection />
</option>
</component>
<component name="VcsContentAnnotationSettings">
<option name="myLimit" value="2678400000" />
</component>
<component name="VcsManagerConfiguration">
<option name="myTodoPanelSettings">
<TodoPanelSettings />
</option>
</component>
<component name="XDebuggerManager">
<breakpoint-manager />
<watches-manager />
</component>
<component name="editorHistoryManager">
<entry file="file://$PROJECT_DIR$/js/base.js">
<provider selected="true" editor-type-id="text-editor">
<state vertical-scroll-proportion="0.0" vertical-offset="734" max-vertical-offset="1647">
<caret line="37" column="33" selection-start-line="37" selection-start-column="33" selection-end-line="37" selection-end-column="33" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor">
<state vertical-scroll-proportion="0.65156794" vertical-offset="12519" max-vertical-offset="13380">
<caret line="436" column="9" selection-start-line="436" selection-start-column="9" selection-end-line="436" selection-end-column="9" />
<folding>
<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" />
</folding>
</state>
</provider>
</entry>
</component>
</project>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>TakeFood</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
<buildCommand>
<name>com.aptana.ide.core.unifiedBuilder</name>
<arguments>
</arguments>
</buildCommand>
</buildSpec>
<natures>
<nature>com.aptana.projects.webnature</nature>
</natures>
<filteredResources>
<filter>
<id>1525403963380</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1532921264994</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1533519359159</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
</filteredResources>
</projectDescription>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="../css/init.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />
<link rel="stylesheet" type="text/css" href="../css/PersonCenter/PersonCenter.css" />
<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
<title>个人中心</title>
<style>
[ v-cloak]{
display:none;
}
</style>
</head>
<body>
<div class="container" id="personcenter" v-cloak>
<!--遮罩-->
<div class="wrap">
<!--弹层-->
<div class="popup">
<p>— 咨询热线 —</p>
<span>1540098838</span>
<div class="popup_footer">
立即拨打
</div>
</div>
</div>
<!--个人信息-->
<div class="person">
<div class="person_info">
<!--<img src="../img/bpic03@2x.png" />-->
<img :src="personinfo.head_img" />
<p class="person_name">{{personinfo.nickname}}</p>
<!--<p class="person_name">微信名称</p>-->
<span class="person_info_btn">全部订单</span>
</div>
</div>
<!--待支付-制作中--->
<div class="white">
<div class="white_item pend_pay" v-for="item in persontype" @click="jump(item)">
<i class="iconfont icon-wallet_icon"></i>
<p>{{item.status}}</p>
<span v-if="item.count>0" class="white_item_num">{{item.count}}</span>
</div>
<!--<div class="white_item pend_pay">
<i class="iconfont icon-wallet_icon"></i>
<p>待支付</p>
<span class="white_item_num">12</span>
</div>
<div class="white_item pend_make">
<i class="iconfont icon-hdxq_icon1"></i>
<p>制作中</p>
<span class="white_item_num">0</span>
</div>
<div class="white_item pend_take">
<i class="iconfont icon-yizhifu"></i>
<p>待取货</p>
<span class="white_item_num">0</span>
</div>
<div class="white_item pend_evaluate">
<i class="iconfont icon-31daipingjia"></i>
<p>待评价</p>
<span class="white_item_num">0</span>
</div>
<div class="white_item pend_finish">
<i class="iconfont icon-yiwancheng1"></i>
<p>已完成</p>
<span class="white_item_num">0</span>
</div>-->
</div>
<!--我的钱包-->
<div class="menu_list">
<div class="menu_item my_wallet">
<i class="iconfont icon-qianbao"></i>
<p>我的钱包</p>
<span>&gt;</span>
</div>
<div class="menu_item discount_page">
<i class="iconfont icon-youhuiquan"></i>
<p>我的优惠券</p>
<span>&gt;</span>
</div>
<div class="menu_item">
<i class="iconfont icon-liwu"></i>
<p>分享有礼</p>
<span>&gt;</span>
</div>
<div class="menu_item service">
<i class="iconfont icon-VectorSmartObject" style="color:#CDBEEC"></i>
<p>联系客服</p>
<span>&gt;</span>
</div>
<div class="menu_item aboutus" @click="aboutus()">
<i class="iconfont icon-erji" style="color:#CDBEEC"></i>
<p>关于我们</p>
<span>&gt;</span>
</div>
</div>
<!--footer-->
<div class="footer" v-cloak>
<div class="footer_item">
<a href="../index.html"><img src="../img/menu_icon1_select@2x_81.png" /><span>首页</span></a>
</div>
<div class="footer_item">
<a href="../shopcar.html"><img src="../img/9拷贝@2x.png" />
<span>购物车</span>
</a>
<span class="foot_cartnum" v-if="cartnum>0">{{cartnum}}</span>
</div>
<div class="footer_item footer_active">
<a href=""><img src="../img/menu_icon3_select@2x_57.png" /><span>我的</span></a>
</div>
</div>
</div>
<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/personcenter.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var service = document.getElementsByClassName('service')[0];
var wrap = document.getElementsByClassName('wrap')[0];
var popup = document.getElementsByClassName('popup')[0];
var popup_footer = document.getElementsByClassName('popup_footer')[0];
popup_footer.onclick = function(ev) {
var oEvent = ev || event
oEvent.concelable = true;
oEvent.stopPropagation();
}
service.onclick = function() {
wrap.style.display = 'block';
}
wrap.onclick = function() {
wrap.style.display = 'none';
}
var person_info_btn = document.getElementsByClassName('person_info_btn')[0];
person_info_btn.onclick = function() {
window.location.href = '../myorder/myorder.html'
}
var my_wallet = document.getElementsByClassName('my_wallet')[0];
my_wallet.onclick = function() {
window.location.href = 'wallet.html';
}
var discount_page = document.getElementsByClassName('discount_page')[0];
discount_page.onclick = function() {
window.location.href = 'discount.html';
}
//待支付，制作中等跳转页面
var pend_make = document.getElementsByClassName('pend_make')[0];
var pend_pay = document.getElementsByClassName('pend_pay')[0];
var pend_take = document.getElementsByClassName('pend_take')[0];
var pend_evaluate = document.getElementsByClassName('pend_evaluate')[0];
var pend_finish = document.getElementsByClassName('pend_finish')[0];
pend_pay.onclick = function() {
window.location.href = '../myorder/myorder.html';
}
pend_make.onclick = function() {
window.location.href = '../myorder/myorder.html';
}
pend_take.onclick = function() {
window.location.href = '../myorder/myorder.html';
}
pend_evaluate.onclick = function() {
window.location.href = '../myorder/myorder.html';
}
pend_finish.onclick = function() {
window.location.href = '../myorder/myorder.html';
}
//待支付，制作中 数量
var white_item_num = document.getElementsByClassName('white_item_num');
for(i = 0; i < white_item_num.length; i++) {
if(parseInt(white_item_num[i].innerHTML) < 1) {
white_item_num[i].style.display = 'none';
}
}
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="../css/init.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />
<link rel="stylesheet" type="text/css" href="../css/PersonCenter/discount.css" />
<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
<title>我的优惠券</title>
<style>
.nodata{
margin-top: 90px;
text-align: center;
color: #999;
font-size: 14px;
}
[v-cloak]{
display: none;
}
</style>
</head>
<body>
<div class="container" id="discount">
<!--导航-->
<div class="nav">
<ul>
<li class="active" @click="unuse($event)">未使用</li>
<li @click="alreadyuse($event)">已使用</li>
<li @click="expired($event)">已过期</li>
</ul>
</div>
<!--优惠券-->
<!--<div class="discount tab">
<div class="discount_item">
<div class="discount_item_num">
<div class="discount_item_num_bxo">
<p>50</p>
<p>元</p>
</div>
<div class="discount_item_time">
<span>全场购物满300元，立减50元</span>
<span>有效期截止：2018年5月9日</span>
</div>
</div>
<div class="discount_item_btn">
立即使用<span>&gt;</span>
</div>
</div>
<div class="discount_item">
<div class="discount_item_num">
<div class="discount_item_num_bxo">
<p>50</p>
<p>元</p>
</div>
<div class="discount_item_time">
<span>全场购物满300元，立减50元</span>
<span>有效期截止：2018年5月9日</span>
</div>
</div>
<div class="discount_item_btn">
立即使用<span>&gt;</span>
</div>
</div>
</div>-->
<div class="discount tab" v-cloak>
<div class="discount_item" v-for="item in discount" :id="item.id">
<div class="discount_item_num">
<div class="discount_item_num_bxo">
<p>{{item.reduce}}</p>
<p>元</p>
</div>
<div class="discount_item_time">
<span>{{item.discount_coupon_name}}</span>
<span>有效期截止：{{item.deadline}}</span>
</div>
</div>
<div class="discount_item_btn">
立即使用<span>&gt;</span>
</div>
</div>
<!--<div class="discount_item">
<div class="discount_item_num">
<div class="discount_item_num_bxo">
<p>50</p>
<p>元</p>
</div>
<div class="discount_item_time">
<span>全场购物满300元，立减50元</span>
<span>有效期截止：2018年5月9日</span>
</div>
</div>
<div class="discount_item_btn">
立即使用<span>&gt;</span>
</div>
</div>-->
</div>
<!--已使用-->
<!--<div class="discountuesd tab">
<div class="discount_item">
<div class="discount_item_num">
<div class="discount_item_num_bxo">
<p>50</p>
<p>元</p>
</div>
<div class="discount_item_time">
<span>全场购物满300元，立减50元</span>
<span>有效期截止：2018年5月9日</span>
</div>
</div>
<div class="discountuesd_item_btn">
已使用<span>&gt;</span>
</div>
</div>
<div class="discount_item">
<div class="discount_item_num">
<div class="discount_item_num_bxo">
<p>50</p>
<p>元</p>
</div>
<div class="discount_item_time">
<span>全场购物满300元，立减50元</span>
<span>有效期截止：2018年5月9日</span>
</div>
</div>
<div class="discountuesd_item_btn">
已使用<span>&gt;</span>
</div>
</div>
</div>
-->
<!--已过期-->
<!--<div class="discountuesd tab">
<div class="discount_item">
<div class="discount_item_num">
<div class="discount_item_num_bxo">
<p>50</p>
<p>元</p>
</div>
<div class="discount_item_time">
<span>全场购物满300元，立减50元</span>
<span>有效期截止：2018年5月9日</span>
</div>
</div>
<div class="discountuesd_item_btn">
已过期<span>&gt;</span>
</div>
</div>
<div class="discount_item">
<div class="discount_item_num">
<div class="discount_item_num_bxo">
<p>50</p>
<p>元</p>
</div>
<div class="discount_item_time">
<span>全场购物满300元，立减50元</span>
<span>有效期截止：2018年5月9日</span>
</div>
</div>
<div class="discountuesd_item_btn">
已过期<span>&gt;</span>
</div>
</div>
</div>-->
<!--没有优惠券提醒-->
<div class="nodata" v-if="discount.length==0">
暂无优惠券
</div>
</div>
</div>
<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/discount.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// window.onload = function() {
// var aLi = document.getElementsByClassName('nav')[0].getElementsByTagName('li');
// var tab = document.getElementsByClassName('tab');
// for(i = 0; i < aLi.length; i++) {
// aLi[i].index = i;
// tab[i].style.display = 'none';
// tab[0].style.display = 'block';
// aLi[i].onclick = function(){
// for (j=0; j<aLi.length; j++) {
// tab[j].style.display = 'none';
// aLi[j].className = '';
// }
// this.classList.add('active');
// tab[this.index].style.display="block";
// }
// }
//
// }
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="../css/init.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />
<link rel="stylesheet" type="text/css" href="../css/PersonCenter/topus.css" />
<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
<title>充值</title>
<style>
.wrapper{
width: 8rem;
height: 100%;
background-color: rgba(0,0,0,0.5);
position: fixed;
z-index: 2;
margin-left: -0.4rem;
}
.illustrate{
width: 6.48rem;
height: 7.2rem;
position: absolute;
z-index: 3;
background-color: #FFFFFF;
left: 1rem;
top: 2.63rem;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 0.15rem;
}
.certain{
width: 6.48rem;
height:0.8rem;
background:RGBA(0, 145, 229, 1);
color:#FFFFFF;
border:none;
outline:none;
position:absolute;;
top:6.7rem;
}
/*标题*/
.title{
position:absolute;
top:0.4rem;
}
.explain{
font-size: 0.4rem;
color:RGBA(51, 51, 51, 1);
}
.text{
font-size: 0.3rem;
position:absolute;
top:1.2rem;
width:5.4rem;
color:RGBA(102, 102, 102, 1);
height:5.2rem;
overflow: auto;
}
</style>
</head>
<body>
<div class="container" id="card">
<!--弹出框-->
<!--遮罩层-->
<div class="wrapper">
<!--弹出内容-->
<div class="illustrate">
<div class="title">
<p class="explain">充值卡使用说明</p>
</div>
<div class="text">
美食美食美食美食美食美食美食美食
美食美食美食美食美食美食美食美食
美食美食美食美食
美食美食美食美食
美食美食美食美食
美食美食美食美食美食美食美食美食
美食美食美食美食美食美食美食美食
美食美食美食美食
美食美食美食美食
美食美食美食美食
美食美食美食美食美食美食美食美食
美食美食美食美食美食美食美食美食
美食美食美食美食
美食美食美食美食
美食美食美食美食
美食美食美食美食美食美食美食美食
美食美食美食美食美食美食美食美食
美食美食美食美食
美食美食美食美食
美食美食美食美食
</div>
<button class="certain">确定</button>
</div>
</div>
<div class="header">
<i class="iconfont icon-my_icon"></i><p>充值卡使用说明</p>
</div>
<!--<div class="top_us_card">
<p class="top_us_num">充值面额</p>
<div class="top_us_num_wrap">
<p class="forever">有效期：永久</p>
<p class="give_num">赠送50元</p>
<span class="btn">立即充值</span>
</div>
<div class="money">
<p class="icon">¥</p><p class="money_num">100</p>
</div>
</div>-->
<div class="top_us_card" v-for="item in cardindex" :id="item.id">
<p class="top_us_num">充值面额</p>
<div class="top_us_num_wrap">
<p class="forever">有效期：永久</p>
<p class="give_num">赠送{{item.bonus}}元</p>
<span class="btn" @click="recharge(item)">立即充值</span>
</div>
<div class="money">
<p class="icon">¥</p><p class="money_num">{{item.denomination}}</p>
</div>
</div>
</div>
<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/topus.js" type="text/javascript" charset="utf-8"></script>
<script>
$(".certain").click(function(){
$('.wrapper').css("display","none")
});
$(".wrapper").click(function(){
$(this).css("display","none")
});
//充值卡充值弹出弹出框
$(".header").click(function(){
// alert(111)
$(".wrapper").css("display","block")
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="../css/init.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />
<link rel="stylesheet" type="text/css" href="../css/PersonCenter/wallet.css" />
<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
<title>我的钱包</title>
</head>
<body>
<div class="container" id="wallet">
<div class="banner">
<p class="balance">钱包余额</p>
<div class="money">
<p class="balance_num">{{money}}</p><span class="balance_num_unit">元</span>
</div>
</div>
<div class="menu_list">
<div class="menu_item topus">
<i class="iconfont icon-balance"></i>
<p>去充值</p>
<span>&gt;</span>
</div>
<div class="menu_item walletdetails">
<i class="iconfont icon-icon-test"></i>
<p>钱包明细</p>
<span>&gt;</span>
</div>
</div>
</div>
<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/wallet.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var topus = document.getElementsByClassName('topus')[0];
var walletdetails = document.getElementsByClassName('walletdetails')[0];
topus.onclick = function(){
window.location.href = 'topus.html';
}
walletdetails.onclick = function(){
window.location.href = 'walletdetails.html';
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="../css/init.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />
<link rel="stylesheet" type="text/css" href="../css/PersonCenter/walletdetails.css" />
<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
<title>钱包明细</title>
</head>
<body>
<div class="container" id="walletdetail">
<div class="details">
<!--<div class="details_item">
<div class="buy_wrap">
<p class="buy">购买胡辣汤</p>
<p class="num">- ¥1000</p>
</div>
<div class="buy_wrap">
<p class="time">2018-3-27&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;18:09</p>
<p class="time">支出</p>
</div>
</div>
<div class="details_item">
<div class="buy_wrap">
<p class="buy">充值</p>
<p class="num_add">+ ¥1000</p>
</div>
<div class="buy_wrap">
<p class="time">2018-3-27&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;18:09</p>
<p class="time">收入</p>
</div>
</div>-->
<div class="details_item" v-for="item in detail">
<div class="buy_wrap">
<p class="buy">{{item.log_type}}</p>
<p class="num" v-if="item.log_type=='购买商品'">-¥{{item.amount}}</p>
<p class="num_add" v-if="item.log_type=='充值'">+¥{{item.amount}}</p>
</div>
<div class="buy_wrap">
<p class="time">{{item.create_time}}</p>
<p class="time">{{item.log_type}}</p>
</div>
</div>
</div>
</div>
<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/walletdetail.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="css/init.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<title>门店详情</title>
</head>
<body>
<div class="container" id="spotdetail">
<div class="add_wrap">
<div class="add_wrap_text">
<p style="font-size: 0.3rem;margin-bottom: 0.3rem;">详细地址</p>
<p style="font-size: 0.28rem; color: #666666;margin-top: 0.21rem;">{{spotdetail.spot_detail_address}}</p>
</div>
<span>场景图片</span>
<div class="address_pic_list" v-html="spotdetail.photo">
<!--<img src="img/2@2x.png" />
<img src="img/@2x.png" />
<img src="img/2@2x.png" />
<img src="img/@2x.png" />
<img src="img/2@2x.png" />
<img src="img/@2x.png" />
<img src="img/2@2x.png" />
<img src="img/@2x.png" />-->
</div>
</div>
</div>
<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="js/takedetails.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="css/init.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_to180rktm1butyb9.css" />
<link rel="stylesheet" type="text/css" href="css/about.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<title>关于我们</title>
</head>
<body>
<div class="container" id="aboutus">
<!--banner-->
<div class="about_banner">
<!--<img src="img/矩形10@2x.png" />-->
<img :src="about.thumb" />
</div>
<!--文字-->
<div class="about_text">
<h1>{{about.post_title}}</h1>
<div v-html="about.post_content">
<!--<p>胡辣汤由多种天然中草药按比例配制的汤料再加入胡椒和辣椒又用骨头汤做底料的胡辣汤，其特点是汤味浓郁、汤色靓丽、汤汁粘稠，香辣可口，十分适合配合其它早点进餐。
</p>
<p>目前，已经发展成为河南及陕西等周边省份都喜爱和知晓的小吃之一。
</p>
<p>是中国河南的特色汤类食品，后传入陕西，被大家所喜爱，常作为早餐，其特点是麻辣鲜香，营养开胃，适合搭配油条、包子、葱油饼、锅盔，千层饼等面点。
</p>
<p>可与豆腐脑约1:1混合，称为“两掺”，降低了麻辣程度，不仅卖相更好看了，而且也很受欢迎。</p>-->
</div>
</div>
<!--<div class="edit">
文本编辑区
</div>-->
</div>
<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/aboutus.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="css/init.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<title>门店详情</title>
</head>
<body>
<div class="container" id="addressdetail">
<div class="add_wrap">
<div class="add_wrap_text">
<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>
<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>
<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>
</div>
<span>场景图片</span>
<div class="address_pic_list" v-html="photo">
<!--<img src="img/2@2x.png" />-->
<!--<img src="img/@2x.png" />-->
<!--<img src="img/2@2x.png" />-->
<!--<img src="img/@2x.png" />-->
<!--<img src="img/2@2x.png" />-->
<!--<img src="img/@2x.png" />-->
<!--<img src="img/2@2x.png" />-->
<!--<img src="img/@2x.png" />-->
</div>
</div>
</div>
<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="js/addressdetail.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
\ No newline at end of file
.container{
padding: 0 0.4rem;
position: relative;
font-family:PingFangSC-Regular;;
}
/*遮罩*/
.wrap{
width: 7.5rem;
height: 100%;
background-color:rgba(0,0,0,0.5);
position: fixed;
z-index: 2;
margin-left: -0.4rem;
display: none;
}
/*弹层*/
.popup{
width: 5.48rem;
height: 3.2rem;
position: absolute;
z-index: 3;
background-color: #FFFFFF;
left: 1rem;
top: 4.63rem;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 0.15rem;
overflow: hidden;
}
.popup p{
font-size: 0.26rem;
color: #999999;
margin-top: 0.7rem;
text-align: center;
}
.popup span{
font-size: 0.42rem;
margin-top: 0.4rem;
color: #333333;
text-align: center;
}
.popup_footer{
width: 5.48rem;
height: 0.8rem;
position: absolute;
bottom: 0;
left: 0;
background-color: #FFB800;
text-align: center;
line-height: 0.8rem;
color: #FFFFFF;
font-size: 0.3rem;
}
/*个人信息*/
.person_info{
display: flex;
align-items: center;
margin-top: 0.42rem;
}
.person_info img{
width: 1.08rem;
height: 1.08rem;
display: block;
border-radius: 50%;
margin-right: 0.41rem;
}
.person_name{
font-size: 0.34rem;
color: #333333;
margin-right: 2.1rem;
white-space: nowrap;
width:1.3rem;
}
.person_info_btn{
font-size: 0.26rem;
color: #FEAD00;
display: block;
width: 1.68rem;
height: 0.57rem;
line-height: 0.57rem;
text-align: center;
border: 1px solid #FEAD00;
border-radius: 0.29rem;
}
/*待支付-制作中*/
.white{
display: flex;
margin-top: 0.64rem;
}
.white .iconfont{
font-size: 0.4rem;
text-align: center;
margin-bottom: 0.14rem;
}
.white_item{
display: flex;
flex-direction: column;
width: 25%;
position: relative;
}
.white_item p{
font-size: 0.26rem;
color: #666666;
text-align: center;
}
.white_item_num{
position: absolute;
width: 0.28rem;
height: 0.28rem;
background-color: #FF4800;
right: 0.3rem;
top: -0.1rem;
border-radius: 50%;
color: #FFFFFF;
font-size: 0.2rem;
text-align: center;
line-height: 0.28rem;
}
/*我的钱包*/
.menu_list{
margin-top: 0.3rem;
}
.menu_item{
display: flex;
height: 1.1rem;
line-height: 1.1rem;
border-bottom: 1px solid #E4E4E4;
}
.menu_item p{
font-size: 0.3rem;
color: #333333;
margin-left: 0.21rem;
white-space: nowrap;
position: relative;
}
.menu_item span{
font-size: 0.2rem;
position: absolute;
right: 0.57rem;
}
.menu_list .icon-qianbao{
color: #FEE19D;
font-size: 0.3rem;
}
.menu_list .icon-youhuiquan{
color: #FEBAAE;
font-size: 0.24rem;
}
.menu_list .icon-liwu{
font-size: 0.3rem;
color: #FEBF8C;
}
.menu_list .icon-erji{
font-size: 0.3rem;
color: #CDBEEC;
}
/*footer*/
.footer{
position: fixed;
bottom: 0;
left: 0;
width: 7.5rem;
left: 50%;
margin-left: -3.75rem;
border-top: 1px solid #CCCCCC;
background-color: #FFFFFF;
font-size: 0.22rem;
height: 1rem;
display: flex;
justify-content: space-around;
}
.footer_item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.footer_item span{
color: #999999;
}
.footer_item img{
width: 0.7rem;
height: 0.7rem;
}
.footer_active span{
color: #FEAD00;
}
\ No newline at end of file
.container{
position: relative;
font-family:PingFangSC-Regular;
}
.nav {
margin-bottom: 0.65rem;
}
.nav ul {
display: flex;
font-size: 0.3rem;
margin-top: 0.44rem;
justify-content: center;
}
.nav ul li{
display: block;
width: 30%;
text-align: center;
color: #666666;
}
.nav .active {
color: #333333;
position: relative;
}
.nav .active:before{
content: '';
display: block;
width: 0.48rem;
height: 0.1rem;
background-color: #FFCC00;
position: absolute;
left: 0.65rem;
bottom: 0;
top: 0.44rem;
border-radius: 0.05rem;
}
/*discount*/
.discount_item{
width: 7rem;
margin: 0.25rem auto 0;
border: 1px solid #E4E4E4;
border-radius: 0.15rem;
}
.discount_item_num{
width: 7rem;
height: 1.7rem;
border-bottom: none;
display: flex;
position: relative;
}
.discount_item_num_bxo{
display: flex;
align-items: baseline;
}
.discount_item_num:before{
content: '';
display: block;
width: 0.08rem;
height: 0.16rem;
position: absolute;
background-color: #FFFFFF;
left: -0.015rem;
bottom: -0.1rem;
border: 1px solid #E4E4E4;
border-left: none;
z-index: 22;
border-radius: 0 0.16rem 0.16rem 0;
}
.discount_item_num:after{
content: '';
display: block;
width: 0.08rem;
height: 0.16rem;
position: absolute;
background-color: #FFFFFF;
bottom: -0.1rem;
right: 0.01rem;
border: 1px solid #E4E4E4;
border-right: none;
z-index: 22;
border-radius: 0.16rem 0 0 0.16rem ;
}
.discount_item_num p:nth-child(1){
font-size: 0.8rem;
color: #C90103;
line-height: 1.7rem;
margin-left: 0.6rem;
}
.discount_item_num p:nth-child(2){
font-size: 0.26rem;
color: #999999;
margin-left: 0.13rem;
}
.discount_item_time{
display: flex;
flex-direction: column;
height: 100%;
margin-left: 0.6rem;
}
.discount_item_time span:nth-child(1){
font-size: 0.3rem;
color: #333333;
margin-top: 0.54rem;
}
.discount_item_time span:nth-child(2){
font-size: 0.26rem;
color: #999999;
margin-top: 0.21rem;
}
.discount_item_btn,.discountuesd_item_btn{
width: 7rem;
height: 0.83rem;
border-top: 1px dotted #E4E4E4;
font-size: 0.3rem;
line-height: 0.83rem;
text-align: center;
}
.discount_item_btn{
color: #C90103;
}
.discount_item_btn span{
margin-left: 0.22rem;
}
/*已使用*/
.discountuesd_item_btn{
color: #666666;
}
.discountuesd_item_btn span{
margin-left: 0.22rem;
}
.container{
position: relative;
font-family:PingFangSC-Regular;;
}
.header{
display: flex;
justify-content: flex-end;
margin-top: 0.3rem;
margin-bottom: 0.4rem;
margin-right: 0.41rem;
}
.header .icon-my_icon{
font-size: 0.3rem;
color: #999999;
margin-right: 0.11rem;
}
.header p{
font-size: 0.28rem;
color: #666666;
}
.top_us_card{
width: 7rem;
height: 3.36rem;
background: url(../../img/矩形1@2x.png) center no-repeat;
margin: 0 auto;
border-radius: 0.15rem;
padding: 0.4rem 0.4rem 0.46rem 0.43rem;
color: #FFFFFF;
display: flex;
justify-content: space-between;
position: relative;
margin-bottom: 0.44rem;
}
.top_us_num{
font-size: 0.28rem;
color: #FFFFFF;
width: 1.5rem;
}
.top_us_num_wrap{
float: right;
display: flex;
width: 50%;
flex-direction: column;
align-items: flex-end;
}
.forever ,.give_num{
font-size: 0.28rem;
}
.give_num{
margin-top: 0.4rem;
}
.top_us_card .btn{
display: block;
font-size: 0.3rem;
color: #333333;
width: 1.91rem ;
height: 0.71rem;
text-align: center;
line-height: 0.71rem;
background-color: #FFE400;
border-radius: 0.08rem;
margin-top: 0.86rem;
}
.money {
display: flex;
position: absolute;
left: 0.48rem;
top: 1.56rem;
}
.money .icon{
font-size: 0.48rem;
left: 0.48rem;
top: 1.9rem;
margin-top: 0.3rem;
margin-right: 0.08rem;
}
.money .money_num{
left: 0.85rem;
top: 1.56rem;
font-size: 0.86rem;
}
.container{
position: relative;
font-family:PingFangSC-Regular;;
}
/*banner*/
.banner{
width: 100%;
background: url(../../img/矩形1@2x.png) center no-repeat;
background-size: 100% 100%;
height: 3.7rem;
color: #FFFFFF;
padding: 0.4rem 0.44rem;
}
.balance{
font-size: 0.28rem;
}
.balance_num{
font-size: 0.86rem;
}
.balance_num_unit{
font-size: 0.26rem;
line-height: 1.4rem;
margin-left: 0.18rem;
}
.money{
display: flex;
width: 2rem;
margin: 0 auto;
margin-top: 0.7rem;
}
/*我的钱包*/
.menu_list{
margin-top: 0.06rem;
}
.menu_item{
display: flex;
height: 1.1rem;
line-height: 1.1rem;
border-bottom: 1px solid #E4E4E4;
padding-left: 0.4rem;
}
.menu_item p{
font-size: 0.3rem;
color: #333333;
margin-left: 0.21rem;
white-space: nowrap;
position: relative;
}
.menu_item span{
font-size: 0.2rem;
position: absolute;
right: 0.57rem;
}
.menu_item .icon-balance{
font-size: 0.3rem;
color: #7FCBFF;
}
.menu_item .icon-icon-test{
font-size: 0.3rem;
color: #F6C687;
}
.container{
position: relative;
font-family:PingFangSC-Regular;;
}
.details_item{
padding: 0.6rem 0.4rem;
border-bottom: 1px solid #E4E4E4;
}
.buy_wrap{
display: flex;
justify-content: space-between;
}
.buy_wrap:first-child{
margin-bottom: 0.2rem;
}
.buy{
font-size: 0.3rem;
color: #333333;
}
.num{
font-size: 0.3rem;
color: #ED4300;
}
.time{
font-size: 0.26rem;
color: #999999;
}
.num_add{
font-size: 0.3rem;
color: #00A9FF;
}
.about_banner{
width: 100%;
height: 4.48rem;
margin-bottom: 0.7rem;
overflow: hidden;
font-family: font-family:PingFangSC-Regular;;
}
.about_banner img{
width: 100%;
height: 100%;
}
/*文字*/
.about_text{
padding: 0 0.43rem 0.56rem;
border-bottom: 1px solid #E4E4E4;
}
.about_text h1{
font-size: 0.32rem;
color: #1A1A1A;
text-align: center;
margin-bottom: 0.37rem;
}
.about_text p{
font-size: 0.28rem;
color: #666666;
line-height: 0.48rem;
}
/*文本编辑区*/
.edit{
font-size: 0.28rem;
color: #666666;
text-align: center;
}
此 diff 太大无法显示。
body{
/*background: #494A5F;
color: #D5D6E2;*/
font-weight: 500;
font-size: 0.2em;
font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
a{color: #2fa0ec;text-decoration: none;outline: none;}
a:hover,a:focus{color:#74777b;}
.container{
margin: 0 auto;
overflow: hidden;
}
\ No newline at end of file
body, html {
height: 100%;
-webkit-tap-highlight-color: transparent;
}
.demos-title {
text-align: center;
font-size: 34px;
color: #3cc51f;
font-weight: 400;
margin: 0 15%;
}
.demos-sub-title {
text-align: center;
color: #888;
font-size: 14px;
}
.demos-header {
padding: 35px 0;
}
.demos-content-padded {
padding: 15px;
}
.demos-second-title {
text-align: center;
font-size: 24px;
color: #3cc51f;
font-weight: 400;
margin: 0 15%;
}
footer {
text-align: center;
font-size: 14px;
padding: 20px;
}
footer a {
color: #999;
text-decoration: none;
}
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)}}
\ No newline at end of file
/*第一问*/
.question_item{
margin-top: 0.7rem;
}
.question_item_wrap{
width: 5.5rem;
margin: 0 auto;
}
.question_tit{
display: flex;
}
.question_num {
display: block;
width: 0.32rem ;
height: 0.32rem;
color: #FFFFFF;
background-color: #FFCC00;
font-size: 0.26rem;
text-align: center;
font-family: Impact;
border-radius: 50%;
line-height: 0.32rem;
}
.question_tit_text{
font-size: 0.32rem;
line-height: 0.32rem;
color: #FAB701;
margin-left: 0.15rem;
}
.question_text{
font-size: 0.32rem;
color: #1A1A1A;
margin-top: 0.35rem;
display: flex;
justify-content: center;
}
.question_answer{
display: flex;
font-size: 0.28rem;
justify-content: space-around;
margin-top: 0.5rem;
}
.question_answer span{
display: block;
width: 1.46rem;
height: 0.59rem;
color: #333333;
text-align: center;
background-color: #F7F7F7;
line-height: 0.59rem;
}
.question_answer .active{
background-color: #FFCC00;
}
.question_answer_choose{
display: flex;
justify-content: center;
}
.question_answer_choose_num{
width: 2.71rem;
height: 0.64rem;
font-size: 0.3rem;
line-height: 0.64rem;
background-color: #F7F7F7;
margin: 0.45rem auto 0;
display: flex;
padding: 0 0.25rem;
display: inline-block;
text-align: justify;
flex-wrap: nowrap;
}
.question_answer_choose_num span{
display: inline-block;
height: 100%;
width: 100%;
}
.question_answer_arr{
display: flex;
flex-wrap: wrap;
margin-top: 0.5rem;
}
.question_answer_item {
font-size: 0.3rem;
background-color: #F7F7F7;
display: flex;
display: inline-block;
text-align: justify;
flex-wrap: nowrap;
height: 0.64rem;
line-height: 0.64rem;
padding: 0 0.16rem 0 0.25rem;
margin-right: 0.14rem;
color: #999999;
margin-bottom: 0.2rem;
flex-wrap: nowrap;
}
.question_answer_item{
width: 1.25rem;
}
.question_answer_item_details{
border: none;
font-size: 0.3rem;
background-color: #F7F7F7;
flex-wrap: nowrap;
height: 0.64rem;
line-height: 0.64rem;
padding: 0 0.16rem 0 0.25rem;
margin-right: 0.14rem;
color: #999999;
margin-bottom: 0.2rem;
flex-wrap: nowrap;
outline: none;
}
/*街道*/
.question_answer_street{
font-size: 0.3rem;
background-color: #F7F7F7;
display: flex;
text-align: justify;
justify-content: space-between;
flex-wrap: nowrap;
height: 0.64rem;
line-height: 0.64rem;
padding: 0 0.16rem 0 0.25rem;
margin-right: 0.14rem;
color: #999999;
margin-bottom: 0.2rem;
width: 1.25rem;
white-space: nowrap;
}
.question_answer_item_details{
width: 3.04rem;
margin: 0;
}
.question_answer_item:nth-child(3n){
margin-right: 0;
}
.question_answer_item span{
display: inline-block;
width: 100%;
}
/*第四问*/
.question_item_home{
display: flex;
line-height: 0.64rem;
}
.question_item_home_text{
font-size: 0.29rem;
color: #1A1A1A;
margin-right: 0.2rem;
white-space: nowrap;
}
.favorite_food{
display: flex;
}
.favorite_food span{
font-size: 0.3rem;
color: #1A1A1A;
line-height: 0.64rem;
}
.favorite_food input{
height: 0.64rem;
width: 2.6rem;
background-color: #F7F7F7;
border: none;
outline: none;
color: #515151;
padding-left: 0.1rem;
}
.btn{
font-size: 0.34rem;
color: #333333;
width: 2.23rem;
height: 0.72rem;
background-color: #FFCC00;
text-align: center;
line-height: 0.72rem;
border-radius: 0.36rem;
margin: 0.71rem auto 0;
font-family: Regular;
}
.container {
padding-bottom: 1rem;
font-family: PingFangSC-Regular;
position: relative;
}
.hidden {
display: none;
}
.show {
display: block;
}
/*遮罩*/
.wrap {
width: 7.5rem;
height: 100%;
background-color: rgba(0,0,0,0.5);
position: fixed;
z-index: 2;
top:36px;
}
/*到店堂食弹层*/
.eat_popup{
width: 7.5rem;
background-color: #FFFFFF;
min-height: 1rem;
position: absolute;
left: 0;
top: 0;
z-index: 4;
overflow: hidden;
}
.address_list{
padding: 0 0.4rem 1rem;
}
.address_item{
border-bottom: 1px solid #E4E4E4;
padding: 0.37rem 0 0.33rem;
display: flex;
justify-content: space-between;
}
.distance{
font-size: 0.3rem;
color: #333333;
margin-bottom: 0.32rem;
line-height: 0.3rem;
}
.distance span{
font-size: 0.28rem;
color: #FCB801;
margin-left: 0.3rem;
}
.business{
font-size: 0.28rem;
color: #666666;
margin-bottom: 0.21rem;
line-height: 0.28rem;
}
.address_item_left .iconfont{
margin-right: 0.14rem;
}
.business:last-child{
margin-bottom: 0;
}
.address_item_right{
width: 0.54rem;
height: 1.33rem;
color: #999999;
background-color: #EEEEEE;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.4rem;
}
/*弹层*/
.popup {
width: 7.5rem;
background-color: #FFFFFF;
height: 6.72rem;
position: absolute;
left: 0;
top: 0;
z-index: 4;
overflow: hidden;
}
.popup_title {
display: flex;
justify-content: space-between;
line-height: 0.92rem;
padding: 0 0.41rem 0 0.37rem;
height: 0.92rem;
}
.popup_title span {
font-size: 0.28rem;
color: #FEAD00;
}
.popup_title p {
font-size: 0.24rem;
color: #67C33E;
}
.popup_tab {
height: 5.8rem;
display: flex;
border-top: 1px solid #E4E4E4;
}
.popup_nav {
width: 2rem;
background-color: #F7F7F7;
height: 100%;
border-right: 1px solid #E4E4E4;
overflow-y: auto;
position: relative;
overflow-x: hidden;
}
.popup_nav ul li {
font-size: 0.28rem;
line-height: 0.48rem;
width: 2rem;
text-align: center;
padding: 0.16rem 0;
border-bottom: 1px solid #E4E4E4;
}
.popup_active {
border-right: 3px solid #FFFFFF;
background-color: #FFFFFF;
color: #FEAD00;
position: relative;
width: 2.03rem;
}
.popup_active:before {
content: '';
display: block;
position: absolute;
width: 0.08rem;
height: 0.8rem;
background-color: #FFCC00;
left: 0;
top: 0;
}
/*.popup_active:after{
content: '';
display: block;
position: absolute;
width: 0.08rem;
height: 0.8rem;
background-color: #FFFFFF;
right: 0;
z-index: 33;
top: 0;
}*/
/*弹层右侧*/
.popup_address {
padding-top: 0.2rem;
/*display: flex;
flex-direction: column;
align-items: center;*/
}
.popup_address_item {
display: flex;
flex-direction: column;
padding: 0.26rem 0.25rem 0.3rem 0.35rem;
border: 1px solid #E4E4E4;
width: 4.72rem;
height: 1.4rem;
margin-top: 0.24rem;
margin-left: 0.38rem;
}
.popup_address_wrap a {
color: #FEAD00;
}
.popup_address_item span {
font-size: 0.3rem;
}
.popup_address_wrap {
display: flex;
justify-content: space-between;
}
.popup_address_wrap .icon-hdxq_icon {
font-size: 0.24rem;
margin-right: 0.1rem;
}
.popup_address_wrap p:nth-child(1) {
font-size: 0.26rem;
}
.popup_address_wrap p:nth-child(2) {
font-size: 0.24rem;
display: block;
border: 1px solid #FEAD00;
color: #FEAD00;
width: 1.49rem;
height: 0.37rem;
border-radius: 19rem;
text-align: center;
line-height: 0.37rem;
}
/*头部*/
.header {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-bottom: 1px solid #E4E4E4;
padding: 0.55rem 0;
}
.head_tab{
width: 3.62rem;
height: 0.64rem;
border-radius: 0.32rem;
background-color: #FFFFFF;
line-height: 0.64rem;
border: 1px solid #E4E4E4;
line-height: 0.32rem;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.head_tab .active{
background-color: #FFCC00;
border-radius: 0.32rem;
height: 0.64rem;
line-height: 0.64rem;
width: 1.8rem;
z-index: 1;
position: absolute;
left: 0;
bottom: 0;
transition: 0.5s;
}
.head_tab span{
font-size: 0.3rem;
width: 1.9rem;
display: inline-block;
text-align: center;
z-index: 2;
}
.head_tab span:last-child{
margin-right: 0rem;
}
.head_add{
display: flex;
font-size: 0.26rem;
margin-top: 0.27rem;
}
.head_add .icon-hdxq_icon{
margin-right: 0.13rem;
}
/*导航列表*/
.nav_list {
display: flex;
font-size: 0.28rem;
line-height: 0.3rem;
justify-content: center;
margin-top: 0.38rem;
}
.nav_list .active {
display: inline-block;
border-bottom: 3px solid #FFCC00;
color: #FFCC00;
}
.nav_list li {
margin-right: 0.6rem;
padding-bottom: 0.16rem;
}
.nav_list li:last-child {
margin-right: 0;
}
/*swiper*/
.banner {
margin-top: 0.03rem;
}
.banner img {
width: 100%;
height: 3.48rem;
}
.swiper-pagination {
bottom: 0;
height: 1rem;
}
.swiper-pagination-bullet-active {
background: #FFCC00;
}
/*主体列表*/
.content_list {
padding: 0 0.32rem 0 0.36rem;
}
.content_item {
display: flex;
padding: 0.49rem 0;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.content_item:last-child {
border-bottom: none;
}
.content_item img {
width: 1.71rem;
height: 1.51rem;
}
/*列表右侧文字*/
.content_item_text {
display: flex;
flex-direction: column;
margin-left: 0.52rem;
width: 3.5rem;
}
.content_item_text_h {
font-size: 0.32rem;
color: #333333;
overflow: hidden;
}
.content_item_text_subh {
font-size: 0.26rem;
color: #666666;
margin-top: 0.16rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.content_item_num {
display: flex;
margin-top: 0.28rem;
align-items: baseline;
}
.content_item_num_money {
color: #C90103;
font-size: 0.36rem;
margin-right: 0.34rem;
}
.content_item_num_num {
color: #666666;
font-size: 0.24rem;
white-space: nowrap;
}
.content_item_shop_car_icon {
display: block;
position: absolute;
right: 0.32rem;
bottom: 0.48rem;
color: #FFFFFF;
background-color: #FFCC00;
width: 0.64rem;
height: 0.64rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 0.35rem;
}
.choose_num{
right: 0.2rem;
display: flex;
display: none;
position: absolute;
}
.choose_num .iconfont{
font-size: 0.4rem;
}
/*footer*/
.footer {
position: fixed;
bottom: 0;
left: 0;
width: 7.5rem;
left: 50%;
margin-left: -3.75rem;
border-top: 1px solid #CCCCCC;
background-color: #FFFFFF;
font-size: 0.22rem;
height: 1rem;
display: flex;
justify-content: space-around;
}
.footer_item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.footer_item span {
color: #999999;
}
.footer_item img {
width: 0.7rem;
height: 0.7rem;
}
.footer_active span {
color: #FEAD00;
}
/*取货地址详情*/
.add_wrap {
padding: 0.56rem 0.4rem 0;
}
.address_pic_list{
display: flex;
flex-wrap: wrap;
}
.add_wrap span {
font-size: 0.3rem;
color: #333333;
}
.add_wrap_text{
border-bottom: 1px solid #E4E4E4;
padding-bottom: 0.5rem;
}
.add_wrap img {
margin-bottom: 0.3rem;
width: 2rem;
height: 1.5rem;
margin-right: 0.22rem;
}
.add_wrap img:nth-child(3n){
margin-right: 0;
}
/*产品详情*/
.product_banner {
position: relative;
width: 100%rem;
height: 6.72rem;
}
.product_banner img {
width: 100%;
height: 100%;
}
.product_banner .icon-index {
position: absolute;
right: 0.2rem;
top: 0.2rem;
color: #FFFFFF;
display: block;
width: 0.8rem;
height: 0.8rem;
background: rgba(0, 0, 0, 0.5);
text-align: center;
line-height: 0.8rem;
border-radius: 50%;
font-size: 0.4rem;
}
.footer_wrap .icon-icon--1{
font-size: 0.5rem;
}
/*产品介绍*/
.product {
background-color: #F7F7F7;
}
.product_introduce {
background-color: #FFFFFF;
display: flex;
flex-direction: column;
padding: 0.56rem 0.32rem 0.56rem 0.4rem;
width: 100%;
position: relative;
margin-bottom: 0.16rem;
}
.product_introduce_text {
display: flex;
width: 5.3rem;
flex-direction: column;
}
.product_introduce_name {
font-size: 0.36rem;
color: #333333;
width: 5.3rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.product_introduce_subname {
font-size: 0.26rem;
color: #666666;
line-height: 0.5rem;
width: 5.3rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.product_introduce_num {
display: flex;
align-items: baseline;
}
.product_introduce_num span {
height: 0.4rem;
}
.product_introduce_num span:nth-child(1) {
font-size: 0.3rem;
color: #C90103;
}
.product_introduce_num span:nth-child(2) {
font-size: 0.4rem;
color: #C90103;
margin-left: 0.05rem;
}
.product_introduce_num span:nth-child(3) {
font-size: 0.26rem;
color: #999999;
margin-left: 0.2rem;
}
/*icon*/
.product_introduce_icon {
position: absolute;
width: 1.6rem;
right: 0;
top: 0.57rem;
height: 1.5rem;
border-left: 1px solid #E4E4E4;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.product_introduce_icon .icon-31daipingjia {
font-size: 0.5rem;
color: #999999;
}
.product_introduce_icon span {
font-size: 0.22rem;
color: #333333;
}
/*商品详情*/
.product_details {
background-color: #FFFFFF;
padding: 0.38rem 0.59rem 0.59rem 0.59rem;
}
.product_details_h {
font-size: 0.26rem;
color: #111111;
text-align: center;
margin-bottom: 0.37rem;
}
.product_details_pic {
margin-bottom: 0.43rem;
}
.product_details_pic img {
width: 6.28rem;
height: 4.5rem;
margin-right: 0.26rem;
margin-top: 0.26rem;
}
.product_details_pic img:last-child {
margin-right: 0;
}
.product_details p {
font-size: 0.24rem;
color: #666666;
font-weight: Light;
line-height: 0.4rem;
}
/*footer*/
.footer_wrap {
display: flex;
position: fixed;
left: 0;
bottom: 0;
z-index: 2;
left: 50%;
width: 7.5rem;
margin-left: -3.75rem;
}
.shop_car_icon {
width: 1.54rem;
height: 1rem;
text-align: center;
color: #666666;
background-color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.shop_car_icon p {
position: absolute;
display: block;
font-size: 0.24rem;
color: #FFFFFF;
background-color: #C90103;
width: 0.28rem;
height: 0.28rem;
border-radius: 50%;
left: 0.89rem;
top: 0.15rem;
}
.choose_num_control{
display: flex;
align-items: center;
}
.num_reduce ,.num_add{
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.3rem;
text-align: center;
line-height: 0.42rem;
}
.num_reduce {
border: 1px solid #CCCCCC;
color: #CCCCCC;
width: 0.4rem;
height: 0.4rem;
}
.num_add{
background-color: #FFCC00;
color: #FFFFFF;
width: 0.42rem;
height: 0.42rem;
}
.product_introduce_footer {
width: 5.97rem;
height: 1rem;
text-align: center;
line-height: 1rem;
font-size: 0.31rem;
color: #333333;
background-color: #FFCC00;
}
\ No newline at end of file
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
margin: 0;
padding: 0;
font-family: PingFang-SC-Medium;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
}
a {
text-decoration: none;
outline: none;
color: white;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
position: relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
background-color: RGBA(245, 246, 250, 1);
}
img {
display: block;
width: 100%;
height: 100%;
}
div {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
}
li {
list-style: none;
}
li img {
display: block;
width: 100%;
height: 100%;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
outline: none !important;
}
textarea {
-webkit-appearance: none;
outline: none !important;
}
.nomore{
width: 3rem;
height: 3rem;
margin: 0 auto;
margin-top: 3rem;
}
.nomore_font{
font-size:0.26rem;
font-family:PingFang-SC-Medium;
color:RGBA(102, 102, 102, 1);
line-height:0.7rem;
text-align: center;
}
span{
margin: 0rem;
padding: 0rem;
}
.container{
width: 7.5rem;
height: 100%;
margin: 0 auto;
box-sizing: border-box;
overflow-y: scroll;
background-color: #FFFFFF;
}
.foot_cartnum{
position: absolute;
width: 0.36rem;
height: 0.36rem;
background-color: #FF4800;
right: 3.3rem;
top: 0rem;
border-radius: 50%;
color: #FFFFFF;
font-size: 0.2rem;
text-align: center;
line-height: 0.36rem;
}
[v-cloak]{
display: none;
}