|
@@ -39,7 +39,10 @@
|
|
|
</ul>
|
|
|
</li>
|
|
|
<!-- 中文网 -->
|
|
|
- <li class="language">
|
|
|
+ <li class="language"
|
|
|
+ tabindex="0"
|
|
|
+ aria-description="EN"
|
|
|
+ >
|
|
|
<a href="http://www.capitalmuseum.org.cn/" target="_blank"
|
|
|
tabindex="0"
|
|
|
aria-description="中文网站"
|
|
@@ -49,8 +52,16 @@
|
|
|
</li>
|
|
|
<!-- 爱心模式 -->
|
|
|
<li class="love">
|
|
|
- <span>Caring Mode</span>
|
|
|
+ <label for="caring-mode-switch"
|
|
|
+ tabindex="0"
|
|
|
+ aria-label="Button"
|
|
|
+ aria-description="Caring Mode"
|
|
|
+ >
|
|
|
+ Caring Mode
|
|
|
+ </label>
|
|
|
+
|
|
|
<el-switch v-model="loveFlag" active-color="#AB3434"
|
|
|
+ id="caring-mode-switch"
|
|
|
tabindex="0"
|
|
|
aria-label="Button"
|
|
|
aria-description="Caring Mode"
|
|
@@ -203,6 +214,7 @@ export default {
|
|
|
},
|
|
|
// 第二级的跳转
|
|
|
skipTow(url, about) {
|
|
|
+ document.activeElement.blur()
|
|
|
// 如果是about页面
|
|
|
if (about === true) {
|
|
|
this.$router.push("/Layout/About").catch(() => {});
|
|
@@ -303,10 +315,12 @@ export default {
|
|
|
.language {
|
|
|
background: url("../../assets/images/dh1.png") no-repeat 0 18px;
|
|
|
width: 73px;
|
|
|
- text-indent: 41px;
|
|
|
+ text-indent: 20px;
|
|
|
& > a {
|
|
|
color: #fff;
|
|
|
text-decoration: none;
|
|
|
+ display: inline-block;
|
|
|
+ height: 100%;
|
|
|
&:hover {
|
|
|
border-bottom: 2px solid #ca000a;
|
|
|
}
|
|
@@ -314,8 +328,12 @@ export default {
|
|
|
}
|
|
|
.love {
|
|
|
margin-right: 0;
|
|
|
+ cursor: default;
|
|
|
+ label {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
&:hover {
|
|
|
- & > span {
|
|
|
+ & > label {
|
|
|
border-bottom: none;
|
|
|
}
|
|
|
}
|