关于网盘链接的建议 投诉建议

在使用过程中，发现网站对网盘链接做了专门的UI设计。有这种设计，我个人是赞赏的，但是其仍有部分不足之处，在此稍加列举。

首先其格式为左侧网盘图标，右侧下载图标，中间为文字信息区域；文字信息区域中上部为标题（title），坐下标明来源网盘，右下为“desc”。超链接（href）存在于下载图标区域。

从头开始讲，首先是网盘图标。目前我注意到已适配的有百度网盘、夸克网盘、123云盘，但蓝奏云和部分冷门网盘未进行适配（目前发现的就这些）。其中度盘和123的图标清晰度良好，边界明确，值得夸赞，但是夸克网盘图标疑似抠图获得，且制作粗糙，可能影响观感；蓝奏云属于常用于资源分享的网盘，BHB未对其进行适配我个人扔物是有所欠缺的（原因可能是蓝奏云的分享链接域名较多，难以完全适配。若是如此，个人建议使用正则，表达式为.+\.lanzou.\.com）。

来源网盘部分对于其它小众网盘均标为“默认网盘”，个人任务欠妥。这样用户无法通过外观直观地知道此网盘链接来源于哪里。如果可能，我建议将未适配的网盘直接显示其域名，如“来源网盘：lanzoui.com”

其次是超链接部分的问题。<a></a>完全可以将整个<section class="card border card-netdisk"></section>包起来，变为<a><section class="card border card-netdisk">......</section></a>的形式，这样点击section的任何部分都可以打开链接，而非像现在这样只能通过点击右侧下载图标来打开链接。如果上述方式可能导致用户无法正常复制提取码，也可以用<a></a>再分别包住网盘图标和标题部分。

最后要说的是“desc”部分。这部分在插入的时候叫做“描述”，但输入框中提示的是“在这里输入提取码”，而在展示给用户的UI中又不注明这部分是什么。个人建议将描述与提取码做成独立的两部分，也就是再添加一个可缺省的“提取码”输入框，就像这个一样，并在section中像“来源网盘”那样写成如“提取码：1234”的内容。若如此，则在插入时会要求填写网盘链接（不可缺省）、标题、描述（可缺省）、提取码（可缺省）四部分内容，而在展示时会展示标题、描述、来源网盘、提取码四部分。

若按上面的建议进行修改，修改后的section如下：

代码如下：

<section class="card border card-netdisk">
        <div class="card-body">
            <div class="media align-items-center">
                <div class="media-left">
                    <a href="https://boyshelpboys.com/"><span class="icon _bd img-fluid w-px-50 h-px-50 avatar-3"></span></a>
                </div>
                <div class="media-body px-3">
                    <p class="h5 mt-0 mb-1 media-heading text-primary netdisktittle"><a href="https://boyshelpboys.com/">建议形式</a></p>
                    <p class="m-0">这是一个示例</p>
                    <p class="m-0">来源：百度网盘 | 提取码：1234</p>
                </div>
                <div class="media-right">
                    <a href="https://boyshelpboys.com/" class="downloadbtn btn rounded-pill btn-icon btn-primary" title="" data-toggle="tooltip" target="_blank" data-bs-original-title="下载">
                 
                    </a>
                </div>
            </div>
        </div>
    </section>

当然，这只是个人的一个微不足道的小小的建议。愿BHB向好发展！