buyfakett/reference
1
0
Fork 0
mirror of https://github.com/jaywcjlove/reference.git synced 2025-06-19 21:51:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: format script code. 4132a13a96

Browse Source
This commit is contained in:
jaywcjlove
2022-10-28 16:26:25 +00:00
parent d659018cb1
commit af8ff61c0b
13 changed files with 267 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/styled-components.html
View File

@ -41,7 +41,7 @@
<p>此快速参考备忘单提供了使用 CSS in JS 工具的各种方法。</p>
</div></header><div class="menu-tocs"><div class="menu-btn"><svg aria-hidden="true" fill="currentColor" height="1em" width="1em" viewBox="0 0 16 16" version="1.1" data-view-component="true">
<path fill-rule="evenodd" d="M2 4a1 1 0 100-2 1 1 0 000 2zm3.75-1.5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zM3 8a1 1 0 11-2 0 1 1 0 012 0zm-1 6a1 1 0 100-2 1 1 0 000 2z"></path>
</svg></div><div class="menu-modal"><a aria-hidden="true" class="leve2 tocs-link" href="#入门">入门</a><a aria-hidden="true" class="leve3 tocs-link" href="#安装">安装</a><a aria-hidden="true" class="leve3 tocs-link" href="#快速开始">快速开始</a><a aria-hidden="true" class="leve3 tocs-link" href="#根据-props-适配">根据 Props 适配</a><a aria-hidden="true" class="leve3 tocs-link" href="#扩展样式">扩展样式</a><a aria-hidden="true" class="leve3 tocs-link" href="#扩展样式改变标签-as">扩展样式改变标签 (as)</a><a aria-hidden="true" class="leve3 tocs-link" href="#自定义组件as">自定义组件(as)</a><a aria-hidden="true" class="leve3 tocs-link" href="#样式化任何组件">样式化任何组件</a><a aria-hidden="true" class="leve3 tocs-link" href="#在-render-之外定义-styled-组件">在 render 之外定义 Styled 组件</a><a aria-hidden="true" class="leve3 tocs-link" href="#传入值">传入值</a><a aria-hidden="true" class="leve3 tocs-link" href="#样式对象">样式对象</a><a aria-hidden="true" class="leve3 tocs-link" href="#cssmodules--styled">CSSModules => styled</a><a aria-hidden="true" class="leve4 tocs-link" href="#-与下面-styled-写法等效-">👇👇 与下面 写法等效 👇👇</a><a aria-hidden="true" class="leve3 tocs-link" href="#伪元素伪选择器和嵌套">伪元素、伪选择器和嵌套</a><a aria-hidden="true" class="leve3 tocs-link" href="#改变-styled-组件样式">改变 styled 组件样式</a><a aria-hidden="true" class="leve3 tocs-link" href="#全局样式-createglobalstyle">全局样式 createGlobalStyle</a><a aria-hidden="true" class="leve3 tocs-link" href="#classname-使用">className 使用</a><a aria-hidden="true" class="leve3 tocs-link" href="#共享样式片段">共享样式片段</a><a aria-hidden="true" class="leve3 tocs-link" href="#class-组件样式定义">Class 组件样式定义</a><a aria-hidden="true" class="leve3 tocs-link" href="#附加额外的-props">附加额外的 Props</a><a aria-hidden="true" class="leve3 tocs-link" href="#覆盖-attrs">覆盖 .attrs</a><a aria-hidden="true" class="leve3 tocs-link" href="#动画">动画</a><a aria-hidden="true" class="leve3 tocs-link" href="#isstyledcomponent">isStyledComponent</a><a aria-hidden="true" class="leve3 tocs-link" href="#themeconsumer">ThemeConsumer</a><a aria-hidden="true" class="leve2 tocs-link" href="#typescript">TypeScript</a><a aria-hidden="true" class="leve3 tocs-link" href="#安装-1">安装</a><a aria-hidden="true" class="leve3 tocs-link" href="#自定义-props">自定义 Props</a><a aria-hidden="true" class="leve3 tocs-link" href="#简单的-props-类型定义">简单的 Props 类型定义</a><a aria-hidden="true" class="leve3 tocs-link" href="#禁止转移到子组件">禁止转移到子组件($)</a><a aria-hidden="true" class="leve3 tocs-link" href="#函数组件类型继承">函数组件类型继承</a><a aria-hidden="true" class="leve2 tocs-link" href="#react-native">React Native</a><a aria-hidden="true" class="leve3 tocs-link" href="#基础实例">基础实例</a><a aria-hidden="true" class="leve3 tocs-link" href="#react-native-中写-css">React Native 中写 CSS</a><a aria-hidden="true" class="leve2 tocs-link" href="#高级用法">高级用法</a><a aria-hidden="true" class="leve3 tocs-link" href="#主题化">主题化</a><a aria-hidden="true" class="leve3 tocs-link" href="#功能主题">功能主题</a><a aria-hidden="true" class="leve3 tocs-link" href="#通过-withtheme-高阶组件">通过 withTheme 高阶组件</a><a aria-hidden="true" class="leve3 tocs-link" href="#usecontext-钩子">useContext 钩子</a><a aria-hidden="true" class="leve3 tocs-link" href="#usetheme-自定义钩子">useTheme 自定义钩子</a><a aria-hidden="true" class="leve3 tocs-link" href="#主题-props">主题 props</a><a aria-hidden="true" class="leve3 tocs-link" href="#refs">Refs</a><a aria-hidden="true" class="leve3 tocs-link" href="#特异性问题">特异性问题</a><a aria-hidden="true" class="leve4 tocs-link" href="#解决方案">解决方案</a><a aria-hidden="true" class="leve3 tocs-link" href="#themeprovider">ThemeProvider</a><a aria-hidden="true" class="leve3 tocs-link" href="#shouldforwardprop">shouldForwardProp</a></div></div><div class="h1wrap-body"><div class="wrap"><div class="wrap-header h2wrap"><h2 id="入门"><a aria-hidden="true" tabindex="-1" href="#入门"><span class="icon icon-link"></span></a>入门</h2><div class="wrap-body">
</svg></div><div class="menu-modal"><a aria-hidden="true" class="leve2 tocs-link" href="#入门">入门</a><a aria-hidden="true" class="leve3 tocs-link" href="#安装">安装</a><a aria-hidden="true" class="leve3 tocs-link" href="#快速开始">快速开始</a><a aria-hidden="true" class="leve3 tocs-link" href="#根据-props-适配">根据 Props 适配</a><a aria-hidden="true" class="leve3 tocs-link" href="#扩展样式">扩展样式</a><a aria-hidden="true" class="leve3 tocs-link" href="#扩展样式改变标签-as">扩展样式改变标签 (as)</a><a aria-hidden="true" class="leve3 tocs-link" href="#自定义组件as">自定义组件(as)</a><a aria-hidden="true" class="leve3 tocs-link" href="#样式化任何组件">样式化任何组件</a><a aria-hidden="true" class="leve3 tocs-link" href="#在-render-之外定义-styled-组件">在 render 之外定义 Styled 组件</a><a aria-hidden="true" class="leve3 tocs-link" href="#传入值">传入值</a><a aria-hidden="true" class="leve3 tocs-link" href="#样式对象">样式对象</a><a aria-hidden="true" class="leve3 tocs-link" href="#cssmodules--styled">CSSModules => styled</a><a aria-hidden="true" class="leve4 tocs-link" href="#-与下面-styled-写法等效-">👇👇 与下面 styled 写法等效 👇👇</a><a aria-hidden="true" class="leve3 tocs-link" href="#伪元素伪选择器和嵌套">伪元素、伪选择器和嵌套</a><a aria-hidden="true" class="leve3 tocs-link" href="#改变-styled-组件样式">改变 styled 组件样式</a><a aria-hidden="true" class="leve3 tocs-link" href="#全局样式-createglobalstyle">全局样式 createGlobalStyle</a><a aria-hidden="true" class="leve3 tocs-link" href="#classname-使用">className 使用</a><a aria-hidden="true" class="leve3 tocs-link" href="#共享样式片段">共享样式片段</a><a aria-hidden="true" class="leve3 tocs-link" href="#class-组件样式定义">Class 组件样式定义</a><a aria-hidden="true" class="leve3 tocs-link" href="#附加额外的-props">附加额外的 Props</a><a aria-hidden="true" class="leve3 tocs-link" href="#覆盖-attrs">覆盖 .attrs</a><a aria-hidden="true" class="leve3 tocs-link" href="#动画">动画</a><a aria-hidden="true" class="leve3 tocs-link" href="#isstyledcomponent">isStyledComponent</a><a aria-hidden="true" class="leve3 tocs-link" href="#themeconsumer">ThemeConsumer</a><a aria-hidden="true" class="leve2 tocs-link" href="#typescript">TypeScript</a><a aria-hidden="true" class="leve3 tocs-link" href="#安装-1">安装</a><a aria-hidden="true" class="leve3 tocs-link" href="#自定义-props">自定义 Props</a><a aria-hidden="true" class="leve3 tocs-link" href="#简单的-props-类型定义">简单的 Props 类型定义</a><a aria-hidden="true" class="leve3 tocs-link" href="#禁止转移到子组件">禁止转移到子组件($)</a><a aria-hidden="true" class="leve3 tocs-link" href="#函数组件类型继承">函数组件类型继承</a><a aria-hidden="true" class="leve2 tocs-link" href="#react-native">React Native</a><a aria-hidden="true" class="leve3 tocs-link" href="#基础实例">基础实例</a><a aria-hidden="true" class="leve3 tocs-link" href="#react-native-中写-css">React Native 中写 CSS</a><a aria-hidden="true" class="leve2 tocs-link" href="#高级用法">高级用法</a><a aria-hidden="true" class="leve3 tocs-link" href="#主题化">主题化</a><a aria-hidden="true" class="leve3 tocs-link" href="#功能主题">功能主题</a><a aria-hidden="true" class="leve3 tocs-link" href="#通过-withtheme-高阶组件">通过 withTheme 高阶组件</a><a aria-hidden="true" class="leve3 tocs-link" href="#usecontext-钩子">useContext 钩子</a><a aria-hidden="true" class="leve3 tocs-link" href="#usetheme-自定义钩子">useTheme 自定义钩子</a><a aria-hidden="true" class="leve3 tocs-link" href="#主题-props">主题 props</a><a aria-hidden="true" class="leve3 tocs-link" href="#refs">Refs</a><a aria-hidden="true" class="leve3 tocs-link" href="#特异性问题">特异性问题</a><a aria-hidden="true" class="leve4 tocs-link" href="#解决方案">解决方案</a><a aria-hidden="true" class="leve3 tocs-link" href="#themeprovider">ThemeProvider</a><a aria-hidden="true" class="leve3 tocs-link" href="#shouldforwardprop">shouldForwardProp</a></div></div><div class="h1wrap-body"><div class="wrap"><div class="wrap-header h2wrap"><h2 id="入门"><a aria-hidden="true" tabindex="-1" href="#入门"><span class="icon icon-link"></span></a>入门</h2><div class="wrap-body">
</div></div><div class="h2wrap-body"><div class="wrap"><div class="wrap-header h3wrap"><h3 id="安装"><a aria-hidden="true" tabindex="-1" href="#安装"><span class="icon icon-link"></span></a>安装</h3><div class="wrap-body">
<p><a href="https://styled-components.com">Styled Components</a> 是增强 CSS 在 React 组件系统样式的 CSS in JS 的最佳实践。</p>
<ul>