docs: 文档新增视频账号链接

This commit is contained in:
click33 2025-01-08 20:02:37 +08:00
parent 34947f2705
commit 8db48f65dd
2 changed files with 46 additions and 1 deletions

View File

@ -162,6 +162,33 @@
<a href="https://github.com/dromara/sa-token" target="_blank">
<img src="https://oss.dev33.cn/sa-token/img/github.png" alt="">
</a>
<span class="dmt-link">
<img class="dmt-img" src="https://oss.dev33.cn/sa-token/img/zong-4.png" alt="">
<span class="dmt-tips">B站、抖音、视频号 ...</span>
<div class="dmt-detail">
<h4>关注我们 → 分享“权限认证架构设计”干货视频</h4>
<div class="dmt-item-box">
<div class="dmt-item dmt-item-bilibili">
<a href="https://space.bilibili.com/3546758575557094" target="_blank">
<img class="dmt-qr-img" src="https://oss.dev33.cn/sa-token/img/bilibili-qr-fang.png" alt="">
<img class="dmt-logo-img" src="https://oss.dev33.cn/sa-token/img/bilibili-light.png" alt="">
</a>
</div>
<div class="dmt-item dmt-item-douyin">
<a href="https://www.douyin.com/user/MS4wLjABAAAArVqj2lGRurfj-9eO0T12q6_vrbIK-Om9bi3eo4OwB2g" target="_blank">
<img class="dmt-qr-img" src="https://oss.dev33.cn/sa-token/img/douyin-qr-fang.png" alt="">
<img class="dmt-logo-img" src="https://oss.dev33.cn/sa-token/img/douyin-light.png" alt="">
</a>
</div>
<div class="dmt-item dmt-item-wxsph">
<a href="javascript: layer.msg('微信视频号暂未提供PC网站请在手机微信扫码订阅');">
<img class="dmt-qr-img" src="https://oss.dev33.cn/sa-token/img/wxsph-qr-fang.png" alt="">
<img class="dmt-logo-img" src="https://oss.dev33.cn/sa-token/img/wxsph-light.png" alt="">
</a>
</div>
</div>
</div>
</a>
</div>
</div>
</div>

View File

@ -81,10 +81,28 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
/* 其它平台链接 */
.qt-pt-box{margin-top: 40px;}
.qt-pt-box a{text-decoration: none; margin-right: 20px;}
.qt-pt-box a img{/* width: 130px; */ height: 40px; transition: all 0.2s !important;}
.qt-pt-box>a img{height: 40px;}
.qt-pt-box a img{/* width: 130px; */ /* height: 40px; */ transition: all 0.2s !important;}
.qt-pt-box a img:hover{transform: scale(1.1, 1.1);}
/* .img-gitcode{width: 140px;} */
/* 多媒体平台 */
.qt-pt-box .dmt-link{ }
.qt-pt-box .dmt-img{width: 40px; height: 40px; }
.qt-pt-box .dmt-tips{ vertical-align: 100%; color: #888; font-size: 12px; margin-left: 5px; }
.dmt-detail h4{padding-top: 10px; padding-bottom: 20px;}
/* 悬浮时展开 */
.dmt-link{display: inline-block; position: relative;}
.dmt-detail{position: absolute; transform: translate(-300px, 0px); background-color: #FFF; overflow: hidden; display: none; transition: all 0.2s;}
.dmt-link:hover .dmt-detail{display: block; }
.dmt-detail{padding: 30px; padding-top: 15px; border: 1px #ccc solid;}
.dmt-item-box{display: flex; width: 600px;}
.dmt-detail .dmt-item{width: 200px; flex: 1; text-align: center; cursor: pointer;}
.dmt-item .dmt-qr-img{ max-width: 180px; }
.dmt-item .dmt-logo-img{ max-width: 180px; max-height: 50px; margin-top: 10px;}
.dmt-item-douyin,.dmt-item-wxsph{ margin-top: 15px; }
.dmt-item-bilibili .dmt-logo-img{margin-top: 20px;}
.dmt-item-wxsph .dmt-logo-img{margin-top: 15px;}
/* 微信二维码 */
.wx-qr-box{margin-top: 50px;}