232 lines
7.8 KiB
HTML
232 lines
7.8 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=devic-wdith, initial-scale=1.0" />
|
||
<title></title>
|
||
</head>
|
||
<!-- 全局css -->
|
||
<link rel="stylesheet" href="css/quanju.css" />
|
||
<!-- 首页css -->
|
||
<link rel="stylesheet" href="css/index.css" />
|
||
<body>
|
||
<div class="header">马上洗</div>
|
||
<div class="page-top">
|
||
<div class="top-it" id="it-1"><a href="#">首页</a></div>
|
||
<div class="top-it"><a href="order.html">订单</a></div>
|
||
<div class="top-it"><a href="me.html">我的</a></div>
|
||
</div>
|
||
<div class="banner">
|
||
<div class="wrap">
|
||
<img src="img/组%201@2x.png" >
|
||
<img src="#" >
|
||
</div>
|
||
<div class="banner-button">
|
||
<span></span>
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
<div class="art-top">
|
||
<div class="left"></div>
|
||
<span class="left-text">任意洗</span>
|
||
<img src="img/矢量智能对象.png" />
|
||
<span class="right-text" id="text1">可洗范围</span>
|
||
</div>
|
||
<div class="art">
|
||
<div class="art-2">
|
||
<div id="top">普通鞋服</div>
|
||
<div id="body">任选2件</div>
|
||
<div id="foot">￥49</div>
|
||
<a href="#"><img src="img/组%202.png" /></a>
|
||
</div>
|
||
<div class="art-3">
|
||
<div id="top">普通鞋服</div>
|
||
<div id="body">任选3件</div>
|
||
<div id="foot">￥69</div>
|
||
<a href="#"><img src="img/组%202.png" /></a>
|
||
</div>
|
||
<div class="art-4">
|
||
<div id="top">普通鞋服</div>
|
||
<div id="body">任选4件</div>
|
||
<div id="foot">￥99</div>
|
||
<a href="#"><img src="img/组%202.png" /></a>
|
||
</div>
|
||
</div>
|
||
<div class="only-top">
|
||
<div class="left"></div>
|
||
<span class="left-text">单品洗</span>
|
||
<img src="img/矢量智能对象.png" />
|
||
<span class="right-text" id="text2">可洗范围</span>
|
||
</div>
|
||
<div class="only-shop">
|
||
<div class="only">
|
||
<div class="only-body">
|
||
<img class="body-value" src="img/组%201%20(10).png"/>
|
||
<img class="add" src="img/组%202.png"/>
|
||
</div>
|
||
<div class="only-foot1">羽绒服</div>
|
||
<div class="only-foot2">￥49</div>
|
||
</div>
|
||
<div class="only">
|
||
|
||
<div class="only-body">
|
||
<img class="body-value" src="img/组%201%20(1).png"/>
|
||
<img class="add" src="img/组%202.png"/>
|
||
</div>
|
||
<div class="only-foot1">羊毛外套</div>
|
||
<div class="only-foot2">￥55</div>
|
||
</div>
|
||
<div class="only">
|
||
<div class="only-body">
|
||
<img class="body-value" src="img/组%201%20(2).png"/>
|
||
<img class="add" src="img/组%202.png"/>
|
||
</div>
|
||
<div class="only-foot1">风衣</div>
|
||
<div class="only-foot2">￥49</div>
|
||
</div>
|
||
<div class="only">
|
||
<div class="only-body">
|
||
<img class="body-value" src="img/组%201%20(3).png"/>
|
||
<img class="add" src="img/组%202.png"/>
|
||
</div>
|
||
<div class="only-foot1">棉衣外套</div>
|
||
<div class="only-foot2">￥49</div>
|
||
</div>
|
||
<div class="only">
|
||
<div class="only-body">
|
||
<img class="body-value" src="img/组%201%20(4).png"/>
|
||
<img class="add" src="img/组%202.png"/>
|
||
</div>
|
||
<div class="only-foot1">西服</div>
|
||
<div class="only-foot2">￥28</div>
|
||
</div>
|
||
<div class="only">
|
||
<div class="only-body">
|
||
<img class="body-value" src="img/组%201%20(5).png"/>
|
||
<img class="add" src="img/组%202.png"/>
|
||
</div>
|
||
<div class="only-foot1">夹克</div>
|
||
<div class="only-foot2">￥49</div>
|
||
</div>
|
||
<div class="only">
|
||
<div class="only-body">
|
||
<img class="body-value" src="img/组%201%20(6).png"/>
|
||
<img class="add" src="img/组%202.png"/>
|
||
</div>
|
||
<div class="only-foot1">羊毛衫</div>
|
||
<div class="only-foot2">￥28</div>
|
||
</div>
|
||
<div class="only">
|
||
<div class="only-body">
|
||
<img class="body-value" src="img/组%201%20(7).png"/>
|
||
<img class="add" src="img/组%202.png"/>
|
||
</div>
|
||
<div class="only-foot1">连衣裙</div>
|
||
<div class="only-foot2">￥55</div>
|
||
</div>
|
||
<div class="only">
|
||
<div class="only-body">
|
||
<img class="body-value" src="img/组%201%20(8).png"/>
|
||
<img class="add" src="img/组%202.png"/>
|
||
</div>
|
||
<div class="only-foot1">帆布鞋</div>
|
||
<div class="only-foot2">￥38</div>
|
||
</div>
|
||
<div class="only">
|
||
<div class="only-body">
|
||
<img class="body-value" src="img/组%202%20(1).png"/>
|
||
<img class="add" src="img/组%202.png"/>
|
||
</div>
|
||
<div class="only-foot1">运动鞋</div>
|
||
<div class="only-foot2">￥38</div>
|
||
</div>
|
||
<div class="only">
|
||
<div class="only-body">
|
||
<img class="body-value" src="img/组%203.png"/>
|
||
<img class="add" src="img/组%202.png"/>
|
||
</div>
|
||
<div class="only-foot1">光面皮鞋</div>
|
||
<div class="only-foot2">￥38</div>
|
||
</div>
|
||
<div class="only">
|
||
<div class="only-body">
|
||
<img class="body-value" src="img/组%204.png"/>
|
||
<img class="add" src="img/组%202.png"/>
|
||
</div>
|
||
<div class="only-foot1">补差价专拍</div>
|
||
<div class="only-foot2">￥5</div>
|
||
</div>
|
||
<div class="only">
|
||
<div class="only-body">
|
||
<img class="body-value" src="img/组%201%20(9).png"/>
|
||
<img class="add" src="img/组%202.png"/>
|
||
</div>
|
||
<div class="only-foot1">5元无门槛优惠券</div>
|
||
<div class="only-foot2">￥5</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<div class="shop">
|
||
<img class="shoping" src="img/组%201%20(11).png" alt="">
|
||
</div>
|
||
<div class="add">合计:￥<span>0.00</span></div>
|
||
<div class="cheap">优惠￥<span>0</span>元</div>
|
||
<div class="gopay">去付款</div>
|
||
<div class="cart">
|
||
<div class="cart-header">
|
||
<span class="left"></span>
|
||
<span class="center"></span>
|
||
<span class="right"></span>
|
||
</div>
|
||
<div class="cart-body"></div>
|
||
<div class="cart-footer"></div>
|
||
</div>
|
||
</div>
|
||
<div class="float">
|
||
<div class="value">
|
||
<div class="tite">任意洗说明</div>
|
||
<div class="body">
|
||
套餐不含：1、旗袍、唐装、婚纱/礼服。2.皮衣、皮草、带真皮/PU皮类的衣物。3.真丝、蚕丝类、特殊涂层类衣物，奢侈品等贵重衣物。4.皮鞋、皮靴、雪地靴、真皮球鞋等高价值鞋类和靴类。5.大衣上可拆卸的毛领。该类毛领需要单独护理，入厂按10元/件成本收取（无法拆卸的不收费）。<br />
|
||
套餐包含：1.羽绒服（长/短）、呢子衣（长/短）、风衣、棉衣、T恤、卫衣/抓绒衣、羊毛衫/羊绒衫等普通上装。3.连衣裙/连体裤、半身裙/褶裙、西裤/休闲裤等普通裤裙。4.跑步鞋、球鞋、休闲鞋、帆布鞋等普通休闲运动鞋。
|
||
</div>
|
||
<div class="button">确认</div>
|
||
</div>
|
||
</div>
|
||
<div class="float2">
|
||
<div class="value">
|
||
<div class="tite">单品洗说明</div>
|
||
<div class="body">
|
||
单品洗不含：1、皮衣、皮草、带真皮/PU皮类的衣物。2.真丝、蚕丝类、特殊涂层类衣物，奢侈品等贵重衣物。3.皮鞋、皮靴、雪地靴、真皮球鞋等高价值鞋类和靴类。4.大衣上可拆卸的毛领。该类毛领需要单独护理，入厂按10元/件成本收取（无法拆卸的不收费）。
|
||
|
||
</div>
|
||
<div class="button">确认</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
(function(){
|
||
var html=document.documentElement;
|
||
var width=html.getBoundingClientRect().width;
|
||
html.style.fontSize=width/20+'px';
|
||
}())
|
||
var floata=document.querySelector('.float');
|
||
var floatb=document.querySelector('.float2');
|
||
var showa=document.querySelector('#text1');
|
||
var showb=document.querySelector('#text2');
|
||
var btna=document.querySelector('.float .button');
|
||
var btnb=document.querySelector('.float2 .button');
|
||
showa.addEventListener("click",function(){
|
||
floata.style.display="block";
|
||
})
|
||
btna.addEventListener('click',function(){
|
||
floata.style.display="none";
|
||
})
|
||
showb.addEventListener("click",function(){
|
||
floatb.style.display="block";
|
||
})
|
||
btnb.addEventListener('click',function(){
|
||
floatb.style.display="none";
|
||
})
|
||
</script>
|
||
</body>
|
||
</html>
|