609 lines
25 KiB
HTML
609 lines
25 KiB
HTML
|
|
|||
|
|
<!doctype html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|||
|
|
<meta name="renderer" content="webkit">
|
|||
|
|
<meta name="author" content="http://www.fractal-technology.com">
|
|||
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|||
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|||
|
|
<meta name="format-detection" content="telephone=no,email=no,adress=no">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|||
|
|
|
|||
|
|
<meta name="keywords" content="创旅丝路" />
|
|||
|
|
<meta name="description" content="创旅丝路" /><!-- <title>图集 - 创旅丝路 - 创旅丝路</title> -->
|
|||
|
|
<title>图集 - 创旅丝路</title><link rel="stylesheet" type="text/css" href="Public/static/themes/css/jquery.mCustomScrollbar.css">
|
|||
|
|
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/jquery.fullPage.css">
|
|||
|
|
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/video-js.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/flex.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/lyc.css">
|
|||
|
|
<link rel="stylesheet" href="Public/static/themes/css/jjl.css">
|
|||
|
|
<script src="Public/static/themes/js/plugs/jquery.min.js"></script>
|
|||
|
|
<script src="Public/static/themes/js/plugs/social-share.min.js"></script>
|
|||
|
|
<script src="Public/static/themes/js/plugs/jquery.fullPage.min.js"></script>
|
|||
|
|
<script src="Public/static/themes/js/plugs/jquery.placeholder.min.js"></script>
|
|||
|
|
<script src="Public/static/themes/js/plugs/jquery.ba-throttle-debounce.min.js"></script>
|
|||
|
|
<script src="Public/static/themes/js/plugs/jquery.mCustomScrollbar.concat.min.js"></script>
|
|||
|
|
<script src="Public/static/themes/js/plugs/imagesloaded.pkgd.min_v3.2.0.js"></script>
|
|||
|
|
<script src="Public/static/themes/js/plugs/masonry.pkgd.min.js"></script>
|
|||
|
|
<script src="Public/static/themes/js/plugs/TweenMax.min.js"></script>
|
|||
|
|
<script src="Public/static/themes/js/plugs/video.js"></script>
|
|||
|
|
<script src="Public/static/themes/js/plugs/slick.js"></script>
|
|||
|
|
<script src="Public/static/themes/js/plugs/xRoll.js"></script>
|
|||
|
|
<script src="Public/static/themes/js/global.js"></script>
|
|||
|
|
<script src="Public/static/themes/js/plugs/audio.js"></script>
|
|||
|
|
<script src="Public/static/themes/laydate/laydate.js"></script>
|
|||
|
|
<script type="text/javascript" src="https://cdn1.foundertype.com/webfont/js/ftfont-init.js"></script>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
$(function(){
|
|||
|
|
$('.kf_search').focus(function(){
|
|||
|
|
var placeholder = $(this).attr('placeholder');
|
|||
|
|
var title_key = $(this).attr('title_key') ? $(this).attr('title_key') : '关键词';
|
|||
|
|
if( placeholder == title_key || placeholder == 'search...' ){
|
|||
|
|
$(this).attr('placeholder', '');
|
|||
|
|
}else{
|
|||
|
|
var val = $(this).val();
|
|||
|
|
if (val == title_key || val == 'search...') {
|
|||
|
|
$(this).val('');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.kf_search').blur(function(){
|
|||
|
|
var val = $(this).val();
|
|||
|
|
if( val == '' ){
|
|||
|
|
if ( $(this).hasClass('kkword') ) {
|
|||
|
|
$(this).val('search...');
|
|||
|
|
}else{
|
|||
|
|
var title_key = $(this).attr('title_key') ? $(this).attr('title_key') : '关键词';
|
|||
|
|
$(this).attr('placeholder', title_key);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<script>
|
|||
|
|
$(function(){
|
|||
|
|
$('.x-header .widget-area-edit-title,.x-header .widget-area-notice').remove();
|
|||
|
|
$('.sidebar .widget-area-edit-bg,.sidebar .widget-area-edit-title').remove();
|
|||
|
|
$('.x-footer .widget-area-edit-bg,.x-footer .widget-area-edit-title').remove();
|
|||
|
|
$('.rightNav .widget-area-edit-bg,.rightNav .widget-area-edit-title').remove();
|
|||
|
|
$('.x-footer div,.x-footer span').removeClass('widget-area').find('.widget-area-edit,.widget-area-notice').remove();
|
|||
|
|
$('.sidebar div,.x-footer span').removeClass('widget-area').find('.widget-area-edit,.widget-area-notice').remove();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
<style>
|
|||
|
|
.x-header .widget-area-edit{display:none!important;}
|
|||
|
|
|
|||
|
|
</style>
|
|||
|
|
<style>
|
|||
|
|
.empty-data{ width:100%; font-size:25px; padding-top:8%; padding-bottom:8%; text-align: center;}
|
|||
|
|
a{color:inherit;}
|
|||
|
|
</style>
|
|||
|
|
<div class="sidebar x-show">
|
|||
|
|
<div><div class="sb-item">
|
|||
|
|
<a href="./news_2.html" >
|
|||
|
|
<div class="box">
|
|||
|
|
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabd3fa22ca.png" alt=""></div>
|
|||
|
|
<div class="txt middle"><div class="middle-cont">通知<br />
|
|||
|
|
公告</div></div>
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="sb-item">
|
|||
|
|
<a href="../backend/page/login/login.html" >
|
|||
|
|
<div class="box">
|
|||
|
|
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabd8ad3ba5.png" alt=""></div>
|
|||
|
|
<div class="txt middle"><div class="middle-cont">登录<br />
|
|||
|
|
</div></div>
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="sb-item">
|
|||
|
|
<a href="./tuji_list.html" >
|
|||
|
|
<div class="box">
|
|||
|
|
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabda3e0b89.png" alt=""></div>
|
|||
|
|
<div class="txt middle"><div class="middle-cont">图集</div></div>
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="sb-item">
|
|||
|
|
<a href="./video.html" >
|
|||
|
|
<div class="box">
|
|||
|
|
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabdbca4f5a.png" alt=""></div>
|
|||
|
|
<div class="txt middle"><div class="middle-cont">视频</div></div>
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="sb-item sb-wx">
|
|||
|
|
<div class="box">
|
|||
|
|
<div class="ico"><img src="Uploads/Picture/2018/11/14/s5bebd173616a5.png" alt=""></div>
|
|||
|
|
<div class="txt middle"><div class="middle-cont">微信<br />
|
|||
|
|
公众号</div></div>
|
|||
|
|
<div class="pop"><img src="Uploads/Picture/2018/11/17/oQueF61lkFl-M4ANUlHlNkcPwuvw.jpg" alt="" class="img"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="sb-item js-gotop topping">
|
|||
|
|
<a href="javascript:;" >
|
|||
|
|
<div class="box">
|
|||
|
|
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabe1324e28.png" alt=""></div>
|
|||
|
|
<div class="txt middle"><div class="middle-cont">回到<br />
|
|||
|
|
顶部</div></div>
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div></div> </div>
|
|||
|
|
<style>
|
|||
|
|
#myalert{ display:none; }
|
|||
|
|
.recruit .block1{ height: auto}
|
|||
|
|
.layer{background:url(Public/static/themes/image/con_mask.png);;position:fixed;left:0;right: 0;/*top:43px;*/bottom: 0;width:100%;height:100%;z-index: 1000000;}
|
|||
|
|
.layer .myalert{padding:30px;background:#fff;width:240px;position:absolute;margin-top:-100px;top:50%;left:50%;margin-left:-120px;text-align:center; z-index: 100000;display: block;height: 123px;}
|
|||
|
|
.layer .guan{background:url(Public/static/themes/image/clos.png) no-repeat center; display:block;width:15px;height:15px;position:absolute;top:10px;right:10px;}
|
|||
|
|
.layer .text{padding-bottom:15px;font-size:16px;color:#474747;}
|
|||
|
|
.layer .button{background:none;border:1px solid #bbbbbb;width:91px;height:29px;font:14px/100% "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif;color: #707070;}
|
|||
|
|
</style>
|
|||
|
|
<div id="myalert" class="layer">
|
|||
|
|
<div class="myalert">
|
|||
|
|
<a href="javascript:;" onclick="myalert_hide();" class="guan"></a>
|
|||
|
|
<div class="text">请输入关键字！</div>
|
|||
|
|
<a><button class="button" id="my_ok" style="cursor:pointer ;opacity: 1;transform: translateY(0px);">确定</button></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<script>
|
|||
|
|
function my_alert( title, url) {
|
|||
|
|
$('#myalert').show();
|
|||
|
|
$('#myalert .myalert div').html(title);
|
|||
|
|
if(url){
|
|||
|
|
$('#my_ok').click(function(){
|
|||
|
|
window.location.href=url;
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
$('#my_ok').click(function(){
|
|||
|
|
$('#myalert').hide();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function myalert_hide(){
|
|||
|
|
$('#myalert').hide();
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<div class="x-header ">
|
|||
|
|
<div class="menu-head">
|
|||
|
|
<div class="logo" edit_params="width%3D50%26height%3D50%26backgroundColor%3D1%26unlimit%3D1%26title1Show%3D1%26title1Max%3D20%26title2Show%3D1%26title2Max%3D20%26showLink%3D1"><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>
|
|||
|
|
<div class="x-container">
|
|||
|
|
<div class="bread-mod p-show" style="z-index:9;">
|
|||
|
|
<div class="x-wrap">
|
|||
|
|
<div class="bread-item"><a href="./index.html">首页</a></div>
|
|||
|
|
<div class="bread-item"><a href="./ziyuan.html">资源</a> </div>
|
|||
|
|
<div class="bread-item"><a href="./tuji_list.html">图集</a> </div> </div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="resource1">
|
|||
|
|
<div class="x-wrap">
|
|||
|
|
<div class="t_head">
|
|||
|
|
<div class="h30">资源</div> <div class="tab-box">
|
|||
|
|
<a href="./shenbaozhinan.html" class="tab-link bp-border" ><div class="bp-inner">下载</div></a>
|
|||
|
|
<a href="./video.html" class="tab-link bp-border " ><div class="bp-inner">视频</div></a>
|
|||
|
|
<a href="./tuji_list.html" class="tab-link bp-border cur" ><div class="bp-inner">图集</div></a>
|
|||
|
|
<a href=" http://localhost:8080" class="tab-link bp-border" ><div class="bp-inner">H5赏析</div></a>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id='datahide' style="display:none;"></div>
|
|||
|
|
<div id="datalist">
|
|||
|
|
<div class="waterfall">
|
|||
|
|
<div class="wf-width"></div>
|
|||
|
|
<div class="wf-space"></div>
|
|||
|
|
<div class="rr_list">
|
|||
|
|
<div class="wf-item">
|
|||
|
|
<a href="Uploads/Picture/306e6ed57366b815f00b0296090e096.jpg" target="_blank">
|
|||
|
|
<div class="img"><img src="Uploads/Picture/306e6ed57366b815f00b0296090e096.jpg" title="" alt=""></div>
|
|||
|
|
<div class="cont">
|
|||
|
|
<div class="h16" title="《十一面千手千眼观世音菩萨》唐卡">《十一面千手千眼观世音菩萨》唐卡<br />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div><div class="wf-item">
|
|||
|
|
<a href="Uploads/Picture/79e60078402b66012a490c554c34469.jpg" target="_blank">
|
|||
|
|
<div class="img"><img src="Uploads/Picture/79e60078402b66012a490c554c34469.jpg" title="" alt=""></div>
|
|||
|
|
<div class="cont">
|
|||
|
|
<div class="h16" title="《牡丹富贵图》刺绣">《牡丹富贵图》刺绣<br />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div><div class="wf-item">
|
|||
|
|
<a href="Uploads/Picture/414bfd109a30028082eaf4232b0897c.jpg" target="_blank">
|
|||
|
|
<div class="img"><img src="Uploads/Picture/414bfd109a30028082eaf4232b0897c.jpg" title="" alt=""></div>
|
|||
|
|
<div class="cont">
|
|||
|
|
<div class="h16" title="唐三彩马">唐三彩马<br />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div><div class="wf-item">
|
|||
|
|
<a href="Uploads/Picture/f028f32b848040c266f69a2eda41d0d.jpg" target="_blank">
|
|||
|
|
<div class="img"><img src="Uploads/Picture/f028f32b848040c266f69a2eda41d0d.jpg" title="" alt=""></div>
|
|||
|
|
<div class="cont">
|
|||
|
|
<div class="h16" title="《十相自在》唐卡">《十相自在》唐卡<br />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div><div class="wf-item">
|
|||
|
|
<a href="Uploads/Picture/9a87a236d9b9e54599cc32fbce82e0b.jpg" target="_blank">
|
|||
|
|
<div class="img"><img src="Uploads/Picture/9a87a236d9b9e54599cc32fbce82e0b.jpg" title="" alt=""></div>
|
|||
|
|
<div class="cont">
|
|||
|
|
<div class="h16" title="和田玉雕">和田玉雕<br />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div><div class="wf-item">
|
|||
|
|
<a href="Uploads/Picture/0d87583a9fa65a978fd920196927249.jpg" target="_blank">
|
|||
|
|
<div class="img"><img src="Uploads/Picture/0d87583a9fa65a978fd920196927249.jpg" title="" alt=""></div>
|
|||
|
|
<div class="cont">
|
|||
|
|
<div class="h16" title="云锦披肩">云锦披肩<br />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div> </div>
|
|||
|
|
</div>
|
|||
|
|
<div class="txtcenter"><a href="javascript:;" class="loader" id="look_more">加载更多</a></div> </div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
$(function () {
|
|||
|
|
$('.waterfall .wf-item').each(function(idx, elm){
|
|||
|
|
TweenMax.set(elm, {'transition-delay': idx * 0.3 + 's'});
|
|||
|
|
});
|
|||
|
|
// $('.loader').on('click', function(){
|
|||
|
|
// var cloneItem = $('.wf-item').slice(0, 5).clone();
|
|||
|
|
// $grid.append( cloneItem ).masonry( 'appended', cloneItem ).masonry();
|
|||
|
|
// });
|
|||
|
|
var $grid = $('.waterfall').masonry({
|
|||
|
|
itemSelector: '.wf-item',
|
|||
|
|
columnWidth: '.wf-width',
|
|||
|
|
gutter: '.wf-space',
|
|||
|
|
transitionDuration: 0
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$grid.imagesLoaded().always( function() {
|
|||
|
|
$grid.masonry('layout');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$grid.masonry( 'on', 'layoutComplete', function() {
|
|||
|
|
$('.waterfall').addClass('show');
|
|||
|
|
});
|
|||
|
|
var p = 1,
|
|||
|
|
url = window.location.href;
|
|||
|
|
|
|||
|
|
$('#datalist #look_more').click(function(){
|
|||
|
|
p++;
|
|||
|
|
|
|||
|
|
$.get(url,{'p':p},function(data){
|
|||
|
|
if(data) {
|
|||
|
|
$('#datahide').html(data);
|
|||
|
|
var content = $('#datahide .rr_list').html();
|
|||
|
|
$("#datahide .rr_list .wf-item" ).each(function(e){
|
|||
|
|
var $content = $(this);
|
|||
|
|
$grid.append( $content ).masonry( 'appended', $content ).masonry();
|
|||
|
|
$grid.imagesLoaded().always( function() {
|
|||
|
|
$grid.masonry('layout');
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<div class="x-footer ">
|
|||
|
|
<div class="about-site ">
|
|||
|
|
<div class="x-wrap">
|
|||
|
|
<div edit_params="title1Show%3D1%26title1Max%3D20%26showLink%3D1%26tabs%3D5"><div class="link">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="slot">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
|||
|
|
<script>
|
|||
|
|
$(function(){
|
|||
|
|
wx.config({
|
|||
|
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
|
|||
|
|
appId: "wx5577f01a4c41ec62", // 必填，公众号的唯一标识
|
|||
|
|
timestamp: "1711162851", // 必填，生成签名的时间戳
|
|||
|
|
nonceStr: "6Y0KqeMQzF09RJrR", // 必填，生成签名的随机串
|
|||
|
|
signature: "d3ebcbfe9a512618b2d27f240e153afa10cc9e20",// 必填，签名
|
|||
|
|
jsApiList: [
|
|||
|
|
'updateTimelineShareData',
|
|||
|
|
'updateAppMessageShareData',
|
|||
|
|
|
|||
|
|
] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
|
|||
|
|
});
|
|||
|
|
wx.error(function(res){
|
|||
|
|
console.log("错误信息");
|
|||
|
|
console.log(res);
|
|||
|
|
console.log("错误信息");
|
|||
|
|
});
|
|||
|
|
wx.ready(function(){
|
|||
|
|
var url = location.href.split('#')[0];
|
|||
|
|
var domain = document.domain;
|
|||
|
|
var url_type = location.protocol;
|
|||
|
|
var img_url = url_type + "//"+domain;
|
|||
|
|
var img = img_url +"Public/static/images/fakeimgs/icon1.png";
|
|||
|
|
wx.checkJsApi({
|
|||
|
|
jsApiList: ['updateTimelineShareData','updateAppMessageShareData'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
|
|||
|
|
success: function(res) {
|
|||
|
|
console.log(res);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//分享
|
|||
|
|
wx.updateAppMessageShareData({
|
|||
|
|
title: "图集", // 分享标题
|
|||
|
|
desc: "创旅丝路",
|
|||
|
|
link: url,
|
|||
|
|
imgUrl: img, // 分享图标
|
|||
|
|
success: function () {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
wx.updateTimelineShareData({
|
|||
|
|
title: "图集", // 分享标题
|
|||
|
|
desc: "创旅丝路",
|
|||
|
|
link: url,
|
|||
|
|
imgUrl: img, // 分享图标
|
|||
|
|
|
|||
|
|
trigger: function (res) {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
success: function () {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
cancel: function () {
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
//share(title, desc, link);
|
|||
|
|
});
|
|||
|
|
//分享
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
</script></body>
|
|||
|
|
</html>
|
|||
|
|
<script>
|
|||
|
|
var fontCfg = { p:'RcBXTdTZfrUdQUpm', fonts: [ { fontName: 'FZQKBYSJW' , fontFamily: ['fzqkbysjw'] } ] };
|
|||
|
|
var myFont = new FTFont(fontCfg);
|
|||
|
|
</script>
|
|||
|
|
<script>
|
|||
|
|
var _hmt = _hmt || [];
|
|||
|
|
(function() {
|
|||
|
|
var hm = document.createElement("script");
|
|||
|
|
hm.src = "https://hm.baidu.com/hm.js?48f745cc9872cc90f47b2b33eaa85e45";
|
|||
|
|
var s = document.getElementsByTagName("script")[0];
|
|||
|
|
s.parentNode.insertBefore(hm, s);
|
|||
|
|
})();
|
|||
|
|
</script>
|
|||
|
|
<script>
|
|||
|
|
var _hmt = _hmt || [];
|
|||
|
|
(function() {
|
|||
|
|
var hm = document.createElement("script");
|
|||
|
|
hm.src = "https://hm.baidu.com/hm.js?af2ca88e2c7a0d358a5a1130270ea7cf";
|
|||
|
|
var s = document.getElementsByTagName("script")[0];
|
|||
|
|
s.parentNode.insertBefore(hm, s);
|
|||
|
|
})();
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
var _hmt = _hmt || [];
|
|||
|
|
(function() {
|
|||
|
|
var hm = document.createElement("script");
|
|||
|
|
hm.src = "https://hm.baidu.com/hm.js?e6bb642ef6aa358c8b7d9673479f38c7";
|
|||
|
|
var s = document.getElementsByTagName("script")[0];
|
|||
|
|
s.parentNode.insertBefore(hm, s);
|
|||
|
|
})();
|
|||
|
|
</script>
|