612 lines
27 KiB
HTML
612 lines
27 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>
|
||
<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 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="./project.html">文创</a> </div> <div class="bread-item"><a href="./4.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="./1.html" class="tab-link bp-border "><div class="bp-inner">戏曲</div></a>
|
||
<a href="./2.html" class="tab-link bp-border"><div class="bp-inner">影视</div></a>
|
||
<a href="./3.html" class="tab-link bp-border "><div class="bp-inner">舞蹈</div></a>
|
||
<a href="./4.html" class="tab-link bp-border cur"><div class="bp-inner">传统工艺</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/丝绸之路/传统工艺/5e6586841fcc6b0c97d6e51dec4092d0.jpg" target="_blank">
|
||
<div class="img"><img src="Uploads/Picture/丝绸之路/传统工艺/5e6586841fcc6b0c97d6e51dec4092d0.jpg" title="" alt=""></div>
|
||
<div class="cont">
|
||
<div class="h16" title=丝绸织造>丝绸织造<br />
|
||
</div>
|
||
<div class="date">丝绸是中国的特产，自古以来便沿着丝绸之路传播至世界各地。丝绸织造工艺精湛，包括桑蚕养殖、缫丝、织造等多个环节，其成品如南京云锦、四川蜀锦等，都是享誉世界的丝织品。</div>
|
||
</div>
|
||
</a>
|
||
</div><div class="wf-item">
|
||
<a href="Uploads/Picture/丝绸之路/传统工艺/5e1c2e10ce04d9e68331b46724c6c047.jpeg" target="_blank">
|
||
<div class="img"><img src="Uploads/Picture/丝绸之路/传统工艺/5e1c2e10ce04d9e68331b46724c6c047.jpeg" title="" alt=""></div>
|
||
<div class="cont">
|
||
<div class="h16" title="陶瓷制作">陶瓷制作<br />
|
||
</div>
|
||
<div class="date">中国的陶瓷工艺历史悠久，陶瓷制品是丝绸之路上的重要贸易商品。陶瓷制作包括选料、成型、烧制等多个步骤，成品有青花瓷、釉里红等，造型优美，色彩丰富。</div>
|
||
</div>
|
||
</a>
|
||
</div><div class="wf-item">
|
||
<a href="Uploads/Picture/丝绸之路/传统工艺/d5355c5caefb70fc328b18b4d2b577d2.jpg" target="_blank">
|
||
<div class="img"><img src="Uploads/Picture/丝绸之路/传统工艺/d5355c5caefb70fc328b18b4d2b577d2.jpg" title="" alt=""></div>
|
||
<div class="cont">
|
||
<div class="h16" title="玉器雕刻">玉器雕刻<br />
|
||
</div>
|
||
<div class="date">丝绸之路上的玉器雕刻工艺精湛，以和田玉、玛瑙等原料为主，经过设计、雕刻、打磨等工序，制作出各种精美的玉器，如玉佩、玉镯等，寓意吉祥，深受人们喜爱。</div>
|
||
</div>
|
||
</a>
|
||
</div><div class="wf-item">
|
||
<a href="Uploads/Picture/丝绸之路/传统工艺/9c64c02aa3e8fb82088de9b3f4be1f41.jpeg" target="_blank">
|
||
<div class="img"><img src="Uploads/Picture/丝绸之路/传统工艺/9c64c02aa3e8fb82088de9b3f4be1f41.jpeg" title="" alt=""></div>
|
||
<div class="cont">
|
||
<div class="h16" title=木雕与石雕>木雕与石雕<br />
|
||
</div>
|
||
<div class="date">丝绸之路上的木雕和石雕工艺精湛，以木材和石材为原料，通过雕刻、打磨等工序制作出各种人物、动物、花卉等形象。这些作品形象生动、栩栩如生，是古代工匠智慧的结晶。</div>
|
||
</div>
|
||
</a>
|
||
</div><div class="wf-item">
|
||
<a href="Uploads/Picture/丝绸之路/传统工艺/e16579f1f8a846399f8117bcb60b7171.jpeg" target="_blank">
|
||
<div class="img"><img src="Uploads/Picture/丝绸之路/传统工艺/e16579f1f8a846399f8117bcb60b7171.jpeg" title="" alt=""></div>
|
||
<div class="cont">
|
||
<div class="h16" title="刺绣">刺绣<br />
|
||
</div>
|
||
<div class="date">刺绣是丝绸之路上的一种传统手工艺，通过在丝绸或其他织物上绣制各种图案，展现出精美的艺术效果。苏绣、湘绣、蜀绣等都是中国著名的刺绣品种，其细腻的针法和丰富的图案深受人们喜爱。</div>
|
||
</div>
|
||
</a>
|
||
</div><div class="wf-item">
|
||
<a href="Uploads/Picture/丝绸之路/传统工艺/f2ec5c4a439782dbacd28de3cdfa185c.png" target="_blank">
|
||
<div class="img"><img src="Uploads/Picture/丝绸之路/传统工艺/f2ec5c4a439782dbacd28de3cdfa185c.png" title="" alt=""></div>
|
||
<div class="cont">
|
||
<div class="h16" title="金属工艺">金属工艺<br />
|
||
</div>
|
||
<div class="date">丝绸之路上的金属工艺包括铜器、铁器、金银器等制作。这些工艺品经过冶炼、铸造、打磨等工序，制作出各种精美的器皿和装饰品，如铜镜、铁剑、金饰等，体现了古代工匠的卓越技艺。</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>
|