styled-components
文章平均质量分 51
Jedi Hongbin
hongbin.xyz meta.hongbin.xyz kmyc.hongbin.xyz
展开
-
styled-component 加载自定义字体
直接引用@font-face { font-family: "ruyi"; src: url("./assets/font/ruyi.ttf") format("TrueType");}发现地址不对换成 导入 对喽import ruyiFont from "../assets/font/ruyi.ttf";const GlobalStyle = createGlobalStyle` @font-face { font-family: 'ruyi'; src:原创 2022-04-26 15:01:53 · 276 阅读 · 0 评论 -
css 量产特效按钮
button { padding: 0.5rem; width: 8rem; border: none; border-radius: 0.5rem; background-color: #aaffaa52; white-space: nowrap; color: #049204; margin: 0.3rem; font-weight: bold; cursor: pointer; transition: all 0.原创 2022-02-10 16:12:12 · 181 阅读 · 0 评论 -
MUI配合styled-components主题支持
文章目录编辑MUI样式自定义主题styled-component使用MUI主题开发组件编辑MUI样式MUI 和 syuled-component 都有自己的主题机制 要他们配合使用需要看上一篇 styled-components作为 MUI的样式引擎实现 让 MUI采用styled-component 式自定义样式组件完成后查看 styled-component 的propsimport { Button, styled } from "@mui/material";const MyBtn原创 2021-11-09 12:32:55 · 894 阅读 · 0 评论 -
[typescript]为包扩展typescript类型 d.ts注册全局变量
看文档可以解决百分之80的问题 但他没告诉我d.ts定义在哪????为styled-components的自定义主题定义类型需要拓展styled-components的 DefaultTheme 接口styled-components文档我的环境 create-react-app在tsconfig.json中有一个 include字段我的include值为一个数组 里面有一个src目录 所以把d.ts文件放在src目录下就生效了src/d.tsimport "styled-compon原创 2021-11-09 17:46:06 · 1749 阅读 · 0 评论