admin/wot-design-uni
1
0
Fork 0
mirror of https://gitee.com/wot-design-uni/wot-design-uni.git synced 2025-12-06 17:18:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: ✏️ 修复部分文档拼写错误 (#911)

Browse Source
This commit is contained in:
Chiko 2025-03-04 21:18:57 +08:00 committed by GitHub
parent ee5b25fbc3
commit 15613b393a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
8 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/component/calendar.md
View File

@ -351,7 +351,7 @@ function handleConfirm({ value }) {
```html
<view style="margin-bottom: 10px;">当前选中日期：{{ formatValue }}</view>
<wd-calendar v-model="value" @confirm="handleConfirm4">
<wd-calendar v-model="value" @confirm="handleConfirm">
<wd-button>选择日期</wd-button>
</wd-calendar>
```
@ -360,7 +360,7 @@ function handleConfirm({ value }) {
const value = ref<string>('')
const formatValue = ref<string>('')
function handleConfirm4({ value }) {
function handleConfirm({ value }) {
formatValue.value = new Date(value).toString()
}
```

2
docs/component/checkbox.md
View File

@ -13,7 +13,7 @@
```typescript
const value = ref<boolean>(true)
function handleChange1({ value }) {
function handleChange({ value }) {
console.log(value)
}
```

2
docs/component/collapse.md
View File

@ -147,7 +147,7 @@ Collapse 查看更多的模式下，可以使用插槽定义自己想要的折
```
```html
<wd-collapse viewmore v-model="value" @change="handleChange4" use-more-slot custom-more-slot-class="more-slot">
<wd-collapse viewmore v-model="value" @change="handleChange" use-more-slot custom-more-slot-class="more-slot">
具名插槽：这是一条简单的示例文字。这是一条简单的示例文字。这是一条简单的示例文字。这是一条简单的示例文字。这是一条简单的示例文字。这是一条简单的示例文字。这是一条简单的示例文字。这是一条简单的示例文字。
<template #more>
<view>显示全部</view>

4
docs/component/input-number.md
View File

@ -12,7 +12,7 @@
```typescript
const value = ref<number>(1)
function handleChange1({ value }) {
function handleChange({ value }) {
console.log(value)
}
```
@ -92,7 +92,7 @@ function handleChange1({ value }) {
```typescript
const value = ref<number|string>('')
function handleChange1({ value }) {
function handleChange({ value }) {
console.log(value)
}
```

2
docs/component/popover.md
View File

@ -24,7 +24,7 @@ Popover 的属性与 [Tooltip](/component/tooltip.html) 很类似，因此对于
import { useQueue } from '@/uni_modules/wot-design-uni'
const { closeOutside } = useQueue()
function handleChange1({ show }) {
function handleChange({ show }) {
console.log(show)
}
```

10
docs/component/popup.md
View File

@ -45,7 +45,7 @@
通过设置 `close-on-click-modal` 属性为 `false`，你可以禁用用户点击遮罩层时关闭弹出层的功能。
```html
<wd-popup v-model="show7" position="bottom" :close-on-click-modal="false" closable custom-style="height: 200px;" @close="handleClose7"></wd-popup>
<wd-popup v-model="show" position="bottom" :close-on-click-modal="false" closable custom-style="height: 200px;" @close="handleClose"></wd-popup>
```
@ -54,7 +54,7 @@
通过设置 `modal` 属性为 `false`，你可以禁用遮罩层，使用户可以与底层内容进行交互。
```html
<wd-popup v-model="show8" position="bottom" :modal="false" closable custom-style="height: 200px;" @close="handleClose8"></wd-popup>
<wd-popup v-model="show" position="bottom" :modal="false" closable custom-style="height: 200px;" @close="handleClose"></wd-popup>
```
@ -63,7 +63,7 @@
通过设置 `safe-area-inset-bottom` 属性为 `true`，你可以确保弹出层在底部显示时不会被底部安全区域遮挡。
```html
<wd-popup v-model="show9" position="bottom" :safe-area-inset-bottom="true" custom-style="height: 200px;" @close="handleClose9"></wd-popup>
<wd-popup v-model="show" position="bottom" :safe-area-inset-bottom="true" custom-style="height: 200px;" @close="handleClose"></wd-popup>
```
## 禁止滚动穿透
@ -75,9 +75,9 @@
可以使用 [page-meta](https://uniapp.dcloud.net.cn/component/page-meta#page-meta) 组件动态修改 `page-meta` 的 `overflow` 属性。
```html
<!-- page-meta 只能是页面内的第一个节点 -->
<page-meta :page-style="`overflow:${show10 ? 'hidden' : 'visible'};`"></page-meta>
<page-meta :page-style="`overflow:${show ? 'hidden' : 'visible'};`"></page-meta>
<wd-popup v-model="show10" lock-scroll position="bottom" :safe-area-inset-bottom="true" custom-style="height: 200px;" @close="handleClose10"></wd-popup>
<wd-popup v-model="show" lock-scroll position="bottom" :safe-area-inset-bottom="true" custom-style="height: 200px;" @close="handleClose"></wd-popup>
```
:::tip 提示

4
docs/component/tabbar.md
View File

@ -120,7 +120,7 @@ const tabbar = ref(1)
通过监听 `change` 事件，可以获取选中标签的值。
```html
<wd-tabbar v-model="tabbar" @change="handleChange1" active-color="#ee0a24" inactive-color="#7d7e80">
<wd-tabbar v-model="tabbar" @change="handleChange" active-color="#ee0a24" inactive-color="#7d7e80">
<wd-tabbar-item title="首页" icon="home"></wd-tabbar-item>
<wd-tabbar-item title="分类" icon="cart"></wd-tabbar-item>
<wd-tabbar-item title="我的" icon="user"></wd-tabbar-item>
@ -134,7 +134,7 @@ import { ref } from 'vue'
const tabbar = ref(1)
function handleChange1({ value }: { value: string }) {
function handleChange({ value }: { value: string }) {
show(`选中标签:${value}`)
}
```

2
docs/component/upload.md
View File

@ -19,7 +19,7 @@
`action` 设置上传的地址；
```html
<wd-upload :file-list="fileList1" image-mode="aspectFill" :action="action" @change="handleChange1"></wd-upload>
<wd-upload :file-list="fileList" image-mode="aspectFill" :action="action" @change="handleChange"></wd-upload>
```
```typescript