6月4日晚

master
rosehan 1 year ago
parent d684e93205
commit 9319b0b63a
  1. 1
      assets/images/line4.svg
  2. 5
      pages/Public/static/themes/css/global.css
  3. 6
      pages/header.html

@ -0,0 +1 @@
<svg id="1af059c3-447f-4584-8126-1381f74a67de" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 29"><title>元素</title><rect x="-11.5" y="13.5" width="28" height="1" transform="translate(-11.5 16.5) rotate(-90)" style="fill:#b03232"/><circle cx="2.5" cy="26.5" r="2.5" style="fill:#b03232"/></svg>

After

Width:  |  Height:  |  Size: 321 B

@ -550,17 +550,18 @@ a:focus, a:hover {color: inherit;}
.nav-mod .nav-lv1{ display: inline-block; opacity: 1; visibility: visible; font-size: 20px;}
.nav-mod .nav-lv1 > .nav-item{ float: left;}
.nav-mod .nav-lv1 > .nav-item > .nav-tit .nav-link{ position: relative;}
.nav-mod .nav-lv1 > .nav-item > .nav-tit .nav-link:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 4px solid #cc1e1d; opacity: 0; visibility: hidden;
.nav-mod .nav-lv1 > .nav-item > .nav-tit .nav-link:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 2px solid #cc1e1d; opacity: 0; visibility: hidden;
-webkit-transition: opacity 0.2s, visibility 0.2s;
transition: opacity 0.2s, visibility 0.2s;
}
.nav-mod .nav-lv1 > .nav-item:hover > .nav-tit .nav-link:before,.nav-mod .nav-lv1 > .nav-item.cur > .nav-tit .nav-link:before{content: ''; position: absolute; left: -8px;top: 0; width: 5px; height: 29px;background: url("../../../../../assets/images/line4.svg"); background-size:cover; }
.nav-mod .nav-lv1 > .nav-item.cur > .nav-tit .nav-link:after, .nav-mod .nav-lv1 > .nav-item:hover > .nav-tit .nav-link:after{ opacity: 1; visibility: visible;}
.nav-mod .nav-lv1 .nav-link{ margin: 0 38px; padding: 12px;}
.nav-mod .nav-lv2{ position: absolute; left: 0; right: 0; top: 100%; padding: 21px 0 16px; background: #fff; font-size: 18px; overflow: hidden;}
.x-header.dark .nav-mod .nav-lv2{ background-color: rgba(0, 0, 0, 0.3);}
.nav-mod .nav-lv2:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: #dadada;}
.nav-mod .nav-lv2 .nav-item{ display: inline-block; padding: 2px 0; vertical-align: middle;}
.nav-mod .nav-lv2 .nav-item + .nav-item{ background-image: url(../../../../../assets/images/line1_darlk.svg);background-size: 17%;background-position: left;background-repeat: no-repeat;background-size: 17%;}
.nav-mod .nav-lv2 .nav-item + .nav-item{ background-image: url(../../../../../assets/images/line1_darlk.svg);background-position: left;background-repeat: no-repeat;background-size: 20px;}
.nav-mod .nav-lv2 .nav-link{ margin: 0 25px; padding: 0 10px;
-webkit-transition: padding 0.2s;
transition: padding 0.2s;

@ -410,6 +410,10 @@
<div class="nav-tit"><a class="nav-link" href="javascript:void(0);" onclick="onMenuClick('./qingdan/index.html')">非物质文化遗产项目</a>
</div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="javascript:void(0);" onclick="onMenuClick('./qingdan/index.html')">图集</a>
</div>
</li>
<li class="nav-item">
<div class="nav-tit"><a class="nav-link" href="javascript:void(0);" onclick="onMenuClick('./qingdan/index.html')">非物质文化遗产代表性传承人</a>
</div>
@ -507,4 +511,4 @@
}
});
});
</script>
</script>

Loading…
Cancel
Save