# my-site

**Repository Path**: johnniewind/my-site

## Basic Information

- **Project Name**: my-site
- **Description**: 我的个人网站：http://www.jielihaofeng.online/
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://www.jielihaofeng.online/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-21
- **Last Updated**: 2024-02-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 覆盖antd样式
https://blog.csdn.net/yunchong_zhao/article/details/116661444?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_title~default-1.essearch_pc_relevant&spm=1001.2101.3001.4242

我的是 dva版本的 react
在 less文件中 设置的样式
:global(.ant-modal-body) {
height: 600px;
overflow: auto;
}
antd样式前面需要加上一个 :global 才可以覆盖样式


# Affix固钉与overflow的问题，之前设置了height，不应该设置，在body上设置overflow:auto

![输入图片说明](https://images.gitee.com/uploads/images/2021/0824/192439_5e4b6563_5658154.png "屏幕截图.png")


# -webkit-box-orient无效
https://zhuanlan.zhihu.com/p/353432455
问题描述
通过将 -webkit-box-orient 属性写为类的样式，在通过打包工具打包后发现该样式并没有生效。查阅资料后发现是启动了 autoprefixer。

<p class="content">Hello World!</p>

// CSS 部分
.content {
    -webkit-box-orient: vertical;
}
解决方案
方法一：

将 -webkit-box-orient 样式写为内联样式，如下面所示。

<p class="content" style="-webkit-box-orient: vertical">Hello World!</p>
方法二：

关闭 autoprefixer.

<p class="content">Hello World!</p>

// CSS 部分
.content {
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
}

# 修改Umi项目的favicon
icon图标存放在public文件夹下的static目录下
1.在document.ejs文件中添加如下：

<link rel="icon" type="image/x-icon" href="<%= context.publicPath %>static/favico.png" />
1
参考地址：https://umijs.org/guide/html-template.html#modify-the-default-template
2.在.umi.js中配置：

links: [
  { rel: 'icon', href: '<%= PUBLIC_PATH %>static/favico.png' },
],
1
2
3
参考地址：https://umijs.org/plugin/umi-plugin-react.html#links