Home Esplora Aiuto
Registrati Accedi
zkx
/
lanhu-bootstrap
1
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Sfoglia il codice sorgente

公共化头部

zhengkaixin 3 anni fa
parent
0c3ee31d00
commit
c11b477cb0
12 ha cambiato i file con 1359 aggiunte e 59 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. BIN
      assets/img/head_add.png
  2. BIN
      assets/img/head_icon_language.png
  3. BIN
      assets/img/head_logo.png
  4. 0 9
      assets/img/index.html
  5. 55 28
      assets/js/language.js
  6. 900 0
      css/head.css
  7. 0 9
      html/company/index.html
  8. 291 0
      html/company/register.html
  9. 85 0
      html/head.html
  10. 18 13
      html/lanhu/index.html
  11. 1 0
      i18n/strings_ot.properties
  12. 9 0
      js/less.min.js

BIN
assets/img/head_add.png
Vedi File


BIN
assets/img/head_icon_language.png
Vedi File


BIN
assets/img/head_logo.png
Vedi File


+ 0 - 9
assets/img/index.html
Vedi File 

@@ -1,9 +0,0 @@
 
-<!DOCTYPE html>
 
-<html>
 
-	<head>
 
-		<meta charset="utf-8">
 
-		<title></title>
 
-	</head>
 
-	<body>
 
-	</body>
 
-</html>

+ 55 - 28
assets/js/language.js
Vedi File 

@@ -1,29 +1,56 @@
 
-$(function(){
 
-	var default_value="en";
 
-	function loadProperties(val) {
 
-	            jQuery.i18n.properties({//加载资浏览器语言对应的资源文件
 
-	                name : 'strings', //资源文件名称
 
-	                path : '/lanhu-bootstrap/i18n/', //资源文件路径
 
-	                mode : 'map', //用Map的方式使用资源文件中的值
 
-	                language : val, // - 不支持  ，支持_
 
-	                callback : function() {//加载成功后设置显示内容
 
-	                    $('.i18n-text').each(function() {
 
-							var prop=$(this).attr('i18n')
 
-							var value=$.i18n.prop(prop)
 
-	                        $(this).text(value);
 
-	                    });
 
-						$('.i18n-input').each(function() {
 
-						    $(this).value($.i18n.prop($(this).text()));
 
-						});
 
-						
-	                }
 
-	            });
 
-	        }
 
-	$("#language").on("change",function(){
 
-		
-		loadProperties($(this).val());
 
-		
-	})
 
-	loadProperties(default_value);
 
-	
+$(function() {

+	var default_value = "en";

+	$("#language").on("change", function() {

+		loadProperties($(this).val());

+	})

+	var value = window.localStorage.getItem("i18n_default_value");

+	var sz = ["en", "zh", "ot"]

+	var szname = ["English", "Chinese", "Other"]

+	if (value) {

+		default_value = value;

+	}

+	loadProperties(default_value);

+

+	function loadProperties(val) {

+		$("#languagelist").empty()

+		window.localStorage.setItem("i18n_default_value", val);

+		for (var i in sz) {

+			if (sz[i] == val) {

+				$("#language_show").text(szname[i])

+			} else {

+				//languagelist

+				var item = $('<li txt="' + sz[i] + '"><a href="#" txt="' + sz[i] + '" >' + szname[i] +

+					'</a></li>')

+

+				item.on("click", function() {

+

+					loadProperties($(this).attr('txt'));

+				})

+				$("#languagelist").append(item);

+			}

+		}

+

+		jQuery.i18n.properties({ //加载资浏览器语言对应的资源文件

+			name: 'strings', //资源文件名称

+			path: '/lanhu-bootstrap/i18n/', //资源文件路径

+			mode: 'map', //用Map的方式使用资源文件中的值

+			language: val, // - 不支持  ，支持_

+			callback: function() { //加载成功后设置显示内容

+				$('.i18n-text').each(function() {

+					var prop = $(this).attr('i18n')

+					var value = $.i18n.prop(prop)

+					$(this).text(value);

+				});

+				$('.i18n-input').each(function() {

+					$(this).value($.i18n.prop($(this).text()));

+				});

+

+			}

+		});

+	}

+

+

+

+

+

 })

File diff suppressed because it is too large
+ 900 - 0
css/head.css


+ 0 - 9
html/company/index.html
Vedi File 

@@ -1,9 +0,0 @@
 
-<!DOCTYPE html>
 
-<html>
 
-	<head>
 
-		<meta charset="utf-8">
 
-		<title></title>
 
-	</head>
 
-	<body>
 
-	</body>
 
-</html>

+ 291 - 0
html/company/register.html
Vedi File 

@@ -0,0 +1,291 @@
 
+<!DOCTYPE html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title></title>
 
+	</head>
 
+	<body>
 
+		<div id="head"></div>
 
+		<script>
 
+		$(function(){
 
+			$("#head").load("../head.html");
 
+		})
 
+		
+		</script>
 
+		<div class="container-fluid">
 
+			<div class="row-fluid">
 
+				<div class="span12">
 
+					<div class="navbar">
 
+						<div class="navbar-inner">
 
+							<div class="container-fluid">
 
+								 <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar collapsed"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a> <a href="#" class="brand">网站名222</a>
 
+								<div class="nav-collapse navbar-responsive-collapse in collapse">
 
+									<ul class="nav">
 
+										<li class="active">
 
+											<a href="#">主页</a>
 
+										</li>
 
+										<li>
 
+											<a href="#">链接</a>
 
+										</li>
 
+										<li>
 
+											<a href="#">链接</a>
 
+										</li>
 
+										<li class="dropdown">
 
+											 <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
 
+											<ul class="dropdown-menu">
 
+												<li>
 
+													<a href="#">下拉导航1</a>
 
+												</li>
 
+												<li>
 
+													<a href="#">下拉导航2</a>
 
+												</li>
 
+												<li>
 
+													<a href="#">其他</a>
 
+												</li>
 
+												<li class="divider">
 
+												</li>
 
+												<li class="nav-header">
 
+													标签
 
+												</li>
 
+												<li>
 
+													<a href="#">链接1</a>
 
+												</li>
 
+												<li>
 
+													<a href="#">链接2</a>
 
+												</li>
 
+											</ul>
 
+										</li>
 
+									</ul>
 
+									<ul class="nav pull-right">
 
+										<li>
 
+											<a href="#">右边链接</a>
 
+										</li>
 
+										<li class="divider-vertical">
 
+										</li>
 
+										<li class="dropdown">
 
+											 <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
 
+											<ul class="dropdown-menu">
 
+												<li>
 
+													<a href="#">下拉导航1</a>
 
+												</li>
 
+												<li>
 
+													<a href="#">下拉导航2</a>
 
+												</li>
 
+												<li>
 
+													<a href="#">其他</a>
 
+												</li>
 
+												<li class="divider">
 
+												</li>
 
+												<li>
 
+													<a href="#">链接3</a>
 
+												</li>
 
+											</ul>
 
+										</li>
 
+									</ul>
 
+								</div>
 
+								
+							</div>
 
+						</div>
 
+						
+					</div>
 
+				</div>
 
+			</div>
 
+			<div class="row-fluid">
 
+				<div class="span12">
 
+					<dl>
 
+						<dt>
 
+							Rolex
 
+						</dt>
 
+						<dd>
 
+							劳力士创始人为汉斯.威尔斯多夫，1908年他在瑞士将劳力士注册为商标。
 
+						</dd>
 
+						<dt>
 
+							Vacheron Constantin
 
+						</dt>
 
+						<dd>
 
+							始创于1775年的江诗丹顿已有250年历史，
 
+						</dd>
 
+						<dd>
 
+							是世界上历史最悠久、延续时间最长的名表之一。
 
+						</dd>
 
+						<dt>
 
+							IWC
 
+						</dt>
 
+						<dd>
 
+							创立于1868年的万国表有“机械表专家”之称。
 
+						</dd>
 
+						<dt>
 
+							Cartier
 
+						</dt>
 
+						<dd>
 
+							卡地亚拥有150多年历史，是法国珠宝金银首饰的制造名家。
 
+						</dd>
 
+					</dl>
 
+					<h3>
 
+						h3. 这是一套可视化布局系统.
 
+					</h3><img alt="140x140" src="img/a.jpg" />
 
+				</div>
 
+			</div>
 
+			<div class="row-fluid">
 
+				<div class="span12">
 
+					<form>
 
+						<fieldset>
 
+							 <legend>表单项</legend> <label>表签名</label><input type="text" /> <span class="help-block">这里填写帮助信息.</span> <label class="checkbox"><input type="checkbox" /> 勾选同意</label> <button type="submit" class="btn">提交</button>
 
+						</fieldset>
 
+					</form>
 
+				</div>
 
+			</div>
 
+			<div class="row-fluid">
 
+				<div class="span12">
 
+					<div class="row-fluid">
 
+						<div class="span8">
 
+							<div class="row-fluid">
 
+								<div class="span6">
 
+									<div class="btn-group">
 
+										 <button class="btn">Action</button> <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
 
+										<ul class="dropdown-menu">
 
+											<li>
 
+												<a href="#">操作</a>
 
+											</li>
 
+											<li>
 
+												<a href="#">设置栏目</a>
 
+											</li>
 
+											<li>
 
+												<a href="#">更多设置</a>
 
+											</li>
 
+											<li class="divider">
 
+											</li>
 
+											<li class="dropdown-submenu">
 
+												 <a tabindex="-1" href="#">更多选项</a>
 
+												<ul class="dropdown-menu">
 
+													<li>
 
+														<a href="#">操作</a>
 
+													</li>
 
+													<li>
 
+														<a href="#">设置栏目</a>
 
+													</li>
 
+													<li>
 
+														<a href="#">更多设置</a>
 
+													</li>
 
+												</ul>
 
+											</li>
 
+										</ul>
 
+									</div>
 
+								</div>
 
+								<div class="span6">
 
+									<form class="form-search">
 
+										<input class="input-medium search-query" type="text" /> <button type="submit" class="btn">查找</button>
 
+									</form>
 
+								</div>
 
+							</div>
 
+						</div>
 
+						<div class="span4">
 
+							<div class="btn-group">
 
+								 <button class="btn">Action</button> <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
 
+								<ul class="dropdown-menu">
 
+									<li>
 
+										<a href="#">操作</a>
 
+									</li>
 
+									<li>
 
+										<a href="#">设置栏目</a>
 
+									</li>
 
+									<li>
 
+										<a href="#">更多设置</a>
 
+									</li>
 
+									<li class="divider">
 
+									</li>
 
+									<li class="dropdown-submenu">
 
+										 <a tabindex="-1" href="#">更多选项</a>
 
+										<ul class="dropdown-menu">
 
+											<li>
 
+												<a href="#">操作</a>
 
+											</li>
 
+											<li>
 
+												<a href="#">设置栏目</a>
 
+											</li>
 
+											<li>
 
+												<a href="#">更多设置</a>
 
+											</li>
 
+										</ul>
 
+									</li>
 
+								</ul>
 
+							</div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+			<div class="row-fluid">
 
+				<div class="span4">
 
+					<div class="btn-group">
 
+						 <button class="btn">Action</button> <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
 
+						<ul class="dropdown-menu">
 
+							<li>
 
+								<a href="#">操作</a>
 
+							</li>
 
+							<li>
 
+								<a href="#">设置栏目</a>
 
+							</li>
 
+							<li>
 
+								<a href="#">更多设置</a>
 
+							</li>
 
+							<li class="divider">
 
+							</li>
 
+							<li class="dropdown-submenu">
 
+								 <a tabindex="-1" href="#">更多选项</a>
 
+								<ul class="dropdown-menu">
 
+									<li>
 
+										<a href="#">操作</a>
 
+									</li>
 
+									<li>
 
+										<a href="#">设置栏目</a>
 
+									</li>
 
+									<li>
 
+										<a href="#">更多设置</a>
 
+									</li>
 
+								</ul>
 
+							</li>
 
+						</ul>
 
+					</div>
 
+				</div>
 
+				<div class="span4">
 
+					<div class="btn-group">
 
+						 <button class="btn">Action</button> <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
 
+						<ul class="dropdown-menu">
 
+							<li>
 
+								<a href="#">操作</a>
 
+							</li>
 
+							<li>
 
+								<a href="#">设置栏目</a>
 
+							</li>
 
+							<li>
 
+								<a href="#">更多设置</a>
 
+							</li>
 
+							<li class="divider">
 
+							</li>
 
+							<li class="dropdown-submenu">
 
+								 <a tabindex="-1" href="#">更多选项</a>
 
+								<ul class="dropdown-menu">
 
+									<li>
 
+										<a href="#">操作</a>
 
+									</li>
 
+									<li>
 
+										<a href="#">设置栏目</a>
 
+									</li>
 
+									<li>
 
+										<a href="#">更多设置</a>
 
+									</li>
 
+								</ul>
 
+							</li>
 
+						</ul>
 
+					</div>
 
+				</div>
 
+				<div class="span4">
 
+					<form class="form-search">
 
+						<input class="input-medium search-query" type="text" /> <button type="submit" class="btn">查找</button>
 
+					</form>
 
+				</div>
 
+			</div>
 
+		</div>
 
+		
+	</body>
 
+</html>

+ 85 - 0
html/head.html
Vedi File 

@@ -0,0 +1,85 @@
 
+<script src="/lanhu-bootstrap/js/jquery-1.9.1.min.js"></script>

+<script src="/lanhu-bootstrap/js/bootstrap.min.js"></script>

+<script src="/lanhu-bootstrap/js/less.min.js"></script>

+<script src="/lanhu-bootstrap/js/jquery.i18n.properties.js"></script>

+

+<script src="/lanhu-bootstrap/assets/js/language.js"></script>

+

+<link rel="stylesheet" href="/lanhu-bootstrap/css/head.css">

+<link rel="stylesheet" href="/lanhu-bootstrap/css/bootstrap.min.css"

+	integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

+<div class="container-fluid" style="

+    padding: 0px;

+    margin: 0px;

+    /* top: 20px; */

+">

+	<div class="row-fluid">

+		<div class="span12">

+			<div class="navbar">

+				<div class="navbar-inner">

+					<div class="container-fluid" style="margin: 25px 0 0 0;">

+

+						<a href="#" class="brand" style="width: 77px;    margin-left: 85px;

+    height: 34px;background: url(/lanhu-bootstrap/assets/img/head_logo.png);100% no-repeat;"> </a>

+

+						<div class="nav-collapse collapse navbar-responsive-collapse" style="display: block;">

+							<ul class="nav">

+								<li class="active" style="margin-left: 30px;">

+									<a href="#">Library</a>

+								</li>

+								<li style="margin-left: 25px;">

+									<a href="#">Moments</a>

+								</li>

+

+							</ul>

+							<ul class="nav pull-right">

+

+								<li class="dropdown">

+

+									<a data-toggle="dropdown"

+										style="background: url(/lanhu-bootstrap/assets/img/head_icon_language.png) no-repeat;"

+										class="dropdown-toggle" href="#" id="language_show">

+										English</a>

+									<ul class="dropdown-menu" id="languagelist">

+

+									</ul>

+

+

+								</li>

+

+								<li class="dropdown">

+									<a data-toggle="dropdown" class="dropdown-toggle" href="#">userName</a>

+									<ul class="dropdown-menu">

+										<li>

+											<a href="../company/register.html">修改公司</a>

+										</li>

+										<li>

+											<a href="#">退出</a>

+										</li>

+										<li>

+											<a href="#">我的</a>

+										</li>

+									

+										<li>

+											<a href="#">修改密码</a>

+										</li>

+									</ul>

+								</li>

+

+								<li>

+									<a href="#" style="
 
+    margin-top: -8px;
 
+"> <img class="img1" referrerpolicy="no-referrer"

+											src="/lanhu-bootstrap/assets/img/head_add.png">

+									</a>

+								</li>

+							</ul>

+						</div>

+

+					</div>

+				</div>

+

+			</div>

+		</div>

+	</div>

+</div>

+ 18 - 13
html/lanhu/index.html
Vedi File 

@@ -3,21 +3,26 @@
 
 	<head>
 
 		<meta charset="utf-8">
 
 		<title></title>
 
-		　
 
+		　			<script src="/lanhu-bootstrap/js/jquery-1.9.1.min.js"></script>
 
+
 
 	</head>
 
-	<script src="/lanhu-bootstrap/js/jquery-1.9.1.min.js"></script>
 
-	    <script src="/lanhu-bootstrap/js/jquery.i18n.properties.js"></script>
 
-	    <script src="/lanhu-bootstrap/assets/js/language.js"></script>
 
+
 
 	<body>
 
-		<h1>1111</h1>
 
-		　<select id="language">
 
-					<option value="en">English</option>
 
+		<div id="head"></div>
 
+		<script>
 
+		$(function(){
 
+			$("#head").load("../head.html");
 
+		})
 
+		</script>
 
+		<main style="margin-top: 100px;">
 
+			<h1>1111</h1>
 
 			
-		            <option value="zh">中文简体</option>
 
-		    </select>
 
-		<div>
 
-			<span   class="i18n-text" i18n="signOut"></span>
 
-		    <input type="search"  selectname="searchPlaceholder" selectattr="placeholder">
 
-		</div>
 
+			<div>
 
+				<span   class="i18n-text" i18n="signOut">signOut</span>
 
+			    <input type="search"  selectname="searchPlaceholder" selectattr="placeholder">
 
+			</div>
 
+		
+		</main>
 
+		
 	</body>
 
 </html>

+ 1 - 0
i18n/strings_ot.properties
Vedi File 

@@ -0,0 +1 @@
 
+signOut=xxx

File diff suppressed because it is too large
+ 9 - 0
js/less.min.js


Some files were not shown because too many files changed in this diff