Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/packages/animatingnumbers/doc.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@


```javascript
import { AnimatingNumbers } from '@nutui/nutui'
import { AnimatingNumbers } from '@nutui/nutui-react'
```

## 代码演示
Expand Down
15 changes: 10 additions & 5 deletions src/packages/cell/doc.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,15 @@
# Cell 组件
# Cell 单元格

### 介绍

列表项,可组成列表。

### 安装

import { Cell,CellGroup } from '@nutui/nutui';

```javascript
import { Cell, CellGroup } from '@nutui/nutui-react'
```

## 代码演示

Expand All @@ -19,9 +22,11 @@ const testClick = (event: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent

<Cell title="我是标题" desc="描述文字"></Cell>
<Cell title="我是标题" subTitle="副标题描述" desc="描述文字"></Cell>
<Cell title="点击测试" click="{(event:" React.MouseEvent<HTMLDivElement, globalThis.MouseEvent
>) => testClick(event) } ></Cell
>
<Cell
title="点击测试"
click={(event: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>) =>
testClick(event)}
></Cell>
```

### 直接使用插槽
Expand Down
18 changes: 11 additions & 7 deletions src/packages/drag/doc.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,15 @@
# Drag 组件
# Drag 拖拽

### 介绍

实现可拖拽的任意元素

### 安装

```javascript
import { Drag } from '@nutui/nutui-react'
```

## 代码演示

### 基础用法
Expand Down Expand Up @@ -40,12 +44,12 @@
## 限制拖拽边界

```tsx
// const right = () => {
// return document.documentElement.clientWidth - 300 - 9
// }
// const bottom = () => {
// return document.documentElement.clientHeight - 559
// }
const right = () => {
return document.documentElement.clientWidth - 300 - 9
}
const bottom = () => {
return document.documentElement.clientHeight - 559
}
<Drag boundary={{ top: 361, left: 9, bottom: bottom(), right: right() }}>
<div class="touch-dom">拖动我</div>
</Drag>
Expand Down
10 changes: 5 additions & 5 deletions src/packages/elevator/doc.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,15 @@
# Elevator 组件
# Elevator 电梯楼层

### 介绍

用于列表快速定位以及索引的显示

### 安装

```javascript
import { Elevator } from '@nutui/nutui-react'
```

## 代码演示

### 基础用法
Expand Down Expand Up @@ -69,9 +73,7 @@ const clickItem = (key: string, item: any) => {
const clickIndex = (key: string) => {
console.log(key)
}
```

```tsx
<Elevator
indexList={dataList}
height="260"
Expand Down Expand Up @@ -193,9 +195,7 @@ const clickItem = (key: string, item: any) => {
const clickIndex = (key: string) => {
console.log(key)
}
```

```tsx
<Elevator
indexList={dataList2}
height="220"
Expand Down
2 changes: 1 addition & 1 deletion src/packages/price/demo.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ const PriceDemo = () => {
<div className="demo">
<h2>基本用法</h2>
<Cell>
<Price price={0} needSymbol={false} thousands={true} />
<Price price={1010} needSymbol={false} thousands={true} />
</Cell>
<h2>有人民币符号,无千位分隔</h2>
<Cell>
Expand Down
11 changes: 8 additions & 3 deletions src/packages/price/doc.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,22 @@
# Price 组件
# Price 商品价格

### 介绍

基于 xxxxxxx
用来对商品价格数值的小数点前后部分应用不同样式,还支持人民币符号、千位分隔符、设置小数点位数等功能。

### 安装

```javascript
import { Price } from '@nutui/nutui-react'
```


## 代码演示

### 基本用法

```tsx
<Price price={0} needSymbol={false} thousands={true} />
<Price price={1010} needSymbol={false} thousands={true} />
```

### 有人民币符号,无千位分隔
Expand Down
4 changes: 4 additions & 0 deletions src/packages/signature/doc.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,10 @@

### 安装

```javascript
import { Signature } from '@nutui/nutui-react'
```

## 代码演示

### 基础用法
Expand Down