U102328 7 år sedan
förälder
incheckning
2b3a33c406
4 ändrade filer med 132 tillägg och 6 borttagningar
  1. 64 1
      userWeb/UI/css/home.css
  2. 40 3
      userWeb/UI/home.html
  3. 19 0
      userWeb/UI/img/logo_imgtee.svg
  4. 9 2
      userWeb/UI/js/home.js

+ 64 - 1
userWeb/UI/css/home.css

@@ -1 +1,64 @@
-/*首页*/
+/*首页*/
+#home .title{
+	text-align: center;
+    padding-top: 196px;
+}
+#home .input>p{
+    height: 50px;
+    text-align: center;
+    margin: 0 auto;
+    width: 38.5%;
+    margin-top: 63px;
+}
+#home .input p>input{
+	background:#ffffff;
+	border:1px solid #c8ccd5;
+	width:658px;
+	height:50px;
+    float:left;
+    text-indent: 1em;
+}
+#home .input p>span{
+    background: url(../img/search_icon_white.svg) no-repeat;
+    float: left;
+    display: inline-block;
+    width: 71px;
+    height: 50px;
+    border-radius: 1px;
+    line-height: 50px;
+    border-left: 0;
+    background-color: #00c400;
+    background-position: 50% 50%;
+}
+#home .input .hot{
+	text-align: left;
+    width: 38.5%;
+    margin: 0 auto;
+    margin-top: 20px;
+}
+#home .input .hot .tit{
+	margin: 0
+}
+#home .carousel{
+	height: 275px;
+    text-align: center;
+    margin-top: 82px;
+}
+#home .carousel .main{
+	text-align: center;
+}
+#home .carousel>span{
+	display: inline-block;
+	width: 30px;
+	height: 100%;
+}
+#home .carousel ul{
+	display: inline-block;
+}
+#home .carousel ul li{
+	list-style: none;
+	float:left;
+	width: 80px;
+	height: 120px;
+	border: 1px solid #999;
+}

+ 40 - 3
userWeb/UI/home.html

@@ -1,6 +1,43 @@
 <!-- 首页的默认UI层 -->
 <div id="home">
-	<h1>首页的默认UI层</h1>
-	<h1>首页的默认UI层</h1>
-	<h1>首页的默认UI层</h1>
+	<div class="title"><img src="UI/img/logo_imgtee.svg" alt=""></div>
+	<div class="input">
+		<p>
+			<input type="text" placeholder="What t-shirt do you like?" />
+			<span></span>
+		</p>
+		<div class="hot">
+			<p class="tit">Hot Search:</p>
+			<p class="word">
+				<a href="">game of thrones</a>
+				<a href="">TBBT</a>
+				<a href="">Sheldon</a>
+			</p>
+		</div>
+	</div>
+	<div class="carousel">
+		<p class="tit">Some T-shirts You May Like:</p>
+		<div class="main">
+			<span class="glyphicon glyphicon-menu-left"></span>
+			<ul>
+				<li>
+					<img src="" alt="">
+				</li>
+				<li>
+					<img src="" alt="">
+				</li>
+				<li>
+					<img src="" alt="">
+				</li>
+				<li>
+					<img src="" alt="">
+				</li>
+				<li>
+					<img src="" alt="">
+				</li>
+				<div style="clear:both;"></div>
+			</ul>
+			<span class="glyphicon glyphicon-menu-right"></span>
+		</div>
+	</div>
 </div>

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 19 - 0
userWeb/UI/img/logo_imgtee.svg


+ 9 - 2
userWeb/UI/js/home.js

@@ -1,5 +1,12 @@
 // 添加首页默认UI
 addUI("home",function(){
+	new homeF();
 	$("#home").show();
-	loadFooter();//加载页脚
-});
+	loadFooter();//加载页脚 
+});
+function homeF(){
+	function lang(){	//语言初始化
+		
+	}
+	lang();
+}