|
|
| 第76行: |
第76行: |
| } | | } |
| // 适配网页 | | // 适配网页 |
| let css = `#HanziConverterTypeSwitch{position:fixed;top:0.25rem;left:1rem;padding:0.25rem 0.5rem;background-color:#fff;opacity:0.5;transition:0.2s ease;z-index:999999;cursor:pointer;user-select:none;font-size:1.2rem;font-family:"STKaiti", "KaiTi", "MicrosoftYaHei";color:#222;text-align:center}#HanziConverterTypeSwitch.none{background-color:#ccc;color:#666}#HanziConverterTypeSwitch.simplified .s{outline:1px solid #222;font-weight:bold}#HanziConverterTypeSwitch.traditional .t{outline:1px solid #222;font-weight:bold}#HanziConverterTypeSwitch::after{content:attr(title);position:absolute;top:0.25rem;left:50%;width:8.4rem;opacity:0;pointer-events:none;transition:0.3s ease}#HanziConverterTypeSwitch:hover{box-shadow:2px 3px 5px 0 #222;opacity:1}#HanziConverterTypeSwitch:hover::after{left:100%;opacity:1}#HanziConverterTypeSwitch:active{box-shadow:1px 2px 2px 0 #222;background-color:#ddd}
| |
| `;
| |
| let s = document.createElement('style');
| |
| s.textContent = css;
| |
| document.head.appendChild(s);
| |
| document.body.appendChild(frag); | | document.body.appendChild(frag); |
| } | | } |