Skip to content

farm #165

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
gengwl wants to merge 1 commit into
base: master
Choose a base branch
from
Open

farm #165

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
71 changes: 71 additions & 0 deletions 2017-3-9/耿文丽-farm/cityList.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" type="text/css" href="css/cityList.css">
<link rel="stylesheet" type="text/css" href="css/base.css">
<script>
;(function(){
let html=document.documentElement;
html.style.fontSize=html.clientWidth*20/320+'px';
window.onresize = function(){
html.style.fontSize=html.clientWidth*20/320+'px';
};
})();
</script>
</head>
<body>
<!-- header -->
<header class="cityListHeader">
<a href="javascript:;"><img src="img/sanjiao.png"></a>
<h1>城市列表</h1>
</header>
<!-- line -->
<div class="cityListLine"></div>
<!-- now address -->
<div class="cityListNowAddress">
<div class="nowaddress">
<a href="javascript:;">当前位置</a>
</div>
<div class="nowaddress">
<a href="javascript:;">深圳</a>
</div>
</div>
<!-- line -->
<div class="cityListLine"></div>
<!-- choose -->
<div class="cityListChoose clearfix">
<h2>请选择商业区</h2>
<div class="cityListChooseBox">
<ul>
<li class="fl"><a href:"javascript:;">东门老街</a></li>
<li class="fl"><a href:"javascript:;">罗湖商业城</a></li>
<li class="fl"><a href:"javascript:;">华强北</a></li>
<li class="fl"><a href:"javascript:;">福田中心</a></li>
<li class="fl"><a href:"javascript:;">八卦岭</a></li>
<li class="fl"><a href:"javascript:;">沙头角</a></li>
<li class="fl"><a href:"javascript:;">湾口岸</a></li>
<li class="fl"><a href:"javascript:;">南山-南油</a></li>
</ul>
</div>
</div>

<!-- line -->
<div class="cityListLine"></div>
<!-- Province -->
<div class="cityListLineProvince">
<ul>
<li>省列城市</li>
<li>深圳</li>
<li>北京</li>
<li>上海</li>
<li>广州</li>
<li>苏州</li>
</ul>
</div>
</body>
</html>
115 changes: 115 additions & 0 deletions 2017-3-9/耿文丽-farm/clickApply.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,115 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" type="text/css" href="css/clickApply.css">
<link rel="stylesheet" type="text/css" href="css/base.css">
<script>
;(function(){
let html=document.documentElement;
html.style.fontSize=html.clientWidth*20/320+'px';
window.onresize = function(){
html.style.fontSize=html.clientWidth*20/320+'px';
};
})();
</script>
</head>
<body>
<!-- header -->
<header class="clickApplyHeader">
<a href="javascript:;"><img src="img/sanjiao.png"></a>
<h1>套餐申请</h1>
</header>
<!-- banner -->
<a class="clickApplyBanner" href="javascript:;">
<img src="img/clickApplyBanner.png" />
</a>
<!-- choose -->
<div class="clickApplyChoose">
<h2>请选择您先吃饭后付款的套餐</h2>
<div class="clickApplyChooseTxt">
<p>
您只需填好下面的表格，工作人员将会和您取得联系，我们会上门让您填好相应的信息，即可先吃菜后付款，以后每次吃完菜，按月扣水电费一样扣款啦！
</p>
<p>
本业务由深圳银联机构提供代扣支持！
</p>
</div>
</div>
<!-- line -->
<div class="clickApplyLine"></div>
<!-- Package -->
<div class="clickApplyPackage clearfix">
<h2>A类素菜套餐</h2>
<ul>
<li>
<p class="clickApplyPackageOne fl"><span class="fl"></span>甜蜜蜜套餐，378元/月(每周配送一次，每次配送9份蔬菜，不低于六斤)</p>
</li>
<li>
<p class="clickApplyPackageTwo fl"><span class="fl"></span>甜蜜蜜套餐，378元/月(每周配送一次，每次配送9份蔬菜，不低于六斤)</p>
</li>
<li>
<p class="clickApplyPackageThree fl"><span class="fl"></span>甜蜜蜜套餐，378元/月(每周配送一次，每次配送9份蔬菜，不低于六斤)</p>
</li>
</ul>
</div>
<!-- line -->
<div class="clickApplyLine"></div>
<!-- Package -->
<div class="clickApplyPackage clearfix">
<h2>B类素菜套餐</h2>
<ul>
<li>
<p class="clickApplyPackageOne fl"><span class="fl"></span>甜蜜蜜套餐，378元/月(每周配送一次，每次配送9份蔬菜，不低于六斤)</p>
</li>
<li>
<p class="clickApplyPackageTwo fl"><span class="fl"></span>甜蜜蜜套餐，378元/月(每周配送一次，每次配送9份蔬菜，不低于六斤)</p>
</li>
<li>
<p class="clickApplyPackageThree fl"><span class="fl"></span>甜蜜蜜套餐，378元/月(每周配送一次，每次配送9份蔬菜，不低于六斤)</p>
</li>
</ul>
</div>
<!-- line -->
<div class="clickApplyLine"></div>
<!-- Package -->
<div class="clickApplyPackage clearfix">
<h2>C类素菜套餐</h2>
<ul>
<li>
<p class="clickApplyPackageOne fl"><span class="fl"></span>甜蜜蜜套餐，378元/月(每周配送一次，每次配送9份蔬菜，不低于六斤)</p>
</li>
<li>
<p class="clickApplyPackageTwo fl"><span class="fl"></span>甜蜜蜜套餐，378元/月(每周配送一次，每次配送9份蔬菜，不低于六斤)</p>
</li>
<li>
<p class="clickApplyPackageThree fl"><span class="fl"></span>甜蜜蜜套餐，378元/月(每周配送一次，每次配送9份蔬菜，不低于六斤)</p>
</li>
</ul>
</div>
<!-- line -->
<div class="clickApplyLine"></div>
<!-- submit -->
<div class="clickApplySubmitApplication">
<div class="clickApplySubmit">
<h2>提交申请</h2>
<div class="clickApplyInput">
<div>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：<input type="text" value="" /></div>
<div>联系方式：<input type="text" value="" /></div>
<div>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：<input type="text" value="" /></div>
<div class="clickApplyInputLast">
<input type="submit" value="提交" />
</div>
</div>
<div class="clickApplyInputTxt">
<p>成功提交后，我们会在3个工作日内联系您！</p>
<span>客服电话：18503094768</span>
</div>
</div>
</div>
</body>
</html>
12 changes: 12 additions & 0 deletions 2017-3-9/耿文丽-farm/css/base.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
*{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:16px;}
a{text-decoration:none;}
b,strong{font-weight:normal; }
i,em{font-style:normal;}
li{list-style:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}


88 changes: 88 additions & 0 deletions 2017-3-9/耿文丽-farm/css/cityList.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
.cityListHeader {
height: 2.25rem;
background: #fdfffc;
border-bottom: 0.025rem solid #c6c6c6;
box-sizing: border-box;
display: flex;
align-items: center;
}

.cityListHeader a {
flex: 1;
width: 0.4rem;
height: 0.8rem;
margin-left: 0.55rem;
}

.cityListHeader a img {
width: 0.4rem;
height: 0.8rem;
vertical-align: top;
}

.cityListHeader h1 {
flex: 2;
font-size: 0.9rem;
color: #5ca32d;
font-weight: bold;
}

.cityListLine {
height: 0.475rem;
background: url(../img/cityList-line.png) repeat-X;
}

.cityListNowAddress {
align-items: center;
}

.cityListNowAddress .nowaddress {
flex: 1;
height: 2rem;
display: block;
border-bottom: 0.025rem solid #e4e6e3;
padding-left: 0.5rem;
}

.cityListNowAddress .nowaddress a {
font-size: 0.55rem;
color: #676767;
}

.cityListChoose h2 {
height: 2.0rem;
line-height: 2.0rem;
padding-left: 0.5rem;
border-bottom: 0.025rem solid #e4e6e3;
box-sizing: border-box;
font-size: 0.55rem;
color: #636363;
}

.cityListChoose .cityListChooseBox ul {
height: 3.75rem;
padding-bottom: 1.5rem;
}

.cityListChoose .cityListChooseBox ul li {
width: 3.2rem;
height: 1.375rem;
text-align: center;
margin-left: 0.5rem;
margin-right: 0.25rem;
margin-top: 0.525rem;
background: #dcdcdc;
border-radius: 0.25rem;
font-size: 0.5rem;
line-height: 1.375rem;
color: #363636;
}

.cityListLineProvince ul li {
height: 2.0rem;
line-height: 2.0rem;
border-bottom: 0.025rem solid #e4e6e3;
font-size: 0.55rem;
color: #363634;
padding-left: 0.5rem;
}
Loading