# ry2-web

**Repository Path**: xiaop0817/ry2-web

## Basic Information

- **Project Name**: ry2-web
- **Description**: ry2.0版本web
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-19
- **Last Updated**: 2026-01-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# antd 组件库
## message/modal/notification 组件的使用
* 使用App组件可以使用message/modal/notification组件不用使用{contextHolder}
```js
import {App} from "antd"
const {message, modal, notification} = App.useApp()
```

```html
<React.StrictMode>
    <ZrddStyle>
      <App>
        <Application/>
      </App>
    </ZrddStyle>
  </React.StrictMode>
```

## 自定义样式使用(ZrddStyle)
* 自定义样式使用ZrddStyle组件
```html
<React.StrictMode>
    <ZrddStyle>
      <App>
        <Application/>
      </App>
    </ZrddStyle>
  </React.StrictMode>
```

# useHttp 组件的使用

```javascript
const {get} = useHttp()

get('/user/info').then(data => {
    notification.info({
      title: 'Notification Title',
      description: JSON.stringify(data.name),
    }) 
})
```

# fontawesome 图标库的使用
1. 安装  `"@fortawesome/react-fontawesome": "^3.1.1",`
2. 引入本地图标库 `import "@/assets/fontawesome/duotone/duotone.js"`
3. 使用图标组件
```jsx
//引入组件
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
//引入图标文件(用何种风格图标就引入对应文件)
import "@/assets/fontawesome/duotone/duotone.js"
```
```jsx
<FontAwesomeIcon icon="fa-duotone fa-thin fa-key-skeleton-left-right"/>
```

```css
.menu-icon {
	--fa-primary-color: #007eff;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #007eff;
	--fa-secondary-opacity: 1;
}
```


# 自定义内容
* lib
* assets