347 lines
18 KiB
HTML
347 lines
18 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>创旅丝路</title>
|
||
<link rel="stylesheet" type="text/css" href="public/css/font-awesome.min.css">
|
||
<link rel="stylesheet" type="text/css" href="public/css/swipebox.css">
|
||
<link rel="stylesheet" type="text/css" href="public/css/jquery.dialogbox.css">
|
||
<link rel="stylesheet" type="text/css" href="public/css/show.css">
|
||
|
||
<link rel="stylesheet" type="text/css" href="../Public/static/themes/css/page.css">
|
||
<link rel="stylesheet" type="text/css" href="../Public/static/themes/css/global.css">
|
||
<link rel="stylesheet" type="text/css" href="../Public/static/themes/css/jquery.fullPage.css">
|
||
</head>
|
||
<body>
|
||
<!-- header -->
|
||
|
||
<div class="x-header ">
|
||
<div class="menu-head">
|
||
<div class="logo" ><a href="../index.html" target="_blank" >
|
||
<img src="../Uploads/Picture/2018/11/20/_.._logo_font20240405_uugai.com-d1202-17123090802422-removebg-preview.png" class="img" alt="" title=""/>
|
||
</a>
|
||
<a href="../index.html">
|
||
<span class="txt"><span class="g_txt"></span> <span class="dot">创旅丝路</span> <span class="g_txt"></span></span>
|
||
</a></div> <div class="menu-btn m-show"><span class="line"></span></div>
|
||
</div>
|
||
<div class="tools p-show">
|
||
<div class="search-trigger">
|
||
<div class="search-box">
|
||
<div class="search-txt"><input placeholder="search..." class="kkword kf_search" type="text"></div><button class="search-btn submit_base" type="submit"></button>
|
||
</div>
|
||
</div>
|
||
|
||
<style>
|
||
.share-item .wechat-qrcode, .share-item .code {padding-top: 10px;}
|
||
|
||
@media screen and (max-width: 750px) {
|
||
.share-item .wechat-qrcode, .share-item .code {padding-top: 0px;display: -ms-flexbox;display: flex;-webkit-box-align: center; align-items: center;-webkit-box-pack: center;
|
||
-moz-justify-content: center;
|
||
-webkit-justify-content: center;
|
||
justify-content: center;}
|
||
.share-box .icon-wchat.show .wechat-qrcode {visibility: visible;opacity: 1; -webkit-transform: none;transform: none;}
|
||
|
||
}
|
||
</style>
|
||
<script>
|
||
$(function() {
|
||
$(".share-box .icon-wchat").on('click', function() {
|
||
$(this).toggleClass("show");
|
||
});
|
||
$(".menu-btn").on('click', function() {
|
||
$(".share-box .icon-wchat").removeClass("show");
|
||
});
|
||
});
|
||
</script>
|
||
|
||
<div class="calendar-box">
|
||
<span id="loginStatus"></span>
|
||
<span id="username"></span>
|
||
<a id="loginLink" href="../backend/page/login/login.html">登录</a>
|
||
<button id="logout" style="display: none;">退出</button>
|
||
<img class="w w_kf" src="Uploads/Picture/2021/04/06/s606c4418c77ba.png" alt="" title="">
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener("DOMContentLoaded", function() {
|
||
// 使用fetch从后端获取用户信息
|
||
fetch('/backend/api/userinfo')
|
||
.then(response => response.json())
|
||
.then(data => {
|
||
const usernameElement = document.getElementById('username');
|
||
const loginLinkElement = document.getElementById('loginLink');
|
||
const logoutButton = document.getElementById('logout');
|
||
const loginStatusElement = document.getElementById('loginStatus');
|
||
|
||
// 如果存在用户信息，则显示用户名，并显示退出按钮
|
||
if (data && data.username) {
|
||
usernameElement.textContent = data.username;
|
||
loginStatusElement.textContent = '已登录';
|
||
logoutButton.style.display = 'inline-block';
|
||
loginLinkElement.style.display = 'none'; // 隐藏登录按钮
|
||
} else {
|
||
loginLinkElement.style.display = 'inline-block'; // 显示登录按钮
|
||
loginStatusElement.textContent = '未登录'; // 显示未登录状态
|
||
}
|
||
|
||
// 注销功能
|
||
logoutButton.addEventListener('click', function() {
|
||
localStorage.removeItem('userInfo');
|
||
window.location.href = '/backend/page/login/login.html';
|
||
});
|
||
})
|
||
.catch(error => console.error('Error fetching user info:', error));
|
||
});
|
||
</script>
|
||
|
||
|
||
|
||
</div>
|
||
<div class="nav-mod">
|
||
<div class="search-box m-show">
|
||
<div class="search-txt"><div class="i"></div><input type="text" placeholder="search..." class="kkword1 kf_search"></div>
|
||
<button class="search-btn submit_base1" type="submit">搜索</button>
|
||
</div>
|
||
<ul class="nav-lv nav-lv1 clear">
|
||
|
||
<li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="../index.html">首页</a>
|
||
</div>
|
||
</li><li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="../jigou.html">历史</a>
|
||
</div>
|
||
</li><li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="../zhengce.html">政策</a>
|
||
<span class="arr"></span> </div>
|
||
<div class="nav-lv nav-lv2">
|
||
<ul class="nav-grp">
|
||
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../news.html" >新闻动态</a></div></li><li class="nav-item"></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../news_2.html" >通知公告</a></div></li> </ul>
|
||
</div>
|
||
</li><li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="../../ihchina/TourTemplate-master/show.html">旅游</a>
|
||
<span class="arr"></span> </div>
|
||
<div class="nav-lv nav-lv2">
|
||
<ul class="nav-grp">
|
||
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../../ihchina/TourTemplate-master/show.html" >景点介绍</a></div></li><li class="nav-item"></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../map/index.html" >行程路线</a></div></li> </ul>
|
||
</div>
|
||
|
||
</li><li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="../project.html">文创</a>
|
||
<span class="arr"></span> </div>
|
||
<div class="nav-lv nav-lv2">
|
||
<ul class="nav-grp">
|
||
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../1.html" >戏曲</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../2.html" >影视</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../3.html" >舞蹈</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../4.html" >传统工艺</a></div></li> </ul>
|
||
</div> </li><li class="nav-item" >
|
||
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="../ziyuan.html">资源</a>
|
||
<span class="arr"></span> </div>
|
||
<div class="nav-lv nav-lv2">
|
||
<ul class="nav-grp">
|
||
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../shenbaozhinan.html" >下载</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../video.html" >视频</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../tuji_list.html" >图集</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href=" http://localhost:8080" >H5赏析</a></div></li> </ul>
|
||
</div> </li><li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="../luntan.html">论坛</a>
|
||
<span class="arr"></span> </div>
|
||
<div class="nav-lv nav-lv2">
|
||
<ul class="nav-grp">
|
||
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../luntan.html" >论坛</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../xuekejianshe.html" >学科建设</a></div></li> </ul>
|
||
</div> </li><li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="../guanyuwomeng.html">关于我们</a>
|
||
<span class="arr"></span> </div>
|
||
<div class="nav-lv nav-lv2">
|
||
<ul class="nav-grp">
|
||
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../zhishichuang.html" >知识窗</a></div></li> </ul>
|
||
</div> </li> </ul>
|
||
|
||
<div class="share-box social-share m-show" data-initialized="true">
|
||
<a href="#" class="social-share-icon share-item icon-wchat icon-wechat"></a>
|
||
<a href="#" class="social-share-icon share-item icon-sinawb icon-weibo"></a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
$(function(){
|
||
$(".submit_base").click(function () {
|
||
var kkword = $(".kkword").val().replace(/ /g,"$@*");
|
||
if(kkword == '' || kkword == "search..."){
|
||
my_alert("请输入搜索内容");return false;
|
||
}
|
||
window.location = "/search_result/keyword/"+kkword;
|
||
});
|
||
$(".submit_base1").click(function () {
|
||
var kkword = $(".kkword1").val().replace(/ /g,"$@*");
|
||
if(kkword == '' || kkword == "search..."){
|
||
my_alert("请输入搜索内容");return false;
|
||
}
|
||
window.location = "/search_result/keyword/"+kkword;
|
||
});
|
||
|
||
if($(window).width() <=750) {
|
||
$(".x-header").keyup(function(e){
|
||
if(e.keyCode === 13){
|
||
$(".submit_base1").click();
|
||
|
||
}
|
||
});
|
||
}else{
|
||
$(".x-header").keyup(function(e){
|
||
if(e.keyCode === 13){
|
||
$(".submit_base").click();
|
||
|
||
}
|
||
});
|
||
}
|
||
$(".x-container .result1").keyup(function(e){
|
||
if(e.keyCode === 13){
|
||
$("#submit").click();
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
<style>
|
||
.banner_class{height:100% !important;}
|
||
.banner_class .widget-area-edit{width:1px !important;}
|
||
.banner_class .widget-area-edit-btn{top:150px !important;}
|
||
</style>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- /header -->
|
||
<!-- container -->
|
||
<div class="container">
|
||
<article class="article0">
|
||
<img src="public/images/jindian/a3c94d1ecdb2f0bfc2e60a617b65b81.jpg" alt="Paris" data-parallax='{"y": 230}'/>
|
||
<div class="article0Cont">
|
||
<p>大明宫</p>
|
||
<p>“千宫之宫”</p>
|
||
<p>它见证了盛唐的辉煌与衰落，也见证了丝绸之路的鼎盛与繁荣。</p>
|
||
</div>
|
||
</article>
|
||
<div class="imgs">
|
||
<a href="public/images/jindian/VCG211368807532%20(1).jpg" class="swipebox" title="大明宫">
|
||
<img src="public/images/jindian/VCG211368807532%20(1).jpg" alt="查看大图">
|
||
</a>
|
||
<a href="public/images/jindian/VCG211359228320 (1).jpg" class="swipebox" title="大明宫">
|
||
<img src="public/images/jindian/VCG211359228320 (1).jpg" alt="大明宫">
|
||
</a>
|
||
<a href="public/images/jindian/src_http___ss2.meipian.me_users_1578607_69abc6cf49f547c5a0e4da070d673f29.jpg" class="swipebox" title="大明宫">
|
||
<img src="public/images/jindian/src_http___ss2.meipian.me_users_1578607_69abc6cf49f547c5a0e4da070d673f29.jpg" alt="埃大明宫">
|
||
</a>
|
||
<a href="public/images/jindian/u_2869907778_4027009639_fm_253_fmt_auto_app_138_f_JPEG.jpg" class="swipebox" title="大明宫">
|
||
<img src="public/images/jindian/u_2869907778_4027009639_fm_253_fmt_auto_app_138_f_JPEG.jpg" alt="大明宫">
|
||
</a>
|
||
<span><i class="icon-hand-left"></i>点击可查看大图</span>
|
||
</div>
|
||
<div class="info">
|
||
<p>大明宫</p>
|
||
<p>大明宫始建于唐太宗贞观八年（634年），位于唐长安城北部龙首原之上，占地面积约3.2平方千米。在唐高宗龙朔二年（662年）进行重建后，大明宫成为唐帝国200余年间的统治中心，先后有17位唐朝皇帝在此处理朝政。这里曾是世界上最大的宫殿建筑群，拥有含元殿、宣政殿、紫宸殿等主要宫殿，以及太液池和各种别殿、亭、观等30余所，其建筑规模和艺术成就都代表了当时世界的最高水平。</p>
|
||
<p>作为丝绸之路东方起点的代表性遗存，大明宫见证了丝绸之路鼎盛时期帝国的文明水平和礼制文化特征。在大明宫的辉煌时期，这里是唐帝国与西域各国交流的重要场所，各种商品、文化、宗教和思想在这里交汇融合。同时，大明宫也是唐帝国对丝绸之路进行管理和推动的重要机构所在地，为丝绸之路的繁荣和发展做出了巨大贡献。</p>
|
||
</div>
|
||
<article class="article1">
|
||
<img src="public/images/jindian/1022fa71526e4c3a133fc9bd9d797a0.png" alt="Paris" data-parallax='{"x": 100}'/>
|
||
<div class="article1Cont">
|
||
<p>大雁塔</p>
|
||
<p>“藏经之处”</p>
|
||
<p>位于陕西省西安市南郊大慈恩寺内，是中国古代著名的佛教建筑之一。这座塔不仅代表了唐代建筑的杰出成就，更是丝绸之路文化交流的重要见证。</p>
|
||
</div>
|
||
</article>
|
||
<div class="imgs">
|
||
<a href="public/images/jindian/1f80d714dcfd136101f884710ac74fe.png" class="swipebox" title="大雁塔">
|
||
<img src="public/images/jindian/1f80d714dcfd136101f884710ac74fe.png" alt="大雁塔">
|
||
</a>
|
||
<a href="public/images/jindian/5356924158ec4f1b601b8a3b0c53f15.png" class="swipebox" title="大雁塔">
|
||
<img src="public/images/jindian/5356924158ec4f1b601b8a3b0c53f15.png" alt="大雁塔">
|
||
</a>
|
||
<a href="public/images/jindian/VCG211313002527 (1).jpg" class="swipebox" title="大雁塔">
|
||
<img src="public/images/jindian/VCG211313002527 (1).jpg" alt="大雁塔">
|
||
</a>
|
||
<a href="public/images/jindian/VCG211310089214 (1).jpg" class="swipebox" title="大雁塔">
|
||
<img src="public/images/jindian/VCG211310089214 (1).jpg" alt="大雁塔">
|
||
</a>
|
||
<span><i class="icon-hand-left"></i>点击可查看大图</span>
|
||
</div>
|
||
<div class="info">
|
||
<p>大雁塔</p>
|
||
<p>大雁塔始建于唐永徽三年（652年），由唐高宗李治为玄奘法师主持修建。</p>
|
||
<p>玄奘法师是唐朝著名的佛学家和旅行家，他曾在印度留学多年，带回了大量的佛教经典和文物。为了保存这些珍贵的文化遗产，玄奘法师亲自设计并主持修建了大雁塔。</p>
|
||
<p>作为丝绸之路的东方起点，西安曾是古代中西文化交流的重要枢纽。玄奘法师的西行取经之路，正是丝绸之路上的一段传奇。他历经艰辛，穿越沙漠和山川，最终到达印度，带回了丰富的佛教文化和知识。大雁塔的建立，不仅是对玄奘法师这一伟大壮举的纪念，更是对丝绸之路文化交流的重要见证。</p>
|
||
</div>
|
||
<article class="article2">
|
||
<img src="public/images/jindian/CggYGVXLaTSANNS7AAIAGbfw4J0310.jpg" alt="Paris" data-parallax='{"y": 200}'/>
|
||
<div class="article2Cont">
|
||
<p>莫高窟</p>
|
||
<p>“千佛洞”</p>
|
||
<p>坐落于河西走廊的西部尽头的敦煌，是中国古代文明的一个璀璨的艺术宝库，也是古代丝绸之路上曾经发生过的不同文明之间对话和交流的重要见证。</p>
|
||
</div>
|
||
</article>
|
||
<div class="imgs">
|
||
<a href="public/images/jindian/VCG211378476909 (1).jpg" class="swipebox" title="莫高窟">
|
||
<img src="public/images/jindian/VCG211378476909 (1).jpg" alt="莫高窟">
|
||
</a>
|
||
<a href="public/images/jindian/VCG211367995279 (1).jpg" class="swipebox" title="莫高窟">
|
||
<img src="public/images/jindian/VCG211367995279 (1).jpg" alt="莫高窟">
|
||
</a>
|
||
<a href="public/images/jindian/VCG211378476911 (1).jpg" class="swipebox" title="莫高窟">
|
||
<img src="public/images/jindian/VCG211378476911 (1).jpg" alt="莫高窟">
|
||
</a>
|
||
<a href="public/images/jindian/12.jpg" class="swipebox" title="莫高窟">
|
||
<img src="public/images/jindian/12.jpg" alt="莫高窟">
|
||
</a>
|
||
<a href="public/images/jindian/1-230205195G3622.jpg" class="swipebox" title="莫高窟">
|
||
<img src="public/images/jindian/1-230205195G3622.jpg" alt="莫高窟">
|
||
</a>
|
||
<span><i class="icon-hand-left"></i>点击可查看大图</span>
|
||
</div>
|
||
<div class="info">
|
||
<p>莫高窟</p>
|
||
<p>莫高窟现有洞窟735个，保存壁画4.5万多平方米，彩塑2400余尊，唐宋木构窟檐5座，是中国石窟艺术发展演变的一个缩影，在石窟艺术中享有崇高的历史地位。窟内绘、塑佛像及佛典内容，为佛徒修行、观像、礼拜处所。</p>
|
||
<p>敦煌作为丝绸之路“华戎所交，一大都会”，犹如今天的国际大都市。自汉武帝“列四郡、据两关”始，丝绸之路与阳关、玉门关、敦煌犹如一条彩线和珍珠，相映生辉，光耀中西。敦煌莫高窟的丰富艺术藏品，如壁画、雕塑等，不仅展示了中国古代艺术的辉煌成就，也反映了丝绸之路带来的多元文化交融。这些艺术品中的佛教故事、人物形象、装饰图案等，都融合了中原和西域的文化元素，体现了丝绸之路上的文化交流与融合。</p>
|
||
</div>
|
||
<!-- <div class="up">-->
|
||
<!-- <div class="group">-->
|
||
|
||
<!-- </div>-->
|
||
<!-- <p>了解更多</p>-->
|
||
<!-- <p>PARIS • 人文 • 美食</p>-->
|
||
<!-- </div>-->
|
||
</div>
|
||
</div>
|
||
<!-- container end -->
|
||
<!-- footer -->
|
||
|
||
<div id="showLogin"></div>
|
||
<div id="showLogin1" style="display: none;">
|
||
<table class="mytable">
|
||
<tr>
|
||
<td>用户名</td><td><input type="text" name="username" value=""></td>
|
||
<tr>
|
||
</tr>
|
||
<td>密码</td><td><input type="password" name="password" value=""></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
</body>
|
||
<script type="text/javascript" src="public/js/jquery-2.0.3.min.js"></script>
|
||
<script type="text/javascript" src="public/js/jquery.swipebox.js"></script>
|
||
<script type="text/javascript" src="public/js/scrollMeun.js"></script>
|
||
<script type="text/javascript" src="public/js/jquery.parallax-scroll.js"></script>
|
||
<script type="text/javascript" src="public/js/show.js"></script>
|
||
<script type="text/javascript" src="public/js/jquery.dialogBox.js"></script>
|
||
<script type="text/javascript" src="public/js/login.js"></script>
|
||
<script type="text/javascript">
|
||
jQuery(function($) {
|
||
$(".swipebox").swipebox();
|
||
});
|
||
</script>
|
||
</html>
|