pandown.js

function pandown() {
    //遍历所有的pandown标签
    var pandowns = document.getElementsByTagName('pandown');
    //遍历所有的pandown标签
    for (var i = 0; i < pandowns.length; i++) {
        var panJson = {
            baidu: {
                name: '百度网盘', color: '#09aaff'
            }, tx: {
                name: '腾讯微云', color: '#2980ff'
            }, onedrive: {
                name: 'OneDrive', color: '#0078d4'
            }, hc: {
                name: '和彩云', color: '#e5dbfd'
            }, ty: {
                name: '天翼云', color: '#ffa500'
            }, aliyun: {
                name: '阿里云', color: '#637dff'
            }, 115: {
                name: '115网盘', color: '#2777f8'
            }, jg: {
                name: '坚果云', color: '#c3773d'
            }, 360: {
                name: '360安全云盘', color: '#2ac389'
            }, 123: {
                name: '123云盘', color: '#597dfc'
            }, qn: {
                name: '七牛云盘', color: '#00aae7'
            }, github: {
                name: 'GitHub', color: '#000000'
            }, yun: {
                name: pandowns[i].getAttribute('name'), color: pandowns[i].getAttribute('color')
            }, lz: {
                name: '蓝奏云', color: '#f60'
            }
        }
        pandowns[i].style.setProperty('--color', panJson[pandowns[i].getAttribute('type')].color);
        pandowns[i].innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-download-fill" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 0a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 4.095 0 5.555 0 7.318 0 9.366 1.708 11 3.781 11H7.5V5.5a.5.5 0 0 1 1 0V11h4.188C14.502 11 16 9.57 16 7.773c0-1.636-1.242-2.969-2.834-3.194C12.923 1.999 10.69 0 8 0m-.354 15.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 14.293V11h-1v3.293l-2.146-2.147a.5.5 0 0 0-.708.708z"/></svg><span class="name">${pandowns[i].getAttribute("fname")}</span><br><span>${panJson[pandowns[i].getAttribute('type')].name}<wbr><span class="gray">链接:</span><wbr>${pandowns[i].getAttribute("url")}${(pandowns[i].hasAttribute("pwd")) ? ' <wbr><span class="gray">提取码:</span><wbr>' + pandowns[i].getAttribute("pwd") : ""}</span><br><button class="down" title="复制提取码并下载" onclick="this.copyText('${pandowns[i].getAttribute('pwd')}', '${pandowns[i].getAttribute('url')}');">${(pandowns[i].hasAttribute("pwd")) ? "复制提取码并" : ""}下载</button>`;
        // 文本复制函数
        pandowns[i].copyText = (strtext, url) => {
            var oInput = document.createElement('input');
            oInput.value = strtext;
            document.body.appendChild(oInput);
            oInput.select(); // 选择对象
            document.execCommand('Copy'); // 执行浏览器复制命令
            oInput.className = 'oInput';
            oInput.style.display = 'none';
            alert('已复制好!');
            window.open(url, '_blank');
        }
    }
}


//页面加载后运行
document.addEventListener("DOMContentLoaded", () => {
    document.head.innerHTML += `<style>pandown{position:relative;padding:16px 16px 16px 36px;border-radius:4px;font-size:.9375rem;background:#f6f6f6;display:block;line-height:1.6;margin:10px 0;border-left:8px solid var(--color);overflow:hidden;word-break:break-word}pandown svg{position:absolute;top:calc(50% - 24px*.5);left:8px;width:24px;height:24px;fill:var(--color)}pandown .name{font-size:20px;font-weight:700;color:var(--color)}pandown .down{color:#fff;min-width:2.5em;padding:.5em 1em;border-radius:5px;font-weight:400;font-size:12px;text-align:center;white-space:nowrap;cursor:pointer;user-select:none;outline:0;border:0;background-color:var(--color)}pandown .gray{color:#bababa}</style>`;
    pandown()
})