更新记录

1.0.0（2023-06-04）

• 借鉴 iOS 相册的图片长按交互效果
• 通用组件，多平台兼容
• 适配暗黑模式
• 高斯模糊、顺滑的动画效果

平台兼容性

contextual-menu

• 1.0.0

介绍

发现大部份 UI 库都没有跟长按操作相关的组件菜单，但长按操作在移动端算是比较常用的操作，所以借鉴 iOS 相册的图片长按交互效果，结合 iOS 开发规范取名 contextual-menu - 上下文菜单。

• 借鉴 iOS 相册的图片长按交互效果
• 通用组件，多平台兼容
• 适配暗黑模式
• 高斯模糊、顺滑的动画效果

兼容

使用

1. 引用

// 更多可查看 src/pages/contextual-menu 页面
import ContextualMenu from "../../components/contextual-menu/index.vue";

2. 在页面中即可使用组件

<!-- 更多可查看 src/pages/contextual-menu 页面 -->
<ContextualMenu :item-list="['按钮1', '按钮2']" @item-click="click" @close="close">
  <img class="img" src="/static/logo.png" alt="" mode="widthFix" />
</ContextualMenu>

开发

1. 安装依赖 npm install
2. 构建命令 npm run dev

属性 props

事件 Events

建议

• 如果你有好的意见或建议，欢迎直接给我评论!