2017年9月17日 00:59:00

userWeb/UI/about.html

@@ -1,7 +1,6 @@
-<style>
-	#about{}
-</style>
-<!-- 关于页面的UI层 -->
+<!-- 关于页面的默认UI层 -->
 <div id="about">
-	
+	<h1>关于页面的默认UI层 </h1>
+	<h1>关于页面的默认UI层 </h1>
+	<h1>关于页面的默认UI层 </h1>
 </div>

userWeb/UI/control.html

@@ -1,11 +1,18 @@
 <!-- 公共部分-头部导航及控件的UI层 -->
 <div id="control" >
 	<header>
-		<nav class="nav">
-			<img src="UI/img/Logo.svg" />
+		<nav>
+			<a href="home.html">.</a>
 			<a href="shop.html">shop</a>
 			<a href="custom.html">custom</a>
 			<a href="about.html">about</a>
 		</nav>
+		<div class="controlBtn">
+			<span class="search"></span>
+			<span class="avatar"></span>
+			<span class="cart"></span>
+			<span class="menu" style="margin-right:0;"></span>
+		</div>
+		<div class="hr"></div>
 	</header>
 </div>

userWeb/UI/css/control.css

@@ -1,2 +1,70 @@
-#control{
+#control header{
+	height:123px;
+	padding-top: 1px;
 }
+#control header nav{
+	float:left;
+	width:50%;
+	padding-left:80px;
+	height: inherit;
+}
+#control header nav a:nth-child(1){
+	color: #2d3037;
+	background: url(../img/Logo.svg) 47% 49% no-repeat;
+	margin-right:8%;
+	width:65px;
+}
+#control header nav a:nth-child(1):hover{color: #2d3037;}
+#control header nav a{
+	display: inline-block;
+    height: 123px;
+    width: 130px;
+    text-align: center;
+    line-height: 123px;
+    font-weight: 500;
+    color: #A8AAB1;
+    font-size: 16px;
+    font-family: HelveticaNeue-Medium;
+}
+#control header nav a:hover{
+	color:#161A21;
+    font-weight: 600;
+	text-decoration:none;
+}
+#control header .controlBtn{
+    float: right;
+    width: 50%;
+    text-align: right;
+    height: inherit;
+    padding-top: 45px;
+    padding-right: 94px;
+}
+#control header .controlBtn span{
+    display: inline-block;
+    width: 32px;
+    height: 32px;
+    margin-right: 46px;
+}
+#control .search{background:url("../img/search_icon.svg") no-repeat;
+}
+#control .search:hover{background:url("../img/search_icon_hover.svg") no-repeat;
+}
+#control .avatar{background:url("../img/avatar_default.svg") no-repeat;
+}
+#control .avatar:hover{background:url("../img/avatar_default_hover.svg") no-repeat;
+}
+#control .cart{background:url("../img/cart_icon.svg") no-repeat;
+}
+#control .cart:hover{background:url("../img/cart_icon_hover.svg") no-repeat;
+}
+#control .menu{background:url("../img/menu_icon.svg") no-repeat;
+}
+#control .menu:hover{background:url("../img/menu_icon_hover.svg") no-repeat;
+}
+#control header .hr{
+	float: left;
+    width: 88%;
+    height: 1.5px;
+    background: #F8F8F8;
+    margin: 0 6%;
+}

userWeb/UI/custom.html

@@ -1,7 +1,6 @@
-<style>
-	#custom{}
-</style>
-<!-- 定制页面的层 -->
+<!-- 定制页面的默认UI层 -->
 <div id="custom">
-	
+	<h1>定制页面的默认UI层</h1>
+	<h1>定制页面的默认UI层</h1>
+	<h1>定制页面的默认UI层</h1>
 </div>

userWeb/UI/home.html

@@ -1,4 +1,6 @@
-<!-- 首页的默认ui层 -->
+<!-- 首页的默认UI层 -->
 <div id="home">
-	<h1>首页的ui层</h1>
+	<h1>首页的默认UI层</h1>
+	<h1>首页的默认UI层</h1>
+	<h1>首页的默认UI层</h1>
 </div>

userWeb/UI/js/about.js

@@ -1,5 +1,9 @@
 // 添加首页默认UI
-addUI("home",function(){
-	console.log("home加载回调")
-	// $("#home").show();
+addUI("about",function(){
+	$("#control nav a:eq(3)").css({
+		"color": '#161A21',
+		"font-weight": '600',
+		"text-decoration": 'none'
+	});
+	$("#about").show();
 });

userWeb/UI/js/control.js

@@ -7,9 +7,9 @@ addUI("control",function(){ //加载control回调
 });
 function controlF(){
 	function lang(){	//语言初始化
-		$("#control nav a:eq(0)").text(currentLang.c0000)
-		$("#control nav a:eq(1)").text(currentLang.c0001)
-		$("#control nav a:eq(2)").text(currentLang.c0002)
+		$("#control nav a:eq(1)").text(currentLang.c0000)
+		$("#control nav a:eq(2)").text(currentLang.c0001)
+		$("#control nav a:eq(3)").text(currentLang.c0002)
 	}
 	lang();
 }

userWeb/UI/js/custom.js

@@ -1,5 +1,9 @@
 // 添加首页默认UI
-addUI("home",function(){
-	console.log("home加载回调")
-	// $("#home").show();
+addUI("custom",function(){
+	$("#control nav a:eq(2)").css({
+		"color": '#161A21',
+		"font-weight": '600',
+		"text-decoration": 'none'
+	});
+	$("#custom").show();
 });

userWeb/UI/js/home.js

@@ -1,5 +1,4 @@
 // 添加首页默认UI
 addUI("home",function(){
-	console.log("home加载回调")
-	// $("#home").show();
+	$("#home").show();
 });

userWeb/UI/js/shop.js

@@ -1,5 +1,9 @@
 // 添加首页默认UI
-addUI("home",function(){
-	console.log("home加载回调")
-	// $("#home").show();
+addUI("shop",function(){
+	$("#control nav a:eq(1)").css({
+		"color": '#161A21',
+		"font-weight": '600',
+		"text-decoration": 'none'
+	});
+	$("#shop").show();
 });

userWeb/UI/shop.html

@@ -1,6 +1,6 @@
-<style>
-	#control{}
-</style>
-<div id="home">
-	
+<!-- 商店的默认UI层 -->
+<div id="shop">
+	<h1>商店的默认UI层</h1>
+	<h1>商店的默认UI层</h1>
+	<h1>商店的默认UI层</h1>
 </div>

userWeb/config/language.js

@@ -1,9 +1,9 @@
 // 0英文   1中文
 var languageJson = {
 	0:{
-		"c0000":"shop",
-		"c0001":"custom",
-		"c0002":"about",
+		"c0000":"SHOP",
+		"c0001":"CUSTOM",
+		"c0002":"ABOUT",
 	},
 	1:{
 		"c0000":"商店",