
    <link rel="stylesheet" href="/static/wytag/style.css">
    <link rel="stylesheet" href="/static/wytag/bootstrap-5.0.0/css/bootstrap.min.css">
    <script src="/static/wytag/bootstrap-5.0.0/js/bootstrap.min.js"></script>
    <script src="/static/wytag/bootstrap-5.0.0/popper.min.js"></script>


<!-- c1等 变量值的变动有效区域不是全局，只在模块内生效-->
<div style="width: max-content;overflow-x: auto">


<div class="tree " style="min-width： 1150px">
	<ul >
		<li>
			<a id=17    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('形态特征标签','是用于标识、描述、分类纹样图案形态特征​​','','None','/wytag/media/wytag/%E7%81%AB%E7%84%B0%E7%BA%B9_kMWg7OT.png ')">形态特征标签</a>
            
			    <ul >
                    
			        	<li>
					       <a id=18   data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('几何纹样','以点、线、面构成规则几何形状','','形态特征标签','')">几何纹样</a>
                           
                             
                                  <ul>
                                   <!-- c1值的变动在for循内有效 for循环外仍为1-->
                               
                             
						            <li><a id=74    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('盘长纹','起源于中国古代的绳结文化，最初用于结绳记事。随着时间的推移，人们开始将绳结图案化，形成了各种形态的盘长纹样。','象征着心灵的沟通，代表佛心','几何纹样','/wytag/media/wytag/%E7%9B%98%E9%95%BF%E7%BA%B9.png ')">盘长纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=72    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('菱形纹','菱形纹起源于鱼图腾的图案，由于先民们对于自然界中的对称现象逐步有了认识，鱼图腾的图案逐渐演变为几何的菱形纹，表现出人们对美的追求。','祈求生命，多子多福','几何纹样','/wytag/media/wytag/%E8%8F%B1%E5%BD%A2%E7%BA%B9.png ')">菱形纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=70    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('三角纹','通常以对称、重复的方式排列，结合圆点和直线，构成丰富多样的几何图案。 
知乎','稳固','几何纹样','/wytag/media/wytag/%E4%B8%89%E8%A7%92%E7%BA%B9.png ')">三角纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=84    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('方胜纹','古代几何纹样的一种。“胜”是古代妇女的一种首饰。汉代的“玉胜”出土,提供了胜的形象。胜,古时代作为瑞祥之物。“胜”原为古代妇女的发饰。','同心、祥瑞','几何纹样','/wytag/media/wytag/%E6%96%B9%E8%83%9C%E7%BA%B9.png ')">方胜纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=73    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('回纹','以回纹（S形或方形回环）、菱形纹（棋盘格状）、三角纹（锯齿或波浪形）为主，线条简洁规律，常作为辅助纹饰填充空间。','万寿无疆','几何纹样','/wytag/media/wytag/%E5%9B%9E%E7%BA%B9.png ')">回纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=95    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('联珠纹','又称连珠纹、圈带纹、串珠纹，由圆形或椭圆形小珠串联成环，环内填充动物（如对鸟、对兽）或花卉，珠圈多为双层或多层，风格工整对称。','象征“中外交流”与“富贵圆满”','几何纹样','/wytag/media/wytag/%E8%81%94%E7%8F%A0%E7%BA%B9.png ')">联珠纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=69    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('方格纹','是具有一定形状和大小的点、线及点线组合而成的图案按照一定的方式排列的结果。通常所说的线状符号的线型也可以说是纹理，它是点、线图案沿一定路经排列的结果。','稳定','几何纹样','/wytag/media/wytag/%E6%96%B9%E6%A0%BC%E7%BA%B9_xHibFXu.png ')">方格纹</a>
                                        
                                         
                                  </li>

                             
                                  </ul>
                                  
                               
				        </li>
                     
			        	<li>
					       <a id=19   data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('自然纹样','源于动植物或自然景观，如牡丹纹、莲花纹、云纹、水波纹','','形态特征标签','')">自然纹样</a>
                           
                             
                                  <ul>
                                   <!-- c1值的变动在for循内有效 for循环外仍为1-->
                               
                             
						            <li><a id=68    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('雷纹','以连续的方折回旋形线条构成的青铜器装饰图案，作为商周时期青铜器的典型纹饰，其方形回旋特征与圆形云纹共同构成云雷纹体系。该纹饰通过拍印、压印等工艺技法呈现规律性几何构图，常作为地纹衬托器物主体纹饰','威严','自然纹样','/wytag/media/wytag/%E9%9B%B7%E7%BA%B9.png ')">雷纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=91    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('云气纹','以流动的曲线模拟云霭的形态，线条婉转飘逸，常穿插小圆圈（表示“云气结”）或动物、神人，形成虚实相生的动态效果。','沟通天地、引导灵魂升仙的媒介','自然纹样','')">云气纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=67    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('火焰纹','以火珠或圆形纹饰为核心，既象征太阳的永恒光辉，又体现宗教洁净神圣的信仰内涵','光明、神圣','自然纹样','/wytag/media/wytag/%E7%81%AB%E7%84%B0%E7%BA%B9.png ')">火焰纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=66    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('水波纹','在中国传统文化中具有重要的美学和象征意义。描绘了水的宁静与动感。','流动、财富','自然纹样','/wytag/media/wytag/%E6%B0%B4%E6%B3%A2%E7%BA%B9.png ')">水波纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=65    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('云纹','最初形式为由圆形的回旋线条构成的几何图形，依次出现了云雷纹、卷云纹、云气纹、朵云纹、如意纹等不同造型的云纹。','吉利、祥和、理想、美好','自然纹样','/wytag/media/wytag/%E4%BA%91%E7%BA%B9.png ')">云纹</a>
                                        
                                         
                                  </li>

                             
                                  </ul>
                                  
                               
				        </li>
                     
			        	<li>
					       <a id=20   data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('抽象纹样','简化或变形的自然形态','','形态特征标签','')">抽象纹样</a>
                           
                             
                                  <ul>
                                   <!-- c1值的变动在for循内有效 for循环外仍为1-->
                               
                             
						            <li><a id=83    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('钱纹','又称铜钱纹，是一种由外部圆形和内部正方形或内向弧形方格组成的外圆内方纹样。','财富','抽象纹样','/wytag/media/wytag/%E9%92%B1%E7%BA%B9_GRHfkzr.png ')">钱纹</a>
                                        
                                         
                                  </li>

                             
                                  </ul>
                                  
                               
				        </li>
                     
			        	<li>
					       <a id=21   data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('人物纹样​​','以人物形象或故事为题材，如八仙纹、飞天纹','','形态特征标签','')">人物纹样​​</a>
                           
                             
				        </li>
                     
			        	<li>
					       <a id=44   data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('植物纹','','','形态特征标签','')">植物纹</a>
                           
                             
                                  <ul>
                                   <!-- c1值的变动在for循内有效 for循环外仍为1-->
                               
                             
						            <li><a id=54    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('缠枝纹','以植物的枝茎或蔓藤做骨架，向上下、左右延伸，循环往复变化无穷且婉转流畅、节奏明快。','连续不断','植物纹','/wytag/media/wytag/%E7%BC%A0%E6%9E%9D%E7%BA%B9.png ')">缠枝纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=94    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('卷草纹','以忍冬（金银花）、葡萄等藤蔓为骨架，叶片呈波浪形卷曲，间饰小花（如莲花、牡丹）或飞禽（如鸳鸯、鹦鹉），线条流畅连绵，无明确起点终点（“无限延伸”）。','象征“生命力”与“永恒”','植物纹','/wytag/media/wytag/%E5%8D%B7%E8%8D%89%E7%BA%B9.png ')">卷草纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=48    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('菊花纹','我国对菊花的记载最早见于《周官》​《礼记》​，西周至春秋战国时期的《诗经》和屈原的《离骚》中也都有菊花的记载。由此可见，菊花文化与中华民族很早就结下了不解之缘。菊花是我国的传统花卉之一，菊花纹是汉族传','恬然自处、傲然不屈的高尚品格兼具吉祥与长寿','植物纹','/wytag/media/wytag/%E8%8F%8A%E8%8A%B1%E7%BA%B9.png ')">菊花纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=51    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('竹子纹','以竹枝、竹叶为主要元素，多见于传统器物、织物及建筑装饰中。','坚韧不拔','植物纹','/wytag/media/wytag/%E7%AB%B9%E5%AD%90%E7%BA%B9.png ')">竹子纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=47    style="background-color: #ffcc00;"  data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('梅花纹','梅花纹最早出现于秦汉时期，秦汉时期开始应用于漆器、画像砖及首饰装饰。宋代进入繁盛期，瓷器上采用简约点状表现手法（如西夏白釉梅花点纹梅瓶）','象征福、禄、寿、喜、财五福','植物纹','/wytag/media/wytag/%E6%A2%85%E8%8A%B1%E7%BA%B9.png ')">梅花纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=96    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('团花纹','以圆形为框架，中心饰花卉（如牡丹、莲花）或动物（如双凤、对龙），外围环绕卷草或小团花，整体饱满对称，如“团花”“宝相团花”。','象征“团圆”“圆满”','植物纹','/wytag/media/wytag/%E5%9B%A2%E8%8A%B1%E7%BA%B9.png ')">团花纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=45    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('莲花纹','莲花纹在埃及、印度和中国都流传很久，莲花古名芙渠或芙蓉，也称荷花，盛开时花朵较大。中国汉代以来，有以莲花装饰藻井的传统。魏晋南北朝时期佛教传入，以莲花代表“净土”，寓意“吉祥”，是佛教艺术中主要纹饰，','佛教象征纯洁','植物纹','/wytag/media/wytag/%E8%8E%B2%E8%8A%B1%E7%BA%B9.jpg ')">莲花纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=46    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('牡丹纹','牡丹纹是一种典型的汉族瓷器装饰纹样或织锦纹样，以牡丹花为主题。自唐代以来，牡丹颇受世人喜爱，被视为繁荣昌盛、美好幸福的象征。宋时被称为“富贵之花”。','富贵、繁荣昌盛、美好幸福','植物纹','/wytag/media/wytag/%E7%89%A1%E4%B8%B9%E7%BA%B9_lbLiJfi.png ')">牡丹纹</a>
                                        
                                         
                                  </li>

                             
                                  </ul>
                                  
                               
				        </li>
                     
			        	<li>
					       <a id=43   data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('动物纹样','','','形态特征标签','')">动物纹样</a>
                           
                             
                                  <ul>
                                   <!-- c1值的变动在for循内有效 for循环外仍为1-->
                               
                             
						            <li><a id=64    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('狮子纹','中国传统瓷器装饰的代表性纹样，以西域传入的狮子为原型，通过艺术加工形成兼具威严与祥瑞寓意的视觉符号。','象征权利与威严','动物纹样','/wytag/media/wytag/%E7%8B%AE%E5%AD%90%E7%BA%B9_d6kt2WJ.png ')">狮子纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=62    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('鹤纹','以鹤形为主要元素，象征吉祥、长寿和高洁','象征吉祥、长寿和高洁','动物纹样','/wytag/media/wytag/%E9%B9%A4%E7%BA%B9.png ')">鹤纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=56    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('麒麟纹','其形象融合马头、鹿角、麋身、龙鳞、牛尾等特征','象征吉祥仁爱','动物纹样','/wytag/media/wytag/%E9%BA%92%E9%BA%9F%E7%BA%B9.png ')">麒麟纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=89    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('龙纹','三停九似：“三停”指龙头部至前肢、前肢至腰、腰至尾部三部分长度相等；“九似”指龙角似鹿、龙鳞似鱼、龙头似驼、龙眼似兔、龙嘴似牛、龙爪似鹰、龙掌、龙身似蛇、龙腹似蜃','象征中国皇权、祥瑞、正义、高贵、尊荣、勇气、决心','动物纹样','/wytag/media/wytag/%E9%BE%99%E7%BA%B9.jpeg ')">龙纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=59    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('鱼纹','鱼纹是中国传统寓意纹样的重要类型，起源于新石器时代，黄河流域的半坡文化与河姆渡文化彩陶中已出现早期鱼纹样式 。其发展历经写实到几何化演变，商周时期作为青铜器辅助纹饰，汉代转向世俗化应用','年年有余、富贵有余','动物纹样','/wytag/media/wytag/%E9%B1%BC%E7%BA%B9.png ')">鱼纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=55    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('凤凰纹','是以凤凰为核心意象的中国传统装饰纹样，其构成常与牡丹等花卉结合形成&quot;凤穿牡丹&quot;经典范式，体现&quot;图必有意，意必吉祥&quot;的设计理念。','百鸟之王、吉祥','动物纹样','/wytag/media/wytag/%E5%87%A4%E5%87%B0%E7%BA%B9.png ')">凤凰纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=63    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('鸳鸯纹','鸳鸯纹最早出现于西周时期，唐代开始广泛应用','爱情','动物纹样','/wytag/media/wytag/%E9%B8%B3%E9%B8%AF%E7%BA%B9_3I5Rd4d.png ')">鸳鸯纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=61    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('鹿纹','指鹿身上的花纹，古代人民认为鹿是一种神物，是人升仙时的乘骑。','福禄常在，官运亨通','动物纹样','/wytag/media/wytag/%E9%B9%BF%E7%BA%B9.png ')">鹿纹</a>
                                        
                                         
                                  </li>

                             
						            <li><a id=97    data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="showDetail('信期绣纹','信期绣是马王堆汉墓出土的《遣策》中记载的名字。燕为定期南迁北归的候鸟，汉代，家燕的别称就是“信期”，因此命名。信期绣纹以变形的燕子为主、流云纹与写意花草点缀期间，单元较小，线条细密灵动，轻云舒展，枝蔓','明媚的春光和万物的生长','动物纹样','/wytag/media/wytag/%E4%BF%A1%E6%9C%9F%E7%A7%80%E7%BA%B9.jpg ')">信期绣纹</a>
                                        
                                         
                                  </li>

                             
                                  </ul>
                                  
                               
				        </li>
                     
              
			</ul>
		</li>
	</ul>
</div>
</div>


<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header" >
          <h5 class="modal-title" id="exampleModalLabel" ><label id="qtext">标签信息</label></h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="关闭"></button>
      </div>
      <div class="modal-body">
          <table style="border-collapse: separate;border-spacing:25px 40px; ">
        <tr>
        <th width="10%"><p >名称：</p></th>
        <td><p class="fs-2" id="tname"></p></td>
        </tr>
        <tr>
        <th><p >图例：</p></th>
        <td><img src="" id="timg" style="max-width: 200px/"></td>
        </tr>
        <tr>
        <tr>
        <th><p >简介：</p> </th>
        <td><p id="tbrief"></td>
        </tr>
        <tr>
        <th><p >寓意：</p> </th>
            <td><p id="tmeaning"></p><td>
        </tr>
        <tr>
        <th>类型： </th>
        <td><p id="tparent"></p></td>
        </tr>

    </table>
      </div>

    </div>
  </div>
</div>

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script>
  $().ready(function(){
      $('#pills-home-tab').attr('class','nav-link dropdown-toggle active');
      $('#pills-profile-tab').attr('class','nav-link ');
      //alert($('#pills-profile-tab').attr('aria-selected'));
  })

 function popupPage(qtext){
 //alert($('#qtext'));
$('#qtext').text(qtext);

 }

 function showDetail(tagname,tagbrief,tagmeaning,tagparent,tagimgurl){
      $('#tname').text(tagname);
      $('#tbrief').text(tagbrief);
      $('#tmeaning').text(tagmeaning);
      $('#tparent').text(tagparent);
      $('#timg').attr('src',tagimgurl);
    }

</script>