Umi.js 问题总结

使用版本 3.1.1

dva loading 组件错误处理

// src/app.js
import { notification } from 'antd'
...
export const dva = {
  config: {
    onError(err) {
      err.preventDefault()
      notification.error({
        message: err.message,
      })
    },
  },
}
...

修改全局滚动条样式

// src/global.css
...
/* 滚动槽 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  border-radius: 3px;
  background: rgb(18, 52, 83);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: rgb(18, 108, 170);
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}
...

antd 开启中文

antd 默认文案是英文的，中文要手动开启

// .umirc.ts
...
  locale: {
    default: 'zh-CN',
    antd: true,
    title: false,
    baseNavigator: true,
    baseSeparator: '-',
  },
...

// src/layouts/index.js
import { ConfigProvider } from 'antd'
import zhCN from 'antd/es/locale/zh_CN'
...
<ConfigProvider locale={zhCN}>{props.children}</ConfigProvider>
...