jdf2e / nutui

京东风格的移动端 Vue 组件库,支持多端小程序(A Vue.js UI Toolkit for Mobile Web)
https://nutui.jd.com
MIT License
6.17k stars 835 forks source link

[bug]Menu组件必须引入遮罩,文档中未说明 #1485

Closed ztrve closed 2 years ago

ztrve commented 2 years ago

问题描述

使用 Taro+NutUI+vue3 练手微信小程序,由于项目是刚创建的
使用Menu组件的过程中,遮罩一直出不来,后来试着将 OverLay, Popup 组件也引入后,才正常

最小可复现仓库

请创建最小可复现代码,并上传到你的 GitHub 仓库

预期的行为和实际行为

预期的行为

点击Menu组件中账单1后出现遮罩 image

实际行为

点击后没有遮罩出现 image 而文档中说只需要引入Menu和MenuItem即可使用 image

文档地址:https://nutui.jd.com/jdt/#/zh-CN/component/menu

复现步骤,具体代码

import { createApp } from 'vue'
import {
  Button, Toast, Tabbar, TabbarItem, Icon,
  Avatar, Empty, Cell, CellGroup,
  Menu, MenuItem, 
  // 打开注释
  // OverLay, Popup
} from '@nutui/nutui-taro';
import './app.styl'

const App = createApp({})

App
  .use(Button).use(Toast).use(Tabbar).use(TabbarItem).use(Icon).use(Avatar).use(Empty).use(Cell).use(CellGroup)
  .use(Menu).use(MenuItem)
  // 打开注释
  // .use(OverLay).use(Popup)

export default App

相关环境信息

richard1015 commented 2 years ago

v3.2.1 已发布