介绍
小编给大家分享一下css-vars-ponyfill在ie环境下怎么用,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
<强> css-vars-ponyfill
通过css变量来实现网页换肤的过程中,会出现兼容性问题。
export function 浏览器(),{
const 才能;UA =window.navigator.userAgent
if 才能;(UA.includes (“qqbrowser")), return “qqbrowser"
if 才能;(UA.includes (“baidu")), return “baidu"
if 才能;(UA.includes (“Opera")), return “Opera"
if 才能;(UA.includes (“Edge")), return “Edge"
if 才能;(UA.includes (“MSIE"), | |, (UA.includes (“Trident"),,,, UA.includes(“房车:11.0“)))
,,,return “IE"
if 才能;(UA.includes (“Firefox")), return “Firefox"
if 才能;(UA.includes (“Chrome")), return “Chrome"
if 才能;(UA.includes (“Safari")), return “Safari"
} type CommonLinkProps =, {
,,,孩子们:ReactElement
,,,href:字符串
,,,目标?:字符串
,,,outerLink ?:布尔
,,,的风格?:未知
}
export default function CustomLink(道具:CommonLinkProps), {
const 才能,{,孩子,href,,目标,,,,outerLink,, styles =, emptyStyles },=,道具
(isIE const 才能;,,setIE],=, useState(假)
const 才能;cloneEl =, (c:, ReactElement,,道具?:,有的话),=比;
,,,React.cloneElement (c,, {, href: as ? ?, href,,目标,,……props })
useEffect才能((),=祝辞,{
,,,if ([“IE",,“qqbrowser",,“baidu"]其中(浏览器())),{
,,,,,setIE(真正的)
,,,}
,,},[])
function 才能;renderLink (), {
,,,if (Children.only(孩子).type ===,“a"), {
,,,,,const node =, cloneEl (children as ReactElement)
,,,,,return 节点
,,,},{else
,,,,,let fn:,(),=祝辞,void |, null =零
,,,,,if (outerLink), {
,,,,,,,fn =,(),=祝辞,{
,,,,,,,,,window.open (as ? ?, href)
,,,,,,,}
,,,,,},{else
,,,,,,,fn =,(),=祝辞,{
,,,,,,,,,window.location.href =, as ? ? href
,,,,,,,}
,,,,,}
,,,,,const node =, cloneEl (children as ReactElement,, {
,,,,,,,onClick:,(),=祝辞,{
,,,,,,,,,fn ()
,,,,,,,},
,,,,,})
,,,,,return 节点
,,,}
,,}
return 才能;
,,,& lt;比;
,,,,,{! href ?, (
null
null
null
null
null
null
null
null
null
null
