mirror of
https://gitee.com/dromara/sa-token.git
synced 2024-12-02 11:57:40 +08:00
458 lines
22 KiB
HTML
458 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Sa-Token</title>
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
<meta name="description" content="Sa-Token是一个java权限认证框架，功能全面，上手简单，登录认证、权限认证、Session会话、踢人下线、账号封禁、集成Redis、前后台分离、分布式会话、微服务网关鉴权、单点登录、OAuth2.0、临时Token验证、记住我模式、模拟他人账号、临时身份切换、多账号体系、注解式鉴权、路由拦截式鉴权、花式token、自动续签、同端互斥登录、会话治理、密码加密、jwt集成、Spring集成、WebFlux集成...，有了sa-token，你所有的权限认证问题，都不再是问题">
|
||
<meta name="keywords" content="sa-token,sa-token框架,sa-token文档,java权限认证">
|
||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||
<link rel="shortcut icon" type="image/x-icon" href="doc/logo.png">
|
||
<link rel="stylesheet" href="./index.css">
|
||
<!-- <link rel="stylesheet" href="https://unpkg.zhimg.com/docsify@4.11.3/lib/themes/vue.css"> -->
|
||
</head>
|
||
<body>
|
||
<!-- 总盒子 -->
|
||
<div class="z-div" style="">
|
||
|
||
<!-- ------------ 头部 ------------- -->
|
||
<header class="doc-header">
|
||
<div class="nav-left">
|
||
<a href="index.html">
|
||
<div class="logo-box">
|
||
<img src="./doc/logo.png" title="logo" />
|
||
<span class="logo-text">Sa-Token</span>
|
||
<!-- <h1 class="logo-text">Sa-Token</h1> -->
|
||
<!-- <sub>v1.29.1.trial</sub> -->
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<nav class="nav-right">
|
||
<a class="wzi" href="index.html">首页</a>
|
||
<a class="wzi" href="doc/index.html">文档</a>
|
||
<a class="p-none wzi" href="doc/index.html#/more/link">生态</a>
|
||
<a class="p-none wzi" href="doc/index.html#/more/sa-token-donate">赞助</a>
|
||
<a class="p-none wzi" href="doc/index.html#/sso/sso-pro">🔥 SSO商业版</a>
|
||
<div class="zk-box">
|
||
<a class="wzi" href="javascript:;">
|
||
<span>相关资源 </span>
|
||
<span class="zk-icon"></span>
|
||
</a>
|
||
<div class="zk-context">
|
||
<div>
|
||
<!-- <a href="#/more/sa-token-donate">❤️ 赞助</a> -->
|
||
<a href="doc/index.html#/more/update-log">更新日志</a>
|
||
<a href="doc/index.html#/more/common-questions">常见报错</a>
|
||
<a href="doc/index.html#/more/tj-gzh">推荐公众号</a>
|
||
<a href="doc/index.html#/fun/sa-token-test">在线考试 ++</a>
|
||
<div class="zk-fengexian"></div>
|
||
<a href="http://sa-app.dev33.cn/wall.html?name=sa-token" target="_blank">需求墙</a>
|
||
<a href="https://wj.qq.com/s2/8475114/2f6a/" target="_blank">问卷调查</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- github小章鱼图标 -->
|
||
<a href="https://github.com/dromara/sa-token" target="_blank" class="github-corner" aria-label="View source on Github"
|
||
style="position: fixed; right: -16px; padding-left: 0px;">
|
||
<svg viewBox="0 0 250 250" aria-hidden="true">
|
||
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
|
||
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
|
||
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
|
||
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
|
||
fill="currentColor" class="octo-body"></path>
|
||
</svg>
|
||
</a>
|
||
</nav>
|
||
</header>
|
||
|
||
<!-- ------------ 海报部分 ------------- -->
|
||
<div class="main-box">
|
||
<div class="content-box">
|
||
<div class="fenge"></div>
|
||
<h1>Sa-Token<small>v1.29.1.trial</small></h1>
|
||
<div class="sub-title">一个轻量级 java 权限认证框架，让鉴权变得简单、优雅！</div>
|
||
<div class="btn-box">
|
||
<a href="https://github.com/dromara/sa-token" target="_blank">GitHub</a>
|
||
<a href="https://gitee.com/dromara/sa-token" target="_blank">码云</a>
|
||
<a href="doc/index.html" target="_self" class="doc-btn">开发文档</a>
|
||
</div>
|
||
<h4 align="center" class="badge-box">
|
||
<a href="https://gitee.com/dromara/sa-token/stargazers"><img src="https://gitee.com/dromara/sa-token/badge/star.svg?theme=gvp"></a>
|
||
<a href="https://gitee.com/dromara/sa-token/members"><img src="https://gitee.com/dromara/sa-token/badge/fork.svg?theme=gvp"></a>
|
||
<a href="https://github.com/dromara/sa-token/stargazers"><img src="https://img.shields.io/github/stars/dromara/sa-token?style=flat-square&logo=GitHub"></a>
|
||
<a href="https://github.com/dromara/sa-token/network/members"><img src="https://img.shields.io/github/forks/dromara/sa-token?style=flat-square&logo=GitHub"></a>
|
||
<a href="https://github.com/dromara/sa-token/watchers"><img src="https://img.shields.io/github/watchers/dromara/sa-token?style=flat-square&logo=GitHub"></a>
|
||
<a href="https://github.com/dromara/sa-token/issues"><img src="https://img.shields.io/github/issues/dromara/sa-token.svg?style=flat-square&logo=GitHub"></a>
|
||
<a href="https://github.com/dromara/sa-token/blob/master/LICENSE"><img src="https://img.shields.io/github/license/dromara/sa-token.svg?style=flat-square"></a>
|
||
</h4>
|
||
<div class="wx-qr-box">
|
||
<div class="qr-item">
|
||
<img class="wx-qr" src="https://oss.dev33.cn/sa-token/qq-group-2.png" >
|
||
<p style="">QQ交流群: 614714762 <a href="https://jq.qq.com/?_wv=1027&k=b759RZrL" target="_blank">点击加入</a></p>
|
||
</div>
|
||
<div class="qr-item">
|
||
<img class="wx-qr" src="https://oss.dev33.cn/sa-token/wx-qr-300.png" >
|
||
<p>微信交流群：扫码加入 (请备注: sa)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ------------ 支持特性 ------------- -->
|
||
<div>
|
||
<div class="feature-z s-width">
|
||
<h2 class="s-title">Sa-Token 支持特性</h2>
|
||
<div class="feature-box">
|
||
<div class="feature">
|
||
<h2>⚡️ 登录认证</h2>
|
||
<p>多端登录、单端登录、同端互斥登录、七天免登录…… 多种登录策略只需改个配置即可完成</p>
|
||
</div>
|
||
<div class="feature">
|
||
<h2>🔑️ 权限认证</h2>
|
||
<p>权限认证、角色认证、会话二级认证、注解鉴权、路由鉴权……多种姿势灵活鉴权</p>
|
||
</div>
|
||
<div class="feature">
|
||
<h2>🔥️ 踢人下线</h2>
|
||
<p>强制注销、踢人下线、账号封禁、身份切换、自动续签 …… 提供完善的会话管理方案</p>
|
||
</div>
|
||
<div class="feature">
|
||
<h2>⭐️ Redis集成</h2>
|
||
<p>提供 Redis 集成方案、项目重启数据不丢失、多系统数据互通，可自定义数据持久化策略</p>
|
||
</div>
|
||
<div class="feature">
|
||
<h2>🚀️ 前后端分离</h2>
|
||
<p>内置多种 Token 读取策略，适配APP、小程序、SPA单页应用等前后端分离场景</p>
|
||
</div>
|
||
<div class="feature">
|
||
<h2>️🍃 单点登录</h2>
|
||
<p>同域、跨域、共享Redis、跨Redis、前后端一体、前后端分离……提供各种架构下的SSO接入方案</p>
|
||
</div>
|
||
<div class="feature">
|
||
<h2>🍂 OAuth2.0</h2>
|
||
<p>基于 RFC-6749 标准编写，轻松搭建 OAuth2.0 认证中心，支持四种授权模式，支持openid机制</p>
|
||
</div>
|
||
<div class="feature">
|
||
<h2>💦️ 微服务支持</h2>
|
||
<p>分布式 Session 会话、网关统一鉴权、RPC调用鉴权……提供开箱即用的微服务认证方案</p>
|
||
</div>
|
||
<div class="feature">
|
||
<h2>🗳️ 开箱即用</h2>
|
||
<p>提供SpringMVC、WebFlux、Solon、jwt 等常见框架集成包，真正的开箱即用……</p>
|
||
</div>
|
||
</div>
|
||
<div class="re-text">
|
||
<span>有了Sa-Token，你所有的权限认证问题，都不再是问题！</span>
|
||
<a href="https://oss.dev33.cn/sa-token/art/sa-token-js4.png" target="_blank">点击查看功能结构图</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- ------------ 使用公司 ------------- -->
|
||
<div>
|
||
<div class="com-box-f s-width">
|
||
<div class="s-fenge"></div>
|
||
<br>
|
||
<h2 class="s-title">正在使用 Sa-Token 的公司 / 机构</h2>
|
||
<div class="com-box">
|
||
<a href="http://yun94.cn/" target="_blank" title="济南凉云网络科技有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/liangyunwangluo.png">
|
||
</a>
|
||
<a href="http://www.jmwl51.com/" target="_blank" title="济南极梦网络科技有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/jimengwangluo.png">
|
||
</a>
|
||
<a href="https://www.suancheng.co/" target="_blank" title="山东酸橙网络科技有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/suanchengdudu.png">
|
||
</a>
|
||
<a href="https://chykj.com/" target="_blank" title="山东察远信息科技有限公司">
|
||
<img src="https://chykj.com/upload/1/cms/content/cylogoc.jpg">
|
||
</a>
|
||
<a href="https://ms.airsr.com/" target="_blank" title="北京天衢航空服务有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/tianquhangkong.png">
|
||
</a>
|
||
<a href="###" title="货好多科技">
|
||
<img src="https://oss.dev33.cn/sa-token/com/huohaoduo.png">
|
||
</a>
|
||
<a href="http://www.jmwl51.com/" target="_blank" title="济南极梦网络科技有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/jimeng.png">
|
||
</a>
|
||
<a href="https://uniadmin.jiangruyi.com/" target="_blank" title="南京星意信息科技有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/uniadmin.png">
|
||
</a>
|
||
<a href="http://www.tuodan.tech/" target="_blank" title="深圳加速脱单科技有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/tuodan.jpeg">
|
||
</a>
|
||
<a href="https://www.yangxuwang.com/" target="_blank" title="上海阳旭网络科技有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/shouxin.png">
|
||
</a>
|
||
<a href="https://www.ec-sudo.com/" target="_blank" title="深圳数独科技有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/shudukeji.png">
|
||
</a>
|
||
<a href="https://budwk.com/" target="_blank" title="BudWk 开发框架 V7.x">
|
||
<img src="https://oss.dev33.cn/sa-token/com/budwk.png">
|
||
</a>
|
||
<a href="https://www.quandashi.com/" target="_blank" title="北京梦知网科技有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/quandashi.png">
|
||
</a>
|
||
<a href="http://www.gree.com.cn/" target="_blank" title="珠海格力电器股份有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/geli.jpeg">
|
||
</a>
|
||
<a href="http://www.dchealth.com/" target="_blank" title="神州医疗">
|
||
<img src="https://oss.dev33.cn/sa-token/com/shenzhouyiliao.png">
|
||
</a>
|
||
<a href="https://www.quoting.cn/" target="_blank" title="引止">
|
||
<img src="https://oss.dev33.cn/sa-token/com/yinzhi.png">
|
||
</a>
|
||
<a href="http://www.dzlanke.cn/" target="_blank" title="德州蓝客网络科技">
|
||
<img src="https://oss.dev33.cn/sa-token/com/dezhoulanke.png">
|
||
</a>
|
||
<a href="http://www.turingoal.com" target="_blank" title="图灵谷（北京）科技有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/tulinggu.png">
|
||
</a>
|
||
<a href="https://www.pactera.com/?renqun_youhua=2483561&bd_vid=9062916023494825120" target="_blank" title="中电文思海辉">
|
||
<img src="https://oss.dev33.cn/sa-token/com/zhongdianwensi-logo.png">
|
||
</a>
|
||
<a href="###" title="辽宁薪达网络科技有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/taipingyangcanyin.png">
|
||
</a>
|
||
<a href="https://tisiqikeji.com/" target="_blank" title="吉林省体思奇健康科技有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/tisiqi.png">
|
||
</a>
|
||
<a href="http://www.qaqavr.com/" target="_blank" title="合肥中锐智能科技有限公司">
|
||
<img src="https://oss.dev33.cn/sa-token/com/hefeizhongrui2.png">
|
||
</a>
|
||
<a href="https://www.hstong.com/" target="_blank" title="价值网络">
|
||
<img src="https://oss.dev33.cn/sa-token/com/huashengtong.png">
|
||
</a>
|
||
</div>
|
||
<div style="height: 10px; clear: both;"></div>
|
||
<p style="color: #666;">
|
||
（如果您的项目也使用了 Sa-Token，您可以
|
||
<a href="https://gitee.com/dromara/sa-token/issues/I3EV1M" target="_blank" style="text-decoration: none;">在此</a>
|
||
提交）
|
||
</p>
|
||
</div>
|
||
<div style="height: 60px;"></div>
|
||
</div>
|
||
|
||
|
||
<!-- ------------ 友情链接 ------------- -->
|
||
<div>
|
||
<div class="com-box-f s-width">
|
||
<div class="s-fenge"></div>
|
||
<br>
|
||
<h2 class="s-title">友情链接</h2>
|
||
<div class="com-box com-box-you">
|
||
<a href="https://gitee.com/Apache-ShenYu/incubator-shenyu" target="_blank">
|
||
<img src="https://oss.dev33.cn/sa-token/link/shenyu.png" msg="JAVA语言中可扩展，高性能，响应式的 API 网关">
|
||
</a>
|
||
<a href="https://gitee.com/dromara/TLog" target="_blank">
|
||
<img src="https://oss.dev33.cn/sa-token/link/tlog2.png" msg="一个轻量级的分布式日志标记追踪神器，10分钟即可接入，自动对日志打标签完成微服务的链路追踪">
|
||
</a>
|
||
<a href="https://gitee.com/dromara/liteFlow" target="_blank">
|
||
<img src="https://oss.dev33.cn/sa-token/link/liteflow.png" msg="轻量，快速，稳定，可编排的组件式流程引擎">
|
||
</a>
|
||
<a href="https://hutool.cn/" target="_blank">
|
||
<img src="https://cdn.jsdelivr.net/gh/looly/hutool-site/images/logo.jpg" msg="🍬小而全的Java工具类库，使Java拥有函数式语言般的优雅，让Java语言也可以“甜甜的”。">
|
||
</a>
|
||
<a href="https://dromara.org/zh/projects/" target="_blank">
|
||
<img src="https://oss.dev33.cn/sa-token/link/dromara.png" msg="让每一位开源爱好者，体会到开源的快乐。">
|
||
</a>
|
||
<a href="https://okhttps.ejlchina.com/" target="_blank">
|
||
<img src="https://oss.dev33.cn/sa-token/link/okhttps.png" msg="如艺术一般优雅，像 1、2、3 一样简单，前后端通用，轻量却强大的 HTTP 客户端（同时支持 WebSocket 以及 Stomp 协议）">
|
||
</a>
|
||
<a href="https://xiaonuo.vip/" target="_blank">
|
||
<img src="https://oss.dev33.cn/sa-token/link/xiaonuo.png" msg="通用型后台权限管理框架，紧随潮流、开箱即用, 同时拥有Vue、Layui、SpringCloud三个版本">
|
||
</a>
|
||
<a href="https://cubic.jiagoujishu.com/" target="_blank">
|
||
<img src="https://oss.dev33.cn/sa-token/link/cubic.png" msg="一站式问题定位平台，以agent的方式无侵入接入应用，完整集成arthas功能模块，致力于应用级监控，帮助开发人员快速定位问题">
|
||
</a>
|
||
<a href="http://www.pearadmin.com/" target="_blank">
|
||
<img src="https://oss.dev33.cn/sa-token/link/pear-admin.png" msg="致 力 于 让 Web 开 发 变 得 简 单 优 雅">
|
||
</a>
|
||
<a href="https://maxkey.top/" target="_blank">
|
||
<img src="https://oss.dev33.cn/sa-token/link/maxkey.png" msg="业界领先的身份管理和认证产品">
|
||
</a>
|
||
<a href="http://forest.dtflyx.com/" target="_blank">
|
||
<img src="https://oss.dev33.cn/sa-token/link/forest-logo.png" msg="Forest能够帮助您使用更简单的方式编写Java的HTTP客户端" nf>
|
||
</a>
|
||
<a href="https://jpom.io/" target="_blank">
|
||
<img src="https://oss.dev33.cn/sa-token/link/jpom.png" msg="一款简而轻的低侵入式在线构建、自动部署、日常运维、项目监控软件">
|
||
</a>
|
||
<a href="https://su.usthe.com/" target="_blank">
|
||
<img src="https://oss.dev33.cn/sa-token/link/sureness.png" msg="面向 REST API 的高性能认证鉴权框架">
|
||
</a>
|
||
<a href="https://searcher.ejlchina.com/" target="_blank">
|
||
<img src="https://oss.dev33.cn/sa-token/link/bean-searcher.png" msg="轻量级关系数据库条件检索引擎，使一行代码实现复杂列表检索成为可能！">
|
||
</a>
|
||
</div>
|
||
<div style="height: 10px; clear: both;"></div>
|
||
</div>
|
||
<div style="height: 60px;"></div>
|
||
</div>
|
||
|
||
<!-- ------------ 底部 连接 ------------- -->
|
||
<div id="footer">
|
||
<div id="s-footer" class="mao-link"></div>
|
||
<div class="footer-r-b s-width">
|
||
<div class="ss-box">
|
||
<h3>特别鸣谢</h3>
|
||
<ul class="list-unstyle">
|
||
<li><a href="https://dromara.org/zh/projects/" target="_blank">Dromara社区</a></li>
|
||
<li><a href="https://gitee.com/Apache-ShenYu/incubator-shenyu" target="_blank">ShenYu 网关</a></li>
|
||
<li><a href="https://gitee.com/dromara/TLog" target="_blank">TLog 分布式日志</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="ss-box">
|
||
<h3>友情链接</h3>
|
||
<ul class="list-unstyle">
|
||
<li><a href="https://www.aliyun.com/" target="_blank">阿里云</a></li>
|
||
<li><a href="https://cloud.tencent.com/" target="_blank">腾讯云</a></li>
|
||
<li><a href="https://juejin.cn/" target="_blank">掘金 · 技术社区</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="ss-box">
|
||
<h3>联系我们</h3>
|
||
<ul class="list-unstyle">
|
||
<!-- <li>电话：<a href="tel:123;">123</a></li> -->
|
||
<li>QQ群 ：<a href="https://jq.qq.com/?_wv=1027&k=b759RZrL" target="_blank">614714762</a></li>
|
||
<li>邮箱：<a href="javascript: alert('暂无');">暂无</a></li>
|
||
<li>联系：<a href="javascript: alert('暂无');">暂无</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="ss-box">
|
||
<h3 class="last" style="text-align: left; float: none; padding-left: 0px;">Sa-Token 公众号</h3>
|
||
<div class="media-img padding-small-top" style="text-align: left;">
|
||
<img class="dro-qr" src="https://oss.dev33.cn/sa-token/lykj-gzh.jpg" width="100" height="100" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -------------- 底部 版权 -------------- -->
|
||
<div>
|
||
<meta charset="UTF-8">
|
||
<style type="text/css">
|
||
|
||
</style>
|
||
<div class="foot-box" id="foot">
|
||
<div class="s-width" style="text-align: center;">
|
||
Copyright ©2021 Sa-Token java权限认证 | sa-token.dev33.cn | <a href="https://beian.miit.gov.cn/" target="_blank">鲁ICP备18046274号-2</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- UI逐渐显现 -->
|
||
<style type="text/css">
|
||
body{opacity: 0.01; transition: opacity 0.5s;}
|
||
</style>
|
||
<script type="text/javascript">
|
||
setTimeout(function() {
|
||
document.body.style.opacity = 1;
|
||
}, 1);
|
||
</script>
|
||
|
||
<!-- 搜索引擎自动提交 -->
|
||
<script>
|
||
(function() {
|
||
var bp = document.createElement('script');
|
||
var curProtocol = window.location.protocol.split(':')[0];
|
||
if (curProtocol === 'https') {
|
||
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
|
||
} else {
|
||
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
|
||
}
|
||
var s = document.getElementsByTagName("script")[0];
|
||
s.parentNode.insertBefore(bp, s);
|
||
})();
|
||
</script>
|
||
<!-- 友盟统计 -->
|
||
<div style="height: 0px; overflow: hidden;">
|
||
<script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1279646043&web_id=1279646043"></script>
|
||
</div>
|
||
<!-- 百度统计 -->
|
||
<script>
|
||
var _hmt = _hmt || [];
|
||
(function() {
|
||
var hm = document.createElement("script");
|
||
hm.src = "https://hm.baidu.com/hm.js?77d7418dd845f98ba1cfee8596eeee3f";
|
||
var s = document.getElementsByTagName("script")[0];
|
||
s.parentNode.insertBefore(hm, s);
|
||
})();
|
||
</script>
|
||
|
||
<!-- 悬浮效果 -->
|
||
<script src="https://unpkg.com/jquery@3.4.1/dist/jquery.min.js"></script>
|
||
<script src="https://www.layuicdn.com/layer-v3.1.1/layer.js"></script>
|
||
<script type="text/javascript">
|
||
// 鼠标悬浮在友情链接时，提示信息
|
||
$(".com-box-you a img").hover(function(){
|
||
var msg = $(this).attr("msg") ;
|
||
if(msg) {
|
||
window.msgLayer = layer.tips(msg, $(this), {tips: 1, time: 0});
|
||
}
|
||
},function(){
|
||
var index = window.msgLayer;
|
||
setTimeout(function() {
|
||
layer.close(index);
|
||
}, 1000);
|
||
});
|
||
// 点击二维码放大
|
||
$('.wx-qr,.dro-qr').click(function() {
|
||
var w = '300px';
|
||
var h = '300px';
|
||
var content = '<div style="height: 100%; overflow: hidden !important;">' +
|
||
'<img src="' + this.src + ' " style="width: 100%; height: 100%;" />' +
|
||
'</div>';
|
||
layer.open({
|
||
type: 1,
|
||
title: false,
|
||
shadeClose: true,
|
||
closeBtn: 0,
|
||
area: [w, h], //宽高
|
||
content: content
|
||
});
|
||
})
|
||
|
||
// set 一下 img 的宽度
|
||
function setImgWidth(img) {
|
||
// 如果已经有了宽度参数，则不追加
|
||
if(img.src.indexOf('?') > -1) {
|
||
return;
|
||
}
|
||
// console.log(img.getAttribute('nf'));
|
||
if(img.getAttribute('nf') != null) {
|
||
return;
|
||
}
|
||
img.src = img.src + "?x-oss-process=image/resize,m_lfit,w_" + (img.width) + ",limit_0/auto-orient,0";
|
||
}
|
||
|
||
// set 一遍 img 的尺寸，防止失真
|
||
function f5ImgSize() {
|
||
$('.com-box-f .com-box a img').each(function() {
|
||
// console.log(this.src, this.width);
|
||
// 未加载完毕时，则等待其load之后再设置
|
||
if(this.complete == false) {
|
||
this.onload = function() {
|
||
setImgWidth(this);
|
||
}
|
||
return;
|
||
}
|
||
// 追加宽度参数
|
||
setImgWidth(this);
|
||
})
|
||
}
|
||
if(window.innerWidth > 1800) {
|
||
if(navigator.userAgent.indexOf('WebKit') > -1) {
|
||
f5ImgSize();
|
||
}
|
||
}
|
||
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|