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: ✏️ DropDownItem文档增加closed和opened介绍

Browse Source
This commit is contained in:
weisheng 2024-07-07 20:14:01 +08:00
parent e07dbdd530
commit 401bd284ce
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/component/drop-menu.md
View File

@ -77,7 +77,6 @@ function handleChange2({ value }) {
const dropMenu = ref()
const slider = ref<SliderInstance>() // slider 1.2.25支持
const value = ref<number>(0)
const sliderValue = ref<number>(30)
const option = ref<Record<string, any>>([
@ -96,7 +95,6 @@ function confirm() {
function handleOpened() {
slider.value?.initSlider()
}
```
## 自定义菜单选项
@ -106,7 +104,7 @@ function handleOpened() {
```html
<view style="display: flex; background: #fff; text-align: center;">
<wd-drop-menu style="flex: 1; min-width: 0;">
<wd-drop-menu-item v-model="value1" :options="option" @change="handleChange1" />
<wd-drop-menu-item v-model="value1" :options="option" @change="handleChange1" />
</wd-drop-menu>
<view style="flex: 1;">
<wd-sort-button v-model="value2" title="上架时间" @change="handleChange2" />
@ -147,7 +145,7 @@ function handleOpened() {
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 |
| --------- | ---------------------------------------------------------------------- | --------------- | ------ | ------ | -------- |
| v-model | 当前选中项对应选中的 value | string / number | - | - | - |
| v-model | 当前选中项对应选中的 value | string / number | - | - | - |
| disabled | 禁用菜单 | boolean | - | false | - |
| options | 列表数据，对应数据结构 `[{text: '标题', value: '0', tip: '提示文字'}]` | array | - | - | - |
| icon-name | 选中的图标名称(可选名称在 wd-icon 组件中) | string | - | check | - |
@ -158,11 +156,13 @@ function handleOpened() {
## DropdownItem Events
| 方法名 | 说明 | 参数 | 最低版本 |
| ----------- | ---------------- | ----------------------------------------------------------------------------- | -------- |
| 方法名 | 说明 | 参数 | 最低版本 |
| ------ | ---------------- | ----------------------------------------------------------------------------- | -------- |
| change | 绑定值变化时触发 | event.detail = { value, selectedItem }, value 为选中值，selectedItem 为选中项 | - |
| close | 关闭菜单 | - | - |
| open | 展开菜单 | - | - |
| closed | 菜单完全关闭 | - | - |
| opened | 菜单展开完成 | - | - |
## DropdownItem Methods

4
src/uni_modules/wot-design-uni/components/wd-drop-menu-item/wd-drop-menu-item.vue
View File

@ -13,7 +13,7 @@
@before-enter="handleOpen"
@after-enter="handleOpened"
@before-leave="handleClose"
@after-leave="onPopupClose"
@after-leave="handleClosed"
>
<view v-if="options.length">
<view
@ -160,7 +160,7 @@ function open() {
emit('open')
}
function onPopupClose() {
function handleClosed() {
showWrapper.value = false
emit('closed')
}